@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#ecf1fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0b1018;--panel:#111a27;--panel-2:#141f2e;--line:#253246;--muted:#91a0b7;--cyan:#6de5d0;--blue:#79a7ff;--green:#6ce3ac;--danger:#ff8b9c;background:#0b1018;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 76% 0,#162234 0%,#0b1018 42%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.muted{color:var(--muted)}.small{font-size:11px}.tiny{font-size:10px;line-height:1.55}.eyebrow,.sidebar-label,.tool-group-title,.stat-label{letter-spacing:1.5px;color:#92a4bc;font:500 10px DM Mono,monospace}.brand-lockup{letter-spacing:2px;color:#f2f5fb;white-space:nowrap;align-items:center;gap:10px;font:600 14px Space Grotesk,sans-serif;display:flex}.brand-lockup b{color:var(--cyan);font-weight:600}.brand-mark{width:34px;height:34px;color:var(--cyan);background:linear-gradient(140deg,#193d3e,#152438);border:1px solid #3c746f;border-radius:10px;place-items:center;font:700 20px Space Grotesk;display:grid;box-shadow:0 0 25px #4ed6bb16}.auth-shell{grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);max-width:1500px;min-height:100vh;margin:0 auto;display:grid}.auth-visual{background:linear-gradient(145deg,#101a28a8,#0b101800 60%),radial-gradient(at 25% 65%,#16444c 0%,#0c1822 39%,#0000 70%);border-right:1px solid #253246;flex-direction:column;padding:36px 6vw;display:flex;position:relative}.auth-copy{max-width:590px;margin:auto 0}.auth-copy .eyebrow{margin-bottom:26px}.auth-copy .eyebrow i,.page-footer i{background:var(--cyan);border-radius:100%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #6de5d0}.auth-copy h1{letter-spacing:-3.8px;margin:0 0 26px;font:600 clamp(46px,6vw,78px)/1.02 Space Grotesk,sans-serif}.auth-copy h1 span{color:var(--cyan)}.auth-copy>p{color:#9cacbf;max-width:470px;font-size:15px;line-height:1.8}.feature-pills{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.feature-pills span{color:#c5dedf;background:#172936;border:1px solid #2a4b56;border-radius:30px;padding:9px 13px;font-size:12px}.auth-footnote{letter-spacing:1.3px;color:#7c8da4;margin-top:auto;padding-top:30px;font:10px DM Mono,monospace}.auth-footnote span{color:var(--cyan);padding:0 8px}.auth-panel{background:#0b1018a6;place-items:center;padding:34px;display:grid}.auth-card{width:min(100%,430px)}.mobile-brand{margin-bottom:42px;display:none}.auth-card .eyebrow{color:var(--cyan);margin-bottom:14px}.auth-card h2{letter-spacing:-.8px;margin:0 0 10px;font:600 29px Space Grotesk,sans-serif}.auth-card>p{margin:0 0 27px;font-size:13px;line-height:1.7}.auth-form{gap:18px;display:grid}.auth-form label{color:#c5cfde;gap:8px;font-size:12px;display:grid}.auth-form input{color:#eef4fb;background:#111a27;border:1px solid #29394e;border-radius:10px;outline:none;width:100%;padding:13px 14px;transition:border .2s}.auth-form input:focus{border-color:#6de5d0;box-shadow:0 0 0 3px #6de5d015}.auth-form input::placeholder{color:#667790}.hint{color:#91a0b7;margin:-10px 0 0;font-size:11px;line-height:1.5}.primary-btn,.secondary-btn{border:0;border-radius:10px;font-weight:700;transition:transform .15s,background .15s}.primary-btn{background:var(--cyan);color:#08211f;padding:12px 15px;box-shadow:0 8px 24px #50d6bf12}.primary-btn:hover:not(:disabled){background:#9cf4e5;transform:translateY(-1px)}.primary-btn.wide{padding:14px}.secondary-btn{color:#dce7f6;background:#182536;border:1px solid #2d4057;padding:10px 13px;font-size:12px}.secondary-btn:hover{background:#203147}.auth-switch{text-align:center;color:#94a4ba;margin-top:22px;font-size:12px}.auth-switch button{color:var(--cyan);background:0 0;border:0;padding:2px 4px;font-weight:700}.security-note{border-top:1px solid #202b3b;align-items:flex-start;gap:9px;padding-top:20px;display:flex;color:#8394ab!important;margin-top:30px!important;font-size:11px!important}.security-note span{color:var(--cyan)}.notice{border:1px solid;border-radius:9px;padding:12px;font-size:12px}.notice.error{color:#ffb5bf;background:#3c1e2a;border-color:#723847}.app-shell{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#0d141f;border-right:1px solid #222e40;flex-direction:column;height:100vh;padding:25px 17px 17px;display:flex;position:sticky;top:0}.sidebar .brand-lockup{padding:0 9px 37px}.sidebar-label{color:#6f8199;padding:0 12px 11px}.nav-item{color:#9fb0c8;border-radius:9px;align-items:center;gap:12px;margin-bottom:5px;padding:12px 13px;font-size:12px;display:flex}.nav-item span{font-size:16px}.nav-item.active{color:#a8f5e8;background:#19302f;border:1px solid #285351}.muted-nav{opacity:.6}.sidebar-bottom{margin-top:auto}.secure-card{background:#111d29;border:1px solid #25384b;border-radius:12px;margin-bottom:17px;padding:14px}.secure-icon{color:var(--cyan);margin-bottom:9px;font-size:19px}.secure-card>strong{font-size:12px}.secure-card p{color:#8c9eb6;margin:7px 0 13px;font-size:10px;line-height:1.6}.secure-status{color:#a0d7c9;font:10px DM Mono,monospace}.secure-status i{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.profile-row{border-top:1px solid #253246;align-items:center;gap:9px;padding:17px 3px 0;display:flex}.avatar{color:#a6faea;background:#28424a;border-radius:10px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.profile-meta{flex:1;gap:4px;min-width:0;display:grid}.profile-meta strong{font-size:11px}.profile-meta span{color:#8293aa;text-overflow:ellipsis;font-size:9px;overflow:hidden}.icon-btn{color:#9aabc1;background:0 0;border:0;padding:5px;font-size:18px}.main-area{width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:31px clamp(20px,3.3vw,52px) 18px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.topbar .eyebrow{margin-bottom:9px}.topbar h1{letter-spacing:-.7px;margin:0;font:600 28px Space Grotesk,sans-serif}.topbar-right{align-items:center;gap:12px;display:flex}.live-pill{letter-spacing:.7px;color:#b6c0d1;white-space:nowrap;background:#111b28;border:1px solid #29374a;border-radius:8px;padding:9px 11px;font:10px DM Mono,monospace}.live-pill i{background:#a7b2c4;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.live-pill.is-live i{background:var(--green);box-shadow:0 0 8px #6ce3ac}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:19px;display:grid}.stat-card{background:linear-gradient(150deg,#141f2d,#101722);border:1px solid #263448;border-radius:13px;min-width:0;padding:18px 19px}.stat-label{letter-spacing:1.25px;font-size:9px}.stat-main{justify-content:space-between;align-items:center;gap:10px;margin:14px 0 8px;display:flex}.stat-main>strong{letter-spacing:-1.5px;font:600 34px Space Grotesk,sans-serif}.stat-main .stat-text{letter-spacing:-.3px;overflow-wrap:anywhere;font-size:17px}.stat-icon{color:#88b8ff;background:#263953;border-radius:10px;place-items:center;width:37px;height:37px;font-size:22px;display:grid}.stat-icon.green{color:#81f1b8;background:#153b32}.stat-icon.purple{color:#c8a8ff;background:#322643}.stat-foot{color:#8294ab;font-size:10px}.content-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);align-items:start;gap:17px;display:grid}.panel{background:#111a27;border:1px solid #27364a;border-radius:14px;min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid #263347;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.panel-heading h2{margin:0 0 5px;font:600 17px Space Grotesk,sans-serif}.panel-heading p{color:#91a1b7;margin:0;font-size:11px}.count-chip{color:#b4c7de;white-space:nowrap;background:#1b2b3c;border:1px solid #2c3e54;border-radius:6px;padding:6px 8px;font:10px DM Mono,monospace}.device-list{gap:8px;padding:12px;display:grid}.device-card{text-align:left;color:#edf3fa;background:#131e2c;border:1px solid #26364a;border-radius:11px;align-items:center;gap:12px;width:100%;padding:13px;transition:border .15s,background .15s;display:flex}.device-card:hover{border-color:#4b7782}.device-card.selected{box-shadow:inset 3px 0 var(--cyan);background:#182e31;border-color:#4a9f92}.device-icon{color:#87b6ff;background:#202f42;border-radius:11px;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:25px;display:grid}.device-info{flex:1;gap:5px;min-width:0;display:grid}.device-name-row{align-items:center;gap:9px;display:flex}.device-name-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.status-dot{background:#6f7d90;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.online{background:var(--green);box-shadow:0 0 9px #6ce3ac60}.device-status{letter-spacing:.45px;font:9px DM Mono,monospace}.status-online{color:var(--green)}.status-offline{color:#98a5b6}.device-chevron{color:#a6b8cc;letter-spacing:.4px;text-align:right;min-width:66px;font:500 9px DM Mono,monospace}.device-card.selected .device-chevron{color:var(--cyan)}.panel-note{color:#8fa1b8;background:#101824;border-top:1px solid #263347;gap:10px;padding:14px 17px;display:flex}.panel-note span{color:#77cbbd;font-size:15px}.panel-note p{margin:0;font-size:10px;line-height:1.6}.empty-state{text-align:center;padding:29px 22px 20px}.empty-graphic{width:67px;height:67px;color:var(--cyan);background:#182c37;border:1px solid #31515a;border-radius:20px;place-items:center;margin:0 auto 18px;font-size:31px;display:grid;position:relative}.empty-graphic span{background:var(--cyan);color:#0b1d1b;border-radius:50%;place-items:center;width:22px;height:22px;font-size:16px;display:grid;position:absolute;top:-7px;right:-6px}.empty-state h3{margin:0 0 9px;font:600 16px Space Grotesk,sans-serif}.empty-state>p{color:#93a4bb;max-width:350px;margin:0 auto 20px;font-size:11px;line-height:1.7}.steps{text-align:left;gap:9px;max-width:370px;margin:0 auto;display:grid}.steps>div{color:#bac7d8;background:#14202e;border:1px solid #243448;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;font-size:10px;display:flex}.steps i{width:22px;height:22px;color:var(--cyan);background:#244a4b;border-radius:7px;flex-shrink:0;place-items:center;font:11px DM Mono,monospace;display:grid}.mini-state{color:#e0bd91;white-space:nowrap;background:#2e2a25;border:1px solid #524538;border-radius:5px;padding:6px 8px;font:9px DM Mono,monospace}.mini-state.online{color:#85edb8;background:#17382e;border-color:#2d5b4a}.target-banner{background:#152533;border:1px solid #2b4255;border-radius:10px;align-items:center;gap:10px;margin:14px 15px 3px;padding:11px;display:flex}.target-icon{color:#86b8ff;background:#263c53;border-radius:8px;place-items:center;width:33px;height:33px;font-size:21px;display:grid}.target-banner>div:nth-child(2){flex:1;gap:4px;min-width:0;display:grid}.target-banner strong{font-size:11px}.target-banner span:not(.status-dot){color:#92a6bf;font-size:9px}.tool-group{padding:16px 15px 2px}.tool-group-title{margin:0 0 11px;font-size:9px}.tool-row{color:#e8eef8;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;width:100%;padding:10px 6px;display:flex}.tool-row:hover:not(:disabled){background:#162536;border-color:#283d51}.tool-icon{border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.tool-icon.location{color:#77d9df;background:#1b3a45}.tool-icon.ring{color:#d8b7ff;background:#3a2f4c}.tool-icon.stop{color:#ff9daa;background:#382832}.tool-icon.call{color:#83e2b5;background:#203a31}.tool-row>span:nth-child(2){flex:1;gap:5px;min-width:0;display:grid}.tool-row b{font-size:11px;font-weight:600}.tool-row small{color:#8e9fb5;font-size:9px;line-height:1.4}.tool-arrow{color:#96a8bc;font-size:18px}.soundboard-group{border-top:1px solid #263347;margin-top:15px;padding-top:15px;padding-bottom:16px}.sound-select-label{color:#9bacc1;margin-bottom:8px;font-size:10px;display:block}.sound-select-row{gap:8px;display:flex}.sound-select-row select{color:#e4ebf5;background:#172333;border:1px solid #304258;border-radius:9px;outline:none;flex:1;min-width:0;padding:10px;font-size:11px}.sound-play{white-space:nowrap;padding:10px 13px;font-size:11px}.soundboard-group .tiny{margin:9px 0 0}.location-card{background:#101824;border-top:1px solid #263347;padding:15px 17px 18px}.location-card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.location-card-head strong{font-size:11px}.location-card-head span{color:var(--cyan)}.location-result{background:#141f2d;border:1px solid #25384c;border-radius:9px;padding:12px}.coord-line{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.coord-line span{color:#7e91aa;font:9px DM Mono,monospace}.coord-line strong{color:#dce9f8;font:11px DM Mono,monospace}.location-result .muted{margin:9px 0 11px;font-size:9px}.map-link{color:var(--cyan);font-size:10px;text-decoration:none;display:inline-block}.map-link:hover{text-decoration:underline}.danger-link{color:#d88e9b;background:0 0;border:0;margin:0 17px 17px;padding:3px;font-size:10px}.danger-link:hover{color:#ffadb8}.controls-empty{text-align:center;color:#93a2b7;padding:40px 20px}.controls-empty span{color:#638d98;font-size:34px}.controls-empty p{font-size:11px;line-height:1.6}.page-footer{color:#64758c;letter-spacing:.5px;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font:9px DM Mono,monospace;display:flex}.page-footer span:last-child{color:#759a91}.page-footer i{width:5px;height:5px}.toast{color:#b7f3d3;background:#152f2a;border:1px solid #315c51;border-radius:9px;align-items:center;gap:10px;margin:-12px 0 17px;padding:11px 13px;font-size:12px;display:flex}.toast.error{color:#ffbfc9;background:#311e29;border-color:#673745}.toast>span{font-weight:700}.toast button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:18px}.loading-screen{color:#a0b5c9;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:100vh;font-size:12px;display:flex}.loader-mark{width:48px;height:48px;color:var(--cyan);border:1px solid #3c746f;border-radius:15px;place-items:center;font:700 24px Space Grotesk;display:grid;box-shadow:0 0 35px #6de5d015}@media (width<=1080px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.content-grid{grid-template-columns:1fr}.controls-panel{max-width:none}.auth-visual{padding-left:4vw;padding-right:4vw}.stat-main .stat-text{font-size:14px}}@media (width<=760px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:28px 23px}.mobile-brand{display:flex}.auth-card{max-width:450px}.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #263347;border-right:0;height:auto;padding:15px 18px;position:static}.sidebar .brand-lockup{padding:0}.sidebar-label,.nav-item,.sidebar-bottom{display:none}.main-area{padding:22px 15px 15px}.topbar{flex-direction:column;align-items:flex-start;margin-bottom:20px}.topbar-right{justify-content:space-between;width:100%}.topbar h1{font-size:25px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-card:last-child{grid-column:1/-1}.stat-main>strong{font-size:29px}.stat-main .stat-text{font-size:16px}.content-grid{gap:13px}.panel-heading{padding:16px}.device-list{padding:9px}.page-footer{flex-direction:column;align-items:flex-start}.live-pill{font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}