*{box-sizing:border-box}html{color:#f8fafc;background:#0b1220;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}body{background:#0b1220;min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.page-shell{width:100%;max-width:980px;margin:0 auto;padding:24px 26px 40px}.topbar,.section-heading,.status-strip,.integration-row,.card-top,.action-row{align-items:center;display:flex}.topbar{justify-content:space-between;margin-bottom:22px}h1,h2,p{margin:0}h1{letter-spacing:-.6px;font-size:34px;line-height:1.15}h2{font-size:21px;line-height:1.2}.eyebrow{color:#94a3b8;letter-spacing:1.7px;margin-bottom:5px;font-size:11px;font-weight:700}.icon-button{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:16px;width:58px;height:58px;font-size:34px;line-height:1}.status-strip{color:#dbeafe;background:#111c2e;border:1px solid #243247;border-radius:14px;gap:9px;min-height:50px;margin-bottom:18px;padding:10px 14px;font-size:14px}.status-dot{background:#f59e0b;border-radius:50%;width:9px;height:9px;display:inline-block}.status-dot.online{background:#34d399}.status-dot.offline{background:#fb7185}.muted{color:#94a3b8;margin-left:auto}.device-list{margin:0 -8px 22px;font-size:0}.device-card,.setup-card{vertical-align:top;background:#111c2e;border:1px solid #243247;border-radius:18px;width:calc(50% - 16px);margin:8px;padding:18px;font-size:16px;display:inline-block}.card-top{justify-content:space-between;gap:8px;margin-bottom:12px}.domain-label{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700;display:inline-block}.device-name{overflow-wrap:anywhere;font-size:19px;font-weight:700;line-height:1.25;display:block}.state-pill{color:#cbd5e1;background:#1e293b;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:700}.state-pill.good{color:#a7f3d0;background:#064e3b}.state-pill.warn{color:#fde68a;background:#78350f}.details{color:#aab8ca;min-height:23px;margin-bottom:15px;font-size:13px;line-height:1.5}.action-row{flex-wrap:wrap;gap:8px}.action-button{color:#fff;background:#1e40af;border:0;border-radius:12px;min-height:46px;padding:0 14px;font-weight:700}.action-button.secondary{background:#26364d}.action-button:disabled{opacity:.45;cursor:default}.empty-card{color:#cbd5e1;background:#111c2e;border:1px solid #243247;border-radius:18px;width:auto;margin:8px;padding:24px;font-size:15px;line-height:1.55;display:block}.section-heading{justify-content:space-between;margin-bottom:8px}.integration-row{border-top:1px solid #243247;justify-content:space-between;gap:10px;min-height:65px}.integration-row strong,.integration-status{display:block}.integration-status{color:#94a3b8;margin-top:4px;font-size:12px}.small-button{color:#dbeafe;background:#26364d;border:1px solid #3a4a62;border-radius:11px;min-height:42px;padding:0 14px;font-weight:700}.small-button:disabled{opacity:.55;cursor:default}.integration-buttons .small-button+.small-button{margin-left:5px}.setup-guide{color:#cbd5e1;margin:15px 0;font-size:14px;line-height:1.6}.setup-guide p{margin:10px 0}.setup-guide a{color:#93c5fd}.setup-field{margin:16px 0}.setup-field label{color:#cbd5e1;margin-bottom:7px;font-size:13px;display:block}.setup-field input{color:#f8fafc;width:100%;min-height:46px;font:inherit;background:#0b1220;border:1px solid #3a4a62;border-radius:10px;padding:10px;font-size:16px}.setup-field input[readonly]{font-size:13px}.setup-error{color:#fecdd3;margin-bottom:14px;font-size:14px;line-height:1.5}#integration-setup{width:auto;display:block}#integration-setup.hidden{display:none}.footnote{color:#8493a8;margin-top:12px;font-size:12px;line-height:1.45}.notice{color:#dbeafe;background:#172a45;border:1px solid #355079;border-radius:12px;margin-bottom:14px;padding:13px 15px;font-size:14px}.notice.error{color:#fecdd3;background:#3b1720;border-color:#72303e}.hidden{display:none}.lock-screen{text-align:center;min-height:100vh;padding:40px 20px}.pin-card{background:#111c2e;border:1px solid #243247;border-radius:18px;max-width:360px;margin:12vh auto 0;padding:28px}.pin-card label{color:#cbd5e1;margin:25px 0 12px;display:block}.pin-card input{color:#fff;text-align:center;letter-spacing:12px;background:#0b1220;border:1px solid #3a4a62;border-radius:12px;width:100%;min-height:60px;font-size:30px}.pin-card .action-button{width:100%}#pin-error{color:#fecdd3;min-height:44px;padding:12px 0;font-size:14px}footer{color:#64748b;text-align:center;padding:16px 0;font-size:12px}@media (max-width:640px){.page-shell{padding:17px 14px 30px}h1{font-size:29px}.device-list{margin-left:0;margin-right:0}.device-card,.setup-card{width:100%;margin:7px 0}.muted{font-size:11px}}