:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172044;background:#f5f7fc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:#3157d5}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2rem,8vw,3rem);line-height:1.05;letter-spacing:-.04em}.eyebrow{margin-bottom:8px;color:#3157d5;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.muted{color:#66708f;line-height:1.55}.brand{display:inline-block;margin-bottom:42px;color:#172044;font-size:1.25rem;font-weight:850;text-decoration:none}.brand span{color:#3157d5}.auth-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 0,#e7edff,transparent 36%),#f7f8fc}.auth-card{width:min(100%,460px);padding:clamp(26px,7vw,48px);border:1px solid #e1e5f1;border-radius:28px;background:#fff;box-shadow:0 24px 70px #27376e1f}.form-stack{display:grid;gap:17px;margin:28px 0 20px}.form-stack label{display:grid;gap:8px;color:#343c58;font-size:.88rem;font-weight:700}.form-stack input:not([type=checkbox]){width:100%;min-height:50px;padding:0 15px;border:1px solid #cbd2e4;border-radius:13px;color:#172044;background:#fbfcff;outline:none}.form-stack input:focus{border-color:#3157d5;box-shadow:0 0 0 4px #3157d51f}.form-stack .check-row{display:flex;align-items:center;gap:9px;font-weight:500}.form-error{margin:0;padding:12px;border-radius:12px;color:#9d2431;background:#fff0f2}.primary-button,.secondary-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:0;border-radius:14px;font-weight:800;text-decoration:none;cursor:pointer}.primary-button{color:#fff;background:#3157d5;box-shadow:0 8px 18px #3157d538}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{border:1px solid #d9deec;color:#25305a;background:#f7f8fc}.text-link{display:inline-block;font-weight:700}.switch-copy{margin:30px 0 0;color:#66708f;text-align:center}.success-panel{margin:25px 0;padding:16px;border-radius:14px;color:#17603a;background:#e9f8ef}.app-frame{min-height:100vh;padding-bottom:82px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1160px)/2));border-bottom:1px solid #e4e7f0;background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.topbar .eyebrow{margin:0}.topbar strong{font-size:1.1rem}.avatar-button{width:44px;height:44px;border:0;border-radius:50%;color:#fff;background:#3157d5;font-weight:800}.page-content{width:min(100%,1160px);margin:0 auto;padding:32px 20px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{margin:0}.add-button{white-space:nowrap}.device-grid{display:grid;gap:18px}.device-card{padding:22px;border:1px solid #e0e4ef;border-radius:22px;background:#fff;box-shadow:0 10px 26px #1f2d5f12}.device-title-row{display:flex;gap:14px;align-items:center}.device-title-row h2{margin-bottom:7px;font-size:1.18rem}.device-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#3157d5;background:#edf1ff;font-size:1.8rem}.status{display:flex;align-items:center;gap:7px;margin:0;color:#6a738e;font-size:.82rem;font-weight:700;text-transform:capitalize}.status span{width:8px;height:8px;border-radius:50%;background:#949cb2}.status.online{color:#19764a}.status.online span{background:#20a968}.device-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.device-facts div{min-width:0}.device-facts dt{color:#7a8299;font-size:.75rem}.device-facts dd{margin:5px 0 0;overflow:hidden;color:#273151;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.device-card .secondary-button{width:100%}.empty-state,.error-state,.center-state{padding:54px 24px;border:1px dashed #ccd3e5;border-radius:22px;text-align:center;background:#fff}.empty-state.compact{margin-top:22px;padding:34px 20px}.empty-icon{margin-bottom:12px;color:#3157d5;font-size:2.5rem}.center-state{border:0;background:transparent}.spinner{width:30px;height:30px;margin:0 auto 14px;border:3px solid #dbe1f2;border-top-color:#3157d5;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{position:fixed;z-index:5;right:0;bottom:0;left:0;min-height:68px;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #dfe3ee;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav a,.bottom-nav button{min-width:110px;min-height:46px;border:0;color:#66708f;background:transparent;font-weight:750;text-align:center;text-decoration:none}.bottom-nav a.active{color:#3157d5}.back-link{display:inline-block;margin-bottom:25px;font-weight:750;text-decoration:none}.device-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#253e9f,#4770f0)}.device-header .muted,.device-header .status{color:#e7ebff}.device-header .status span{background:#fff}.device-header h1{margin:8px 0}.battery-pill{min-width:74px;padding:12px;border-radius:18px;background:#ffffff24;font-size:1.35rem;font-weight:850;text-align:center}.battery-pill small{display:block;margin-top:3px;font-size:.66rem;font-weight:600}.device-tabs{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:7px;margin:20px 0;overflow-x:auto}.device-tabs button{min-height:45px;border:0;border-radius:12px;color:#6d7691;background:#e9ecf4;font-weight:750}.device-tabs button.active{color:#fff;background:#3157d5}@media(min-width:680px){.page-content{padding:46px 30px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{position:static;width:min(100%,1160px);margin:0 auto;border:0;background:transparent}.app-frame{padding-bottom:0}}@media(min-width:1040px){.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-color-scheme:dark){:root{color:#eff2ff;background:#101423}.auth-page,body{background:#101423}.auth-card,.device-card,.empty-state,.error-state{border-color:#30384e;background:#191f31}.form-stack input:not([type=checkbox]){border-color:#3b455f;color:#f5f6ff;background:#111625}.topbar,.bottom-nav{border-color:#2d3447;background:#141928eb}.brand,.device-facts dd{color:#f2f4ff}.secondary-button,.device-tabs button{border-color:#394158;color:#e6e9f8;background:#242b3e}.muted,.switch-copy{color:#aab1c6}}.dialog-backdrop{position:fixed;inset:0;background:#0f172aa6;display:grid;place-items:center;padding:1rem;z-index:20}.dialog{position:relative;width:min(100%,28rem);border-radius:1rem;background:#fff;color:#172033;padding:1.5rem;box-shadow:0 1.5rem 4rem #00000040}.dialog-close{position:absolute;top:.75rem;right:.75rem;border:0;background:transparent;font-size:1.5rem;cursor:pointer}.dialog form,.dialog label{display:grid;gap:.75rem}.dialog input{width:100%;box-sizing:border-box;padding:.75rem;border:1px solid #94a3b8;border-radius:.5rem}.danger-zone{margin-top:2rem;padding:1.25rem;border:1px solid #fecaca;border-radius:1rem;background:#fff7f7}.danger-zone h2{margin-top:0}.danger-button{min-height:44px;border:0;border-radius:.7rem;padding:.7rem 1rem;color:#fff;background:#b42318;font-weight:700;cursor:pointer}.danger-button:disabled{opacity:.6;cursor:wait}.health-panel{margin-top:1rem;padding:1.25rem;border-radius:1rem;background:var(--surface, #fff)}.health-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid #e2e8f0}.health-row .healthy{color:#15803d}.health-row .attention{color:#b45309}.notifications-panel{margin-top:1rem}.notifications-panel input{padding:.7rem;border:1px solid #94a3b8;border-radius:.5rem;max-width:14rem}.notification-card{margin:.75rem 0;padding:1rem;border-radius:.8rem;background:var(--surface, #fff);border:1px solid #e2e8f0;overflow-wrap:anywhere}.notification-card>div{display:flex;justify-content:space-between;gap:1rem}.notification-card time{color:#64748b;font-size:.8rem}.camera-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.snapshot-image{display:block;width:100%;max-height:28rem;object-fit:contain;margin-top:.75rem;border-radius:.6rem}