*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#19323f;font:14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid #e9ae45;outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#102b38;color:#d8e4ea;padding:28px 18px;display:flex;flex-direction:column;overflow-y:auto;z-index:10}.logo{display:block;margin:0 6px 8px;text-decoration:none}.brandLogo{display:block;width:100%;height:auto;background:#fff;border-radius:8px;padding:10px}.sidebarTag{font-size:10px;letter-spacing:3px;color:#8da4b1;padding:8px 12px 22px}.navLabel{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#88a1ae;margin:23px 14px 9px}nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;color:#c2d3dd;border:1px solid transparent;padding:11px 13px;border-radius:8px;font-size:13px;font-weight:550;margin:3px 0;cursor:pointer}nav button:hover{background:#1b3d4c;color:white}nav button.active{background:#1e504f;border-color:#326962;color:#e5fff5}nav button:disabled{opacity:.35;cursor:default}.navIcon{width:18px;text-align:center;font-size:18px;line-height:1}.navBadge{margin-left:auto;background:#ffffff16;color:#c4ded8;border-radius:5px;padding:1px 6px;font-size:11px}.sidebarBottom{margin-top:auto;padding:32px 12px 0;font-size:11px;color:#9aafba}.sidebarBottom small{display:block;margin:5px 0 0 15px;color:#758e9d}.connectionDot{display:inline-block;width:6px;height:6px;background:#54c49b;border-radius:50%;margin-right:8px}main{margin-left:250px;padding:35px 40px 24px;max-width:1720px;min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;padding-bottom:23px;border-bottom:1px solid #dfe6eb}h1{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.8px;margin:8px 0 10px}h2{font-size:17px;line-height:1.4;margin:0 0 17px}h3{font-size:15px;margin:0}p{color:#71828d;margin:10px 0 18px}header p{margin:0;font-size:13px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#2b8b7c}.identity{text-align:right;font-size:11px;color:#7c8e99;margin:0 0 23px}section{background:#fff;border:1px solid #e0e7ec;border-radius:12px;padding:26px;box-shadow:0 2px 3px #17384a03}.stats{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:18px;margin-bottom:23px}.stats section{padding:22px 25px}.stats span{display:block;color:#7d8b96;font-size:12px}.stats b{display:block;margin-top:10px;font-size:32px;font-weight:650;line-height:1.25}.stats section:last-child b{font-size:18px;padding:9px 0;overflow-wrap:anywhere}.welcomePanel{padding:32px;background:linear-gradient(115deg,#edf8f5,#fff 78%);border-color:#d8eae5;margin-bottom:23px}.welcomePanel h2{font-size:25px;margin:8px 0}.welcomePanel p{font-size:13px}.quickActions{display:flex;gap:10px;margin-top:25px}.recentPanel{margin-top:0}.recentDevice{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-top:1px solid #edf0f3}.recentDevice small{display:block;color:#80909b;font-size:12px;margin-top:3px}.forms{display:grid;grid-template-columns:1fr 1.3fr;gap:22px;margin-bottom:24px;align-items:start}form{display:grid;gap:15px}label{display:block;font-size:12px;font-weight:600;color:#536976}input,select{display:block;width:100%;padding:10px 12px;border:1px solid #d4dfe6;border-radius:7px;margin-top:7px;background:#fff;color:#19323f;min-height:40px}input::placeholder{color:#a2afb8}button,.button{border:1px solid transparent;border-radius:7px;padding:10px 15px;font:600 12px system-ui;background:#188473;color:white;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.4}button:hover,.button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}.quiet{background:#f1f5f7;color:#647b88;border-color:#e5ebef}form button{justify-self:start}#logout{background:#fff;border-color:#d6e1e6;color:#637a88}#login{max-width:510px;margin:55px auto;padding:34px}#login h2{font-size:23px}#login p{font-size:13px}#login button{width:100%;margin-top:5px;padding:13px}#loginForm{gap:18px}.listHeader,.customerHead,.device{display:flex;align-items:center;justify-content:space-between;gap:18px}.listHeader{margin-bottom:21px}.listHeader h2{margin:0}.listHeader label{width:260px;max-width:100%}.customerHead{justify-content:flex-start;margin-bottom:5px}.customerHead>.quiet{margin-left:auto;font-size:11px;padding:6px 10px}.groupCount{font-size:10px;border-radius:20px;background:#f0f5f7;color:#7e929d;padding:3px 9px;white-space:nowrap}article{border-top:1px solid #e8eef2;padding:20px 0}article:last-child{padding-bottom:0}.device{padding:17px 0;border-bottom:1px solid #eef2f4}.device:last-child{border:0}.device>div:first-child{min-width:120px}.device strong{font-size:13px}.device small{display:block;font-size:11px;color:#8a9ba5;margin-top:5px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions select{width:180px;max-width:100%;font-size:11px;margin:0;min-height:36px}.actions>.quiet{font-size:11px;background:transparent;border:0;color:#9a7774}.actions .button{font-size:11px}.serviceNote{font-size:11px;color:#8999a3;margin:0 0 16px;padding:0 2px}.notice{border-left:3px solid #d7a649;background:#fff8e7;padding:16px 20px;color:#705b31;border-radius:5px;margin-bottom:24px}.empty{padding:35px 15px;text-align:center;font-size:13px}.muted{font-size:12px}.security{margin-top:0;margin-bottom:23px;max-width:700px}.security p{font-size:12px}.security img{max-width:100%;height:auto}.security button{margin-top:6px}#passwordError{color:#a22c23;margin:0}#error:empty{display:none}#error:not(:empty){background:#ffebe9;color:#a22c23;padding:14px;border-radius:6px}#success{background:#e0f5eb;color:#176443;padding:14px;border-radius:6px}#twoFactorSecret,#twoFactorMessage{overflow-wrap:anywhere}#recoveryCodes{white-space:pre-wrap;user-select:all;background:#edf4f5;padding:16px}#recoveryBox{border:1px solid #d7a649;padding:16px;margin:16px 0}#technicianAdmin,#accessAdmin{margin-top:0}#technicianForm,#enrollDeviceForm,#technicianList article form{max-width:600px}fieldset{border:1px solid #d4dfe6;border-radius:7px;padding:14px}legend{font-size:12px;font-weight:600}.checkLabel{display:flex;align-items:center;gap:10px;margin:8px 0}.checkLabel input{width:auto;margin:0;min-height:0}#technicianCredentials{margin:20px 0;padding:16px;background:#fff8e7;border:1px solid #d7a649}#technicianCredentialText{white-space:pre-wrap;overflow-wrap:anywhere}#accessAudit{overflow:auto}#accessAudit table{border-collapse:collapse;width:100%;font-size:12px;margin-top:18px}#accessAudit th,#accessAudit td{text-align:left;padding:10px;border-bottom:1px solid #dfe8ec}footer{color:#98a6ae;font-size:10px;margin-top:30px}#setupNotice{margin-bottom:20px}body:not([data-view]) header{border:0}body:not([data-view]) #pageTitle{font-size:30px}
@media(min-width:1600px){main{padding-left:55px;padding-right:55px}}
@media(max-width:1150px){main{padding:30px 25px}.device{align-items:flex-start;flex-direction:column;gap:12px}.actions{width:100%}.stats{grid-template-columns:1fr 1fr}.stats section:last-child{grid-column:1/-1}}
@media(max-width:780px){aside{position:static;width:100%;padding:18px 20px}.logo{max-width:210px;margin:0}.sidebarTag,.sidebarBottom{display:none}nav{display:flex;gap:5px;flex-wrap:wrap;margin-top:17px}nav .navLabel{width:100%;margin:10px 6px 4px;font-size:9px}nav button{width:auto;margin:0;font-size:11px;padding:8px 10px}.navIcon{font-size:14px;width:13px}main{margin:0;padding:24px 18px}h1{font-size:25px}.forms{grid-template-columns:1fr}.stats{gap:12px}.stats section{padding:18px}.stats b{font-size:27px}.listHeader{align-items:flex-start;flex-direction:column}.listHeader label{width:100%}section{padding:20px}.welcomePanel{padding:25px}.welcomePanel h2{font-size:22px}.quickActions{flex-wrap:wrap}.identity{text-align:left}.actions select{flex:1;min-width:145px}#login{margin:24px auto}.recentDevice{gap:12px}}

@media(min-width:781px){aside{padding-top:24px;padding-bottom:22px}nav .navLabel{margin-top:18px}nav button{padding-top:9px;padding-bottom:9px}.sidebarBottom{padding-top:22px}}