:root{color-scheme:dark;--bg:#071320;--bg2:#0b192a;--panel:#0e1c2d;--panel2:#112237;--line:#213247;--text:#e9f3fa;--muted:#8297a9;--faint:#5c7185;--green:#47ddbe;--blue:#69a8f7;--yellow:#f2b66c;--red:#f48795;--radius:17px;--shadow:0 16px 60px rgba(0,0,0,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -15%,rgba(25,80,113,.18),transparent 40%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.005em}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(28px,3vw,41px);font-weight:730;line-height:1.12;margin:10px 0 13px}h1 em{font-style:normal;color:var(--green)}h2{font-size:19px;margin:4px 0 3px;font-weight:650}h3{font-size:15px}p{color:var(--muted)}.muted{color:var(--muted)}.mono,code{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:.91em;overflow-wrap:anywhere}code{color:#89d9d1;background:#0a2b35;padding:3px 6px;border-radius:5px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;background:linear-gradient(165deg,#0e1d2f,#0b1828 62%,#0b1a29);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 18px 18px;z-index:50}.brand{display:flex;align-items:center;gap:12px;margin:1px 9px 43px}.brand-icon{height:42px;width:42px;display:grid;place-items:center;background:linear-gradient(140deg,#3de3c5,#2288b8);border-radius:12px;color:#082131;font-size:39px;font-weight:700;line-height:1;box-shadow:0 7px 22px rgba(49,209,190,.15)}.brand-name{font-size:20px;font-weight:800;letter-spacing:-.07em;line-height:1.1}.brand-name span{color:var(--green)}.brand-name small{display:block;letter-spacing:.18em;color:var(--faint);font-size:8px;margin-top:5px;font-weight:700}.sidebar-caption{font-size:9px;font-weight:800;letter-spacing:.2em;color:#59778d;margin:0 13px 13px}.gap-top{margin-top:31px}.nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;border-radius:10px;color:#91a4b8;font-weight:590;padding:13px 13px;transition:background .17s,color .17s}.nav-link:hover,.nav-link.active{background:#173145;color:#e8f9f6}.nav-link.active{box-shadow:inset 3px 0 var(--green)}.nav-symbol{width:20px;font-size:23px;line-height:1;color:#4ebfaf;text-align:center;font-weight:300}.sidebar-info{border:1px solid #254051;background:#102a36;border-radius:12px;padding:15px 13px;font-size:12px;color:#b8d6d3}.mini{display:block;font-size:11px;color:#7b9a9d;line-height:1.5;margin-top:7px}.pulse{width:7px;height:7px;background:#4adeb9;border-radius:50%;box-shadow:0 0 0 5px rgba(73,221,188,.09);display:inline-block;margin-right:10px}.sidebar-bottom{margin-top:auto;padding:18px 4px 0;display:flex;align-items:center;border-top:1px solid var(--line);gap:10px}.user-avatar{height:37px;width:37px;border-radius:12px;background:#1a4051;color:#5fdbc6;display:grid;place-items:center;font-weight:750}.user-label{display:grid;min-width:0;flex:1;line-height:1.35}.user-label strong{font-size:12px}.user-label span{font-size:11px;color:#829ba9}.logout{border:0;background:transparent;color:#92a9b6;font-size:20px}.main-container{margin-left:248px;min-width:0;flex:1}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 37px;background:rgba(9,23,38,.78);backdrop-filter:blur(16px)}.breadcrumb{font-size:10px;font-weight:800;letter-spacing:.15em;color:#82a3b2}.breadcrumb span{margin:0 12px;color:#3e5a71}.topbar-right{display:flex;align-items:center;gap:23px}.mode-indicator{font-size:9px;font-weight:800;letter-spacing:.125em;color:#6d9f99}.mode-indicator i{display:inline-block;height:7px;width:7px;background:var(--green);border-radius:50%;margin-right:8px}.refresh{color:#b7ced9;font-size:12px;font-weight:650}.refresh:hover{color:var(--green)}.hamburger{display:none;background:transparent;border:0;color:#daebf3;font-size:22px}.content{max-width:1700px;padding:36px 37px 0;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:26px;margin-bottom:30px}.page-heading p{margin:0;font-size:13px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#69c2bd;font-weight:800}.eyebrow a{color:#6dcfc3}.eyebrow-line{display:inline-block;width:17px;height:2px;background:#54d5c1;vertical-align:middle;margin-right:9px}.btn{border:1px solid transparent;padding:10px 17px;min-height:41px;border-radius:9px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;transition:transform .14s,filter .14s,background .14s}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn.primary{color:#092332;background:linear-gradient(120deg,#61dfc6,#49c8ce);box-shadow:0 6px 19px rgba(67,218,190,.12)}.btn.secondary{background:#1a3445;border-color:#2a4b5b;color:#b8ebe4}.btn.outline{background:transparent;border-color:#304657;color:#a5bfcc}.btn.tiny{font-size:11px;min-height:29px;padding:6px 10px}.btn.full{width:100%;justify-content:space-between}.btn.full span{font-size:20px;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat-card{border:1px solid var(--line);border-radius:var(--radius);padding:20px 21px;background:linear-gradient(155deg,rgba(25,47,67,.68),rgba(12,29,46,.95));min-height:160px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;width:115px;height:115px;right:-65px;top:-60px;border-radius:50%;background:rgba(75,225,204,.055)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.stat-top span{font-weight:750;font-size:9px;color:#7f9eab;letter-spacing:.115em}.stat-icon{font-size:19px;color:#7fe6c7;font-weight:400}.stat-icon.green{color:var(--green)}.stat-icon.blue{color:var(--blue)}.stat-icon.amber{color:var(--yellow)}.stat-card strong{display:block;font-size:37px;font-weight:760;line-height:1.17;letter-spacing:-.06em}.stat-card small{color:#668898;font-size:11px}.dashboard-split{display:grid;grid-template-columns:1.07fr 1fr;gap:21px;margin-bottom:22px;align-items:stretch}.panel{background:linear-gradient(135deg,#101f31,#0c1b2c);border:1px solid var(--line);border-radius:var(--radius);padding:24px 25px;min-width:0;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.panel-head p{font-size:12px;margin:0}.panel-kicker{color:#4fbdb0;letter-spacing:.14em;font-size:9px;font-weight:800}.panel-symbol{font-size:34px;color:#2d9e9d;line-height:1}.gateway-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #203348}.gateway-glyph{height:37px;width:37px;background:#163746;color:var(--green);border-radius:10px;display:grid;place-items:center;font-size:29px}.gateway-main{flex:1;min-width:0;display:grid;gap:3px}.gateway-main strong{font-size:13px}.gateway-main span{font-size:11px;color:#7593a5;overflow-wrap:anywhere}.status-badge{padding:5px 9px;border-radius:6px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:780;white-space:nowrap;display:inline-block;background:#1b3241;border:1px solid #2f5263;color:#81b9c7}.status-badge.large{padding:9px 13px}.status-badge.connected,.status-badge.succeeded{background:#123d3a;border-color:#225c4d;color:#63e1b7}.status-badge.queued,.status-badge.discovered{background:#213b50;border-color:#33546b;color:#9dcdf5}.status-badge.running,.status-badge.pairing_required{background:#3b321e;border-color:#655331;color:#f8d18c}.status-badge.awaiting_approval{background:#3d2f23;border-color:#594436;color:#f3ba7b}.status-badge.failed,.status-badge.unauthorized{background:#422932;border-color:#6b3741;color:#f6a7aa}.status-badge.offline,.status-badge.cancelled{background:#202c3b;border-color:#304052;color:#829bad}.scan-form{display:flex;gap:12px;align-items:flex-end;margin-top:19px}.field{display:grid;gap:8px;color:#8ba5b4;font-size:11px;font-weight:650;min-width:0}.scan-form .field{flex:1}.field input,select,.table-search input{width:100%;background:#0a1929;border:1px solid #2a4053;border-radius:9px;min-height:42px;padding:10px 13px;color:#d7e9f0;outline:none}.field input::placeholder,.table-search input::placeholder{color:#526d81}.field input:focus,select:focus,.table-search input:focus{border-color:#3abda9;box-shadow:0 0 0 3px rgba(64,205,188,.08)}.note{border:1px solid #244658;background:#0e2b3a;border-radius:10px;padding:12px 14px;color:#82b5be;font-size:11px;margin-top:20px;line-height:1.7}.note span{color:var(--green);font-weight:800;margin-right:6px}.note.below{margin-bottom:30px}.text-link{color:var(--green);font-size:12px;font-weight:700;background:transparent;border:0;padding:0;white-space:nowrap}.text-link.danger{color:var(--red)}.text-link:hover{text-decoration:underline}.timeline{display:grid}.timeline-row{display:flex;gap:13px;align-items:center;border-bottom:1px solid #203043;padding:13px 0}.timeline-row:last-child{border:0}.timeline-marker{width:9px;height:9px;border-radius:50%;background:#536d7d;flex:none;box-shadow:0 0 0 5px #1b3142}.timeline-marker.succeeded{background:#46d2b5}.timeline-marker.failed{background:#e37b81}.timeline-marker.running{background:#e9b86b}.timeline-marker.queued{background:#84bafa}.timeline-row>div{min-width:0;flex:1}.timeline-row strong{font-size:12px;font-weight:670;text-transform:capitalize}.timeline-row p{margin:3px 0 0;font-size:10px;color:#6b8798}.inventory-panel{margin-bottom:21px}.inventory-panel .panel-head{align-items:center}.subtle-count{color:#638799;font-weight:500;margin-left:6px}.table-search{display:flex;align-items:center;gap:8px;background:#0a1929;border:1px solid #2a4053;border-radius:9px;padding:0 12px;min-width:275px;max-width:310px}.table-search span{font-size:24px;color:#62889c}.table-search input{border:0!important;box-shadow:none!important;background:transparent;min-width:0;padding-left:0}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:620px}.data-table th{font-size:9px;letter-spacing:.11em;color:#628093;font-weight:770;border-bottom:1px solid #294055;padding:12px 12px}.data-table td{padding:16px 12px;border-bottom:1px solid #1b3043;color:#bad0dc;font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:not([hidden]):hover{background:#11273b}.device-cell{display:flex;align-items:center;gap:12px}.device-cell strong{display:block;font-size:12px;color:#e1f0f4;font-weight:670}.device-cell small{display:block;font-size:10px;color:#668696;max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tv-icon{width:36px;height:36px;display:grid;place-items:center;background:#1b3446;border:1px solid #2b4c60;border-radius:10px;font-size:22px;color:#53c6b5;flex:none}.cell-caption{display:block;color:#628093;font-size:10px;margin-top:3px}.error-text{color:var(--red)}.row-arrow{width:30px;height:30px;border:1px solid #314c5f;border-radius:8px;display:grid;place-items:center;font-size:18px;color:#8eb4c7}.row-arrow:hover{background:#1a4252;color:#b0f1e7}.empty-state{text-align:center;padding:36px 15px!important;color:#67899b}.empty-state>span{font-size:40px;color:#287c87;display:block;margin-bottom:8px}.empty-state h3{margin-bottom:4px;color:#bad8e3}.empty-state p{margin:0;font-size:12px}.empty-state.compact{padding:28px 15px!important}.bottom-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:13px 0 29px}.bottom-features>div{display:grid;grid-template-columns:35px 1fr;align-items:start;column-gap:8px}.bottom-features strong{font-size:12px;color:#afcbd6}.bottom-features p{grid-column:2;font-size:11px;margin:-1px 0 0}.feature-icon{color:#50b6aa;font-size:19px;grid-row:span 2}.footer{border-top:1px solid #172e42;padding:19px 0 25px;display:flex;justify-content:space-between;gap:20px;color:#50778a;font-size:10px}.alert{padding:13px 16px;border-radius:9px;margin:0 0 22px;border:1px solid}.alert.success{background:#153d36;border-color:#2d755a;color:#b2e8c9}.alert.error{background:#402731;border-color:#794450;color:#ffcad0}.alert ul{margin:8px 0 0}.device-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.device-summary>div{background:#112136;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:7px;min-width:0}.device-summary span{color:#7296a9;font-size:9px;font-weight:750;letter-spacing:.11em}.device-summary strong{font-size:14px;overflow-wrap:anywhere}.fields-stack{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-divider{border-top:1px solid var(--line);margin:21px 0}.button-actions{display:flex;flex-wrap:wrap;gap:9px}.remote-grid{display:grid;grid-template-columns:repeat(3,67px);grid-template-rows:repeat(3,58px);gap:7px;justify-content:center;margin:15px auto 19px}.remote-grid form,.remote-bottom form{width:100%;height:100%}.remote-button{background:#183447;border:1px solid #38566a;border-radius:11px;color:#d1f3eb;width:100%;height:100%;font-weight:750;font-size:15px}.remote-button:hover{background:#256059;border-color:#46a99a}.remote-bottom{display:flex;gap:9px;justify-content:center}.remote-bottom form{max-width:110px;height:39px}.remote-bottom .remote-button{font-size:11px}.telemetry{font-size:11px;background:#081524;color:#98c7cf;padding:18px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto}.inline-form{display:flex;gap:12px;align-items:center}.inline-form select{flex:1}.job-actions{display:flex;gap:8px;align-items:center}.pagination{font-size:12px;color:#8ca6b6;padding-top:14px}.package-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.package-row:last-child{border:0}.package-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#15414a;color:#5cdec5;font-size:24px;flex:none}.package-row>div{flex:1;min-width:0}.package-row strong{display:block;font-size:12px}.package-row p{margin:2px 0;font-size:11px}.package-row small{color:#63879b}.login-body{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 14%,rgba(33,138,145,.20),transparent 46%),#061321}.login-card{width:min(460px,100%);border:1px solid #274459;background:linear-gradient(150deg,#11273a,#0c1b2d 80%);border-radius:22px;padding:38px 39px;box-shadow:0 25px 90px rgba(0,0,0,.36)}.login-brand{display:flex;align-items:center;gap:14px}.login-card h1{font-size:35px;margin:9px 0}.gradient-dot{color:var(--green)}.login-card .muted{font-size:13px;margin-bottom:27px}.login-form{display:grid;gap:19px}.login-form label{font-size:11px;color:#94aebe;font-weight:700;display:grid;gap:9px}.login-form input{border:1px solid #2c455a;border-radius:10px;background:#081a2a;padding:14px;color:white;min-width:0}.login-form button{margin-top:8px}.login-foot{font-size:9px;letter-spacing:.09em;color:#618b98;border-top:1px solid #294356;padding-top:19px;margin-top:29px;text-align:center;font-weight:800}
@media(max-width:1180px){.sidebar{width:215px}.main-container{margin-left:215px}.topbar{padding:0 23px}.content{padding:27px 23px 0}.stats-grid{gap:11px}.stat-card{padding:17px}.dashboard-split{grid-template-columns:1fr}.device-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-110%);transition:transform .2s;width:260px;box-shadow:20px 0 65px rgba(0,0,0,.35)}.sidebar.open{transform:translateX(0)}.main-container{margin-left:0}.topbar{height:60px;padding:0 17px}.hamburger{display:block;margin-right:12px}.breadcrumb{flex:1;font-size:9px}.mode-indicator{display:none}.topbar-right{gap:0}.refresh span{display:none}.content{padding:22px 16px 0}.page-heading{align-items:flex-start;gap:15px}.page-heading .btn{padding:9px 12px;font-size:11px}.page-heading h1{font-size:30px}.page-heading p{font-size:12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{min-height:135px;padding:14px}.stat-top span{font-size:8px}.stat-card strong{font-size:29px}.stat-card small{font-size:10px}.panel{padding:19px 17px}.panel-head{gap:10px;flex-wrap:wrap}.panel-head h2{font-size:17px}.dashboard-split{gap:14px;margin-bottom:14px}.inventory-panel{margin-bottom:16px}.table-search{max-width:none;min-width:100%;width:100%;height:40px}.bottom-features{grid-template-columns:1fr;gap:15px}.footer{display:grid;gap:5px}.scan-form{align-items:stretch;flex-direction:column}.device-summary{grid-template-columns:repeat(2,1fr);gap:9px}.device-summary>div{padding:12px}.device-summary strong{font-size:12px}.form-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.login-card{padding:30px 25px}.timeline-row{gap:9px}.timeline-row .status-badge{font-size:8px;padding:4px 6px}}
@media(max-width:400px){.stats-grid{gap:7px}.stat-top{gap:3px}.stat-top span{font-size:7px}.stat-card{padding:12px}.page-heading{display:block}.page-heading>.btn{margin-top:16px}.gateway-row{flex-wrap:wrap}.gateway-row .status-badge{margin-left:auto}}
.profile-panel{margin-bottom:17px}.profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.profile-grid>div{border:1px solid var(--line);border-radius:11px;background:#0b1a2a;padding:13px;min-width:0}.profile-grid span{display:block;color:#7296a9;font-size:9px;font-weight:750;letter-spacing:.11em;margin-bottom:7px}.profile-grid strong{font-size:13px;overflow-wrap:anywhere}.profile-grid small{color:var(--muted);font-size:11px;font-weight:500}.profile-panel .note{margin-top:5px}
@media(max-width:1180px){.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.profile-grid{grid-template-columns:1fr}}