:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030812;--bg-elevated:#07111f;--surface:#0a1424d1;--surface-soft:#0d192cbd;--surface-strong:#112037f0;--glass:#091220a3;--text:#f4f8ff;--muted:#7f8ea7;--muted-strong:#b4c1d7;--line:#7890be2e;--line-strong:#89a3d752;--primary:#0ea5ff;--primary-strong:#55c7ff;--primary-soft:#0ea5ff29;--blue:#15b8ff;--blue-soft:#15b8ff29;--purple:#8b5cf6;--purple-soft:#8b5cf62e;--danger:#ff506c;--danger-soft:#ff506c26;--warning:#f7b84b;--warning-soft:#f7b84b29;--success:#2ef2a2;--success-soft:#2ef2a224;--sidebar:#050c19eb;--sidebar-soft:#11213ed1;--shadow:0 24px 70px #00000057;--shadow-soft:0 14px 34px #0000003d;--glow-blue:0 0 30px #0ea5ff42;--glow-purple:0 0 34px #8b5cf63d}*{box-sizing:border-box;letter-spacing:0}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--text);background:linear-gradient(#040a16d1,#030812),repeating-linear-gradient(90deg,#7890be0a 0 1px,#0000 1px 72px),repeating-linear-gradient(0deg,#7890be06 0 1px,#0000 1px 72px);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #0ea5ff9e}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:56px;font-weight:860;line-height:1.02}h2{color:#f6f9ff;margin:0;font-size:18px;line-height:1.25}p{line-height:1.55}::selection{color:#fff;background:#0ea5ff52}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#687ca07a;border:2px solid #080f1ce6;border-radius:8px}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.noc-console{position:relative;overflow-x:hidden}.sidebar{z-index:10;border-right:1px solid var(--line);background:linear-gradient(180deg, #070f1ffa, #030812f5), var(--sidebar);color:#f5fbff;flex-direction:column;gap:22px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;box-shadow:18px 0 54px #0000003d}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{color:#74d8ff;width:36px;height:36px;box-shadow:var(--glow-blue);background:linear-gradient(135deg,#0ea5ff33,#8b5cf62e),#081222d1;border:1px solid #0ea5ff6b;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.brand strong,.brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand strong{color:#fff;font-size:16px;line-height:1.2}.brand small{color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:800}.nav{gap:6px;display:grid}.nav button{color:#93a3bd;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:39px;padding:0 10px;font-size:13px;font-weight:760;transition:border-color .16s,background .16s,color .16s,transform .16s;display:flex}.nav button.active,.nav button:hover{color:#fff;background:linear-gradient(90deg,#0ea5ff2e,#8b5cf61a);border-color:#0ea5ff3d;transform:translate(2px)}.nav svg,.button svg,.icon-button svg,.login-signals svg,.hero-tags svg,.chapter-icons svg,.metric-icon svg{flex:none}.health-card{border:1px solid var(--line);background:linear-gradient(145deg, #11203ad1, #070f1ceb), var(--glass);box-shadow:var(--shadow-soft);border-radius:8px;gap:8px;margin-top:auto;padding:14px;display:grid}.health-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.health-card span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:840}.health-card strong{font-size:30px;line-height:1}.health-card p{color:var(--muted-strong);margin:0;font-size:12px}.health-card.success{border-color:#2ef2a252}.health-card.warning{border-color:#f7b84b59}.health-card.danger{border-color:#ff506c6b}.health-meter{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:8px;height:7px;overflow:hidden}.health-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--success), var(--primary));height:100%;display:block;box-shadow:0 0 18px #2ef2a261}.session-box{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.session-box strong,.session-box span{display:block}.session-box strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;overflow:hidden}.session-box span{color:var(--muted);margin-top:2px;font-size:11px;font-weight:840}.main{min-width:0;padding:24px 26px 34px}.hero-panel{min-height:286px;box-shadow:var(--shadow);background:linear-gradient(105deg,#050c19f5 0%,#07101fe0 44%,#090f23b8 100%),repeating-linear-gradient(120deg,#5d78b40f 0 1px,#0000 1px 34px);border:1px solid #6284c62e;border-radius:8px;grid-template-columns:minmax(360px,.9fr) minmax(320px,.55fr);padding:26px;display:grid;position:relative;overflow:hidden}.hero-panel:after{content:"";background:linear-gradient(90deg,#0000,#0ea5ffb8,#8b5cf68f,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.hero-copy{z-index:2;align-content:start;gap:12px;max-width:680px;display:grid;position:relative}.brand-kicker,.hero-tags,.topbar-meta,.live-pill{align-items:center;display:inline-flex}.brand-kicker{color:#eaf6ff;gap:9px;width:fit-content;font-size:13px;font-weight:850}.signal-mark{background:linear-gradient(90deg,#0000 0 4px,#22d3ee 4px 8px,#0000 8px 10px,#8b5cf6 10px 14px,#0000 14px),linear-gradient(0deg,#0000 0 4px,#2ef2a2f2 4px 8px,#0000 8px 10px,#0ea5fff2 10px 14px,#0000 14px);border-radius:5px;width:18px;height:18px;position:relative;box-shadow:0 0 18px #0ea5ff61}.eyebrow{color:#46d7ff;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:860}.hero-copy h1 span{background:linear-gradient(90deg,#9f7cff,#46d7ff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy p:not(.eyebrow){color:#c4d2e8;max-width:620px;margin:0;font-size:16px}.hero-tags{flex-wrap:wrap;gap:9px;margin-top:6px}.hero-tags span{color:#b9c7dd;background:#050c1880;border:1px solid #7089b633;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 11px;font-size:12px;font-weight:760;display:inline-flex}.topbar{z-index:3;align-content:start;justify-self:end;justify-items:end;gap:12px;display:grid;position:relative}.topbar-meta{color:var(--muted);gap:6px;font-size:12px;font-weight:740}.topbar-meta:before{background:var(--success);content:"";border-radius:999px;width:7px;height:7px;box-shadow:0 0 16px #2ef2a280}.actions,.row-actions{flex-wrap:wrap;gap:9px;display:flex}.button,.icon-button{color:#dbe7f8;background:#0a1424b8;border:1px solid #7b93c13d;border-radius:8px;justify-content:center;align-items:center;font-weight:820;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s,color .15s;display:inline-flex}.button{white-space:nowrap;gap:8px;min-height:39px;padding:0 13px}.button.compact{min-height:31px;padding:0 10px;font-size:12px}.button.primary{color:#fff;background:linear-gradient(135deg,#0ea5fff5,#8b5cf6f2);border-color:#0ea5ffb8;box-shadow:0 0 24px #0ea5ff38}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){box-shadow:var(--glow-blue);color:#fff;border-color:#55c7ff9e;transform:translateY(-1px)}.button:disabled,.icon-button:disabled{opacity:.5}.icon-button{width:39px;height:39px;padding:0}.plain-button{color:inherit;text-align:left;background:0 0;border:0;padding:0}.orbital-visual{z-index:1;color:#4dd0ff8a;opacity:.88;place-items:center;width:370px;height:285px;display:grid;position:absolute;bottom:-52px;right:-22px}.orbital-visual:before,.orbital-visual:after{content:"";border:1px solid #49c2ff2e;border-radius:50%;position:absolute}.orbital-visual:before{width:360px;height:360px;transform:rotate(-18deg)}.orbital-visual:after{border-color:#8b5cf63d;width:270px;height:270px;transform:rotate(26deg)}.orbit-dot{background:#67e8f9;border-radius:999px;width:6px;height:6px;position:absolute;box-shadow:0 0 16px #67e8f9e0}.dot-a{top:64px;right:118px}.dot-b{background:#9f7cff;bottom:96px;right:84px;box-shadow:0 0 16px #9f7cffe0}.dot-c{background:#2ef2a2;top:132px;left:88px;box-shadow:0 0 16px #2ef2a2b8}.notice{color:#c8ffe8;background:#2ef2a217;border:1px solid #2ef2a252;border-radius:8px;align-items:center;gap:10px;min-height:44px;margin:16px 0;padding:10px 14px;font-weight:760;display:flex}.dashboard-chapter{grid-template-columns:146px minmax(0,1fr);gap:18px;margin-top:20px;display:grid}.chapter-rail{border-top:1px solid #758dba38;align-content:start;gap:10px;min-width:0;padding-top:14px;display:grid}.chapter-index{color:#d7e5ff;font-size:26px;font-weight:300;line-height:1}.chapter-rail p{color:var(--muted);margin:0;font-size:12px}.chapter-icons{gap:10px;margin-top:14px;display:grid}.chapter-icons span{border:1px solid var(--line);color:#a8b8d2;background:#0a1424ad;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.chapter-content{min-width:0}.kpi-grid{grid-template-columns:repeat(5,minmax(142px,1fr));gap:12px;margin-bottom:12px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(145deg, #0f1c32d1, #070f1ef0), var(--surface);min-height:128px;box-shadow:var(--shadow-soft);border-radius:8px;padding:14px;display:grid;position:relative;overflow:hidden}.metric-card:before{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0f,#0000 42%);position:absolute;inset:0}.metric-topline{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.metric-topline span,.metric-card p{color:var(--muted);font-size:12px;font-weight:740}.metric-card strong{z-index:1;color:#fff;margin-top:12px;font-size:28px;line-height:1.05;position:relative}.metric-card p{z-index:1;align-self:end;margin:10px 0 0;position:relative}.metric-icon{background:var(--primary-soft);width:31px;height:31px;color:var(--primary-strong);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.metric-glow{border:1px solid #55c7ff24;border-radius:50%;width:96px;height:74px;position:absolute;bottom:-28px;right:-18px;transform:rotate(-16deg)}.metric-card.blue .metric-icon{background:var(--blue-soft);color:var(--blue)}.metric-card.purple .metric-icon{background:var(--purple-soft);color:#ad92ff}.metric-card.warning .metric-icon{background:var(--warning-soft);color:var(--warning)}.metric-card.success .metric-icon{background:var(--success-soft);color:var(--success)}.metric-card.danger .metric-icon{background:var(--danger-soft);color:var(--danger)}.metric-card.neutral .metric-icon{color:#b6c5dd;background:#9baecf1f}.metric-card.blue{border-color:#15b8ff40}.metric-card.purple{border-color:#8b5cf64d}.metric-card.warning{border-color:#f7b84b4d}.metric-card.success{border-color:#2ef2a23d}.metric-card.danger{border-color:#ff506c57}.workspace-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.78fr);align-items:stretch;gap:12px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(145deg, #0d192dd6, #070e1bf0), var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px;padding:15px}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.muted{color:var(--muted);font-size:12px;font-weight:740}.device-panel{min-width:0}.device-toolbar{grid-template-columns:minmax(230px,.82fr) minmax(360px,1.18fr);gap:10px;margin-bottom:12px;display:grid}.search-field{border:1px solid var(--line);min-width:0;height:40px;color:var(--muted);background:#03081280;border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-field input{background:0 0;border:0;height:100%;padding:0}.segmented{border:1px solid var(--line);background:#0308126b;border-radius:8px;min-width:0;padding:4px;display:flex;overflow-x:auto}.segmented button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex:1 0 auto;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:12px;font-weight:790;display:inline-flex}.segmented button.selected{color:#fff;background:linear-gradient(135deg,#0ea5ff33,#8b5cf624);box-shadow:inset 0 0 0 1px #0ea5ff29}.segmented span{color:#8fa0bb;font-size:11px}.device-table-head{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:minmax(260px,1.2fr) 118px repeat(3,minmax(80px,.52fr)) 178px;gap:10px;padding:8px 10px 10px;font-size:11px;font-weight:820;display:grid}.device-list{gap:8px;max-height:560px;padding-top:8px;padding-right:2px;display:grid;overflow:auto}.device-row{background:#070f1d8a;border:1px solid #7890be21;border-radius:8px;grid-template-columns:minmax(260px,1.2fr) 118px minmax(300px,1.24fr) 178px;align-items:center;gap:10px;min-height:58px;padding:9px 10px;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;display:grid}.device-row:hover{background:#0c182cb8;border-color:#0ea5ff47}.device-main{grid-template-columns:12px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.device-main strong,.device-main small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.device-main strong{color:#fff;font-size:13px}.device-main small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:690}.status-dot{background:#8794ab;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 4px #8794ab1f}.status-dot.ONLINE{background:var(--success);box-shadow:0 0 16px #2ef2a26b}.status-dot.DEGRADED{background:var(--warning);box-shadow:0 0 16px #f7b84b61}.status-dot.OFFLINE{background:var(--danger);box-shadow:0 0 16px #ff506c61}.device-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.device-metrics span{color:#d1dcf0;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:720;display:grid;overflow:hidden}.device-metrics strong{color:var(--muted);text-transform:uppercase;margin-bottom:2px;font-size:10px}.badge{color:#c5d1e4;white-space:nowrap;background:#94a3b81f;border:1px solid #94a3b826;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:82px;min-height:25px;padding:0 10px;font-size:11px;font-weight:840;display:inline-flex}.badge.ONLINE,.badge.LOW,.badge.SENT{background:var(--success-soft);color:#7dffc9;border-color:#2ef2a23d}.badge.DEGRADED,.badge.MEDIUM,.badge.HIGH,.badge.QUEUED{background:var(--warning-soft);color:#ffd58a;border-color:#f7b84b42}.badge.OFFLINE,.badge.CRITICAL,.badge.FAILED{background:var(--danger-soft);color:#ff9cab;border-color:#ff506c47}.badge.UNKNOWN{color:#b8c4d9;background:#94a3b81a;border-color:#94a3b82e}.context-panel{flex-direction:column;display:flex}.context-stack{gap:12px;display:grid}.context-hero{background:linear-gradient(135deg,#0ea5ff24,#8b5cf61f),#03081285;border:1px solid #0ea5ff29;border-radius:8px;grid-template-columns:86px minmax(0,1fr) minmax(82px,.45fr);align-items:center;gap:12px;padding:13px;display:grid;overflow:hidden}.device-silhouette{color:#74d8ffad;background:#040a1575;border:1px solid #74d8ff2e;border-radius:8px;place-items:center;width:76px;height:54px;display:inline-grid}.context-hero span:not(.device-silhouette){color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:820;display:block}.context-hero strong{overflow-wrap:anywhere;color:#fff;margin-top:5px;font-size:16px;display:block}.context-grid{grid-template-columns:1fr;gap:8px;margin:0;display:grid}.context-grid div{background:#03081257;border:1px solid #7890be1f;border-radius:8px;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:10px;display:grid}.context-grid dt{color:#8fa4c0;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:820;display:inline-flex}.context-grid dd{color:#dbe7f8;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:700}.ai-summary{background:#8b5cf614;border:1px solid #8b5cf642;border-radius:8px;padding:12px}.ai-summary span{color:#b69cff;text-transform:uppercase;font-size:11px;font-weight:850}.ai-summary p{color:#d8e2f5;margin:7px 0 0;font-size:12px}.forms{grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px;display:grid}.forms.wide-left{grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr)}.operations-grid,.action-panel{min-width:0}form{gap:12px;display:grid}label{color:#9fb0ca;gap:6px;font-size:12px;font-weight:790;display:grid}input,select,textarea{width:100%;min-height:40px;color:var(--text);background:#0308129e;border:1px solid #7890be33;border-radius:8px;padding:9px 11px}input::placeholder,textarea::placeholder{color:#687895}input:read-only{color:#b7c5db;background:#ffffff0a}textarea{resize:vertical;min-height:96px}.dense-form{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-form{grid-template-columns:1fr}.span-2{grid-column:1/-1}.chat-layout{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)}.chat-panel{flex-direction:column;min-height:520px;display:flex}.live-pill{color:#a6fbd1;gap:6px;font-size:12px;font-weight:760}.chat-panel-tools{align-items:center;gap:8px;display:inline-flex}.mini-icon-button{color:#9fb0c9;background:#03081275;border:1px solid #7890be2e;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mini-icon-button:hover:not(:disabled){color:#eaf6ff;border-color:#0ea5ff57}.mini-icon-button:disabled{opacity:.42}.live-pill span{background:var(--success);border-radius:999px;width:7px;height:7px;box-shadow:0 0 14px #2ef2a294}.chat-messages{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow:auto}.chat-message{border:1px solid var(--line);background:#050c1885;border-radius:8px;max-width:88%;padding:11px}.chat-message.user{background:#0ea5ff1f;border-color:#0ea5ff47;align-self:flex-end}.chat-message.assistant{background:#8b5cf61a;border-color:#8b5cf642;align-self:flex-start}.chat-message strong{color:#d7e5ff;margin-bottom:6px;font-size:12px;display:block}.chat-message p{color:#dfe8f9;white-space:pre-wrap;margin:0;font-size:13px}.chat-message.thinking{min-width:260px}.chat-message.failed{background:#7f1d1d24;border-color:#f8717157}.thinking-line{color:#dfe8f9;align-items:center;gap:6px;font-size:13px;display:flex}.thinking-line span{margin-right:4px}.thinking-line i{opacity:.38;background:#8bddff;border-radius:999px;width:6px;height:6px;animation:1s ease-in-out infinite thinking-dot}.thinking-line i:nth-child(3){animation-delay:.15s}.thinking-line i:nth-child(4){animation-delay:.3s}.typing-cursor{vertical-align:-2px;background:#8bddff;border-radius:3px;width:7px;height:13px;margin-left:7px;animation:.9s steps(2,start) infinite typing-cursor;display:inline-block}.chat-proposal{background:#062d2152;border:1px solid #2ef2a23d;border-radius:8px;gap:10px;margin-top:12px;padding:12px;display:grid}.chat-proposal.failed{background:#7f1d1d29;border-color:#f8717157}.chat-proposal.dismissed{opacity:.72}.chat-proposal-head,.proposal-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.chat-proposal-head>span{color:#a6fbd1;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.chat-proposal>strong{color:#f5fbff;font-size:14px}.chat-proposal>p{color:#dfe8f9;margin:0;font-size:13px;line-height:1.5}.chat-proposal ul{color:#b7c5db;gap:5px;margin:0;padding-left:18px;font-size:12px;display:grid}.proposal-actions{justify-content:flex-start}.chat-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px}.send-only{min-width:96px}.action-log-panel{min-height:520px}.timeline{gap:10px;max-height:442px;padding-right:4px;display:grid;overflow:auto}.timeline-item{background:#03081261;border:1px solid #7890be1f;border-radius:8px;gap:6px;padding:10px 10px 10px 34px;display:grid;position:relative}.timeline-item:before{background:var(--primary);content:"";border-radius:999px;width:8px;height:8px;position:absolute;top:17px;left:13px;box-shadow:0 0 16px #0ea5ff7a}.timeline-item strong{color:#fff;font-size:13px}.timeline-item p{color:var(--muted);margin:0;font-size:12px}.empty{color:var(--muted);text-align:center;background:#ffffff08;border:1px dashed #7890be47;border-radius:8px;padding:20px;font-size:13px;font-weight:720}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes thinking-dot{0%,80%,to{opacity:.38;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes typing-cursor{50%{opacity:0}}.login-shell{background:linear-gradient(110deg, #030812fa, #071020eb), var(--bg);grid-template-columns:minmax(320px,.9fr) minmax(360px,1fr);min-height:100vh;display:grid;overflow-x:hidden}.login-intro{border-right:1px solid var(--line);background:linear-gradient(145deg, #0ea5ff1f, transparent 42%), var(--sidebar);color:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;padding:42px;display:flex}.login-brand.inverse .brand-mark{color:var(--primary-strong);background:#f4f8ff1a}.login-brand.inverse{color:#fff}.login-copy{max-width:560px}.login-copy .eyebrow{color:#46d7ff}.login-copy h1{overflow-wrap:anywhere;max-width:560px;font-size:42px}.login-copy p:last-child{color:#c4d2e8;margin:16px 0 0;font-size:17px}.login-signals{flex-wrap:wrap;gap:10px;display:flex}.login-signals span{border:1px solid var(--line);color:#d9e7fa;background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.login-panel{border:1px solid var(--line);background:linear-gradient(145deg, #0d192de0, #070e1bf5), var(--surface);width:min(100% - 48px,440px);box-shadow:var(--shadow);border-radius:8px;place-self:center;gap:22px;padding:28px;display:grid}.login-panel h1{font-size:32px}.login-brand{color:var(--text)}.form-error{color:#ff9cab;margin:0;font-size:13px;font-weight:850}.login-hints{border-top:1px solid var(--line);color:var(--muted);gap:8px;padding-top:14px;font-size:13px;display:grid}.login-hints strong{color:var(--muted-strong);text-transform:uppercase;font-size:12px}.login-hints span{overflow-wrap:anywhere}.card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.view-content{gap:12px;min-width:0;display:grid}.command-grid,.router-grid,.wifi-grid,.cpe-workspace{margin-top:0}.ops-mosaic,.olt-grid{gap:12px;display:grid}.ops-mosaic{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}.analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.analytics-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.distribution-card{background:#03081252;border:1px solid #7890be21;border-radius:8px;gap:12px;min-width:0;padding:12px;display:grid}.distribution-title,.bar-row>div:first-child,.capacity-row,.fleet-card-top,.olt-card-head,.olt-footer,.profile-row,.onu-row,.ops-row,.playbook-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.distribution-title strong{color:#eaf3ff;font-size:13px}.distribution-title span,.bar-row small,.capacity-row small,.fleet-card p,.mini-tags span,.olt-footer,.profile-row small,.onu-row span,.ops-row small,.playbook-card small{color:var(--muted);font-size:12px;font-weight:720}.bar-list,.capacity-stack,.compact-list,.fleet-grid,.profile-list,.pon-list,.playbook-grid,.router-operation-stack{gap:10px;display:grid}.bar-row{gap:7px;display:grid}.bar-row span,.capacity-row strong,.fleet-card strong,.profile-row strong,.ops-row strong,.playbook-card strong{color:#f4f8ff;font-size:13px}.bar-track,.progress-track{background:#ffffff0f;border-radius:999px;height:8px;overflow:hidden}.bar-track span,.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--purple));height:100%;display:block;box-shadow:0 0 16px #0ea5ff52}.compact-list{max-height:442px;padding-right:4px;overflow:auto}.ops-row,.playbook-card{width:100%;min-height:58px;color:inherit;text-align:left;background:#03081257;border:1px solid #7890be21;border-radius:8px;padding:10px}.ops-row{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.ops-row:hover,.playbook-card:hover,.fleet-card:hover{background:#0c182cb3;border-color:#0ea5ff57}.ops-row span:not(.status-dot):not(.badge):not(.number-pill),.playbook-card span{gap:3px;min-width:0;display:grid}.capacity-row{background:#03081257;border:1px solid #7890be21;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;padding:11px;display:grid}.capacity-row .progress-track{grid-column:1/-1}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.quick-actions .button{width:100%}.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-card{background:linear-gradient(145deg,#0f1c329e,#030812b8),#0308125c;border:1px solid #7890be21;border-radius:8px;gap:10px;min-width:0;padding:13px;transition:border-color .15s,background .15s;display:grid}.fleet-card p{margin:0}.mini-tags{flex-wrap:wrap;gap:7px;display:flex}.mini-tags span,.number-pill{background:#ffffff0d;border:1px solid #7890be29;border-radius:999px;justify-content:center;align-items:center;min-height:25px;padding:0 9px;display:inline-flex}.olt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.olt-card{gap:14px;display:grid}.olt-card-head{align-items:flex-start}.olt-card-head h2{margin-bottom:7px}.olt-card-head span{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:760;display:inline-flex}.olt-telemetry{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.olt-telemetry div{background:#03081257;border:1px solid #7890be1f;border-radius:8px;gap:7px;min-width:0;padding:10px;display:grid}.olt-telemetry span,.olt-telemetry small{color:var(--muted);font-size:11px;font-weight:820}.olt-telemetry strong{color:#fff;font-size:19px}.pon-row{background:#03081247;border:1px solid #7890be1f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:10px;display:grid}.pon-row .progress-track{grid-column:1/-1}.pon-row strong,.pon-row small{display:block}.pon-row strong{color:#fff;font-size:13px}.pon-row small{color:var(--muted);margin-top:3px;font-size:12px}.onu-table{gap:8px;display:grid;overflow-x:auto}.onu-table-head,.onu-row{grid-template-columns:minmax(160px,1.1fr) minmax(160px,1fr) minmax(160px,1fr) 90px 95px 110px;align-items:center;gap:10px;min-width:820px;display:grid}.onu-table-head{border-bottom:1px solid var(--line);color:var(--muted);padding:0 10px 10px;font-size:11px;font-weight:840}.onu-row{background:#03081257;border:1px solid #7890be1f;border-radius:8px;padding:10px}.onu-row strong{overflow-wrap:anywhere;color:#fff;font-size:13px}.profile-list{max-height:360px;overflow:auto}.profile-row{background:#03081257;border:1px solid #7890be1f;border-radius:8px;min-height:60px;padding:10px}.profile-row div{gap:3px;min-width:0;display:grid}.profile-row>span:not(.badge){color:#cbd8ec;font-size:12px;font-weight:820}.copilot-empty{min-height:220px;color:var(--muted);text-align:center;background:#ffffff08;border:1px dashed #7890be47;border-radius:8px;align-content:center;place-items:center;gap:8px;padding:20px;display:grid}.copilot-empty strong{color:#fff}.copilot-empty p{max-width:360px;margin:0;font-size:13px}.chat-panel.tall{min-height:640px}.playbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playbook-card{justify-content:flex-start}.timeline-spacer{height:12px}.timeline.compact{max-height:330px}.device-list.expanded{max-height:720px}.badge.MAINTENANCE{background:var(--primary-soft);color:#8bddff;border-color:#0ea5ff3d}@media (max-width:1380px){.kpi-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.workspace-grid,.forms.wide-left,.chat-layout,.ops-mosaic,.olt-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-row{grid-template-columns:minmax(240px,1fr) 118px minmax(280px,1fr)}.device-table-head{grid-template-columns:minmax(240px,1fr) 118px repeat(3,minmax(80px,1fr))}.device-table-head span:last-child{display:none}.row-actions{grid-column:1/-1}}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:16px;position:relative}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.health-card{margin-top:0}.main{padding:18px}.hero-panel{grid-template-columns:1fr;gap:20px}.topbar{justify-self:start;justify-items:start}.orbital-visual{opacity:.46;right:-88px}.dashboard-chapter{grid-template-columns:1fr}.chapter-rail{grid-template-columns:auto minmax(0,1fr);align-items:start}.chapter-rail p,.chapter-icons{grid-column:1/-1}.chapter-icons{grid-auto-flow:column;justify-content:start}.device-toolbar,.login-shell{grid-template-columns:1fr}.login-intro{gap:32px;width:100vw;max-width:100vw;min-height:auto;padding:28px}.login-copy h1{font-size:32px}.login-panel{margin:28px 0}}@media (max-width:760px){h1{font-size:34px}h2{font-size:16px}.main{padding:14px}.sidebar{gap:14px}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{min-height:0;padding:18px}.hero-copy p:not(.eyebrow){font-size:14px}.actions,.row-actions{width:100%}.actions .button,.row-actions .button,.chat-form .button{white-space:normal;width:100%}.icon-button{flex:1 0 39px}.orbital-visual{display:none}.kpi-grid,.forms,.dense-form,.chat-form,.analytics-grid,.analytics-grid.two-columns,.fleet-grid,.olt-telemetry,.playbook-grid,.quick-actions{grid-template-columns:1fr}.device-table-head{display:none}.device-list{max-height:none}.device-row,.device-metrics,.context-hero,.context-grid div{grid-template-columns:1fr}.chat-message{max-width:100%}.send-only span{display:inline}.login-panel{width:calc(100vw - 32px);max-width:440px;padding:22px}.login-copy h1{max-width:calc(100vw - 56px);font-size:29px}.login-copy p:last-child{max-width:calc(100vw - 56px);font-size:15px}.login-signals{max-width:calc(100vw - 56px)}}:root{--bg:#070b10;--bg-elevated:#0b1118;--surface:#0f151e;--surface-soft:#111923;--surface-strong:#151f2b;--glass:#0f151e;--text:#eef4fb;--muted:#8491a3;--muted-strong:#b3bfcd;--line:#8a98ab33;--line-strong:#9dabbe57;--primary:#38bdf8;--primary-strong:#7dd3fc;--primary-soft:#38bdf81f;--blue:#38bdf8;--blue-soft:#38bdf81f;--purple:#a78bfa;--purple-soft:#a78bfa1c;--danger:#fb7185;--danger-soft:#fb71851f;--warning:#fbbf24;--warning-soft:#fbbf241f;--success:#34d399;--success-soft:#34d3991f;--sidebar:#090e15;--sidebar-soft:#101822;--shadow:none;--shadow-soft:none;--glow-blue:none;--glow-purple:none}body{background:var(--bg)}::-webkit-scrollbar-track{background:#090e15}::-webkit-scrollbar-thumb{background:#8491a36b;border-color:#090e15}.sidebar{background:var(--sidebar);box-shadow:none;gap:18px}.brand-mark,.login-brand.inverse .brand-mark{border-color:var(--line);background:var(--surface-soft);color:var(--primary-strong);box-shadow:none}.brand small,.session-box span,.health-card span,.topbar-meta,.muted{color:var(--muted)}.nav button{color:var(--muted-strong);transition:border-color .15s,background .15s,color .15s}.nav button.active,.nav button:hover{border-color:var(--line-strong);background:var(--surface-soft);color:var(--text);transform:none}.health-card,.session-box,.panel,.metric-card,.login-panel,.distribution-card,.ops-row,.playbook-card,.capacity-row,.fleet-card,.olt-telemetry div,.pon-row,.onu-row,.profile-row,.timeline-item,.context-grid div{background:var(--surface);box-shadow:none}.health-card,.session-box,.panel,.metric-card,.login-panel{border-color:var(--line)}.main{padding:22px 24px 32px}.hero-panel{border-color:var(--line);background:var(--surface);min-height:0;box-shadow:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:20px 22px}.hero-panel:after,.orbital-visual,.hero-tags,.chapter-icons,.metric-card:before,.metric-glow{display:none}.hero-copy{gap:7px;max-width:760px}.brand-kicker{color:var(--muted-strong);gap:8px;font-size:12px}.signal-mark{background:var(--success);width:8px;height:8px;box-shadow:none;border-radius:999px}.hero-copy h1{color:var(--text);font-size:32px;font-weight:760;line-height:1.12}.hero-copy h1 span{background:0 0;-webkit-background-clip:initial;background-clip:initial;color:inherit}.hero-copy p:not(.eyebrow){color:var(--muted-strong);font-size:14px}.topbar{gap:10px}.topbar-meta:before,.live-pill span{box-shadow:none}.button,.icon-button{border-color:var(--line);background:var(--surface-soft);color:var(--text);font-weight:760;transition:border-color .15s,background .15s,color .15s}.button.primary{color:#fff;box-shadow:none;background:#0f86c6;border-color:#38bdf894}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-strong);box-shadow:none;color:#fff;transform:none}.button.primary:hover:not(:disabled){background:#1296db}.notice{color:#c9f7df;background:#34d39914;border-color:#34d39947;margin:14px 0}.dashboard-chapter{grid-template-columns:1fr;gap:12px;margin-top:16px}.chapter-rail{border-top:0;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:0 0 10px;display:flex}.chapter-index{border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:4px 8px;font-size:11px;font-weight:800}.chapter-rail strong{color:var(--text);text-transform:none;font-size:15px;font-weight:780}.chapter-rail p{max-width:780px;color:var(--muted);flex-basis:100%;font-size:12px}.view-content,.workspace-grid,.forms,.ops-mosaic,.analytics-grid,.bar-list,.capacity-stack,.compact-list,.fleet-grid,.profile-list,.pon-list,.playbook-grid,.router-operation-stack,.context-stack{gap:10px}.kpi-grid{gap:10px;margin-bottom:10px}.metric-card{min-height:108px;padding:13px}.metric-card strong{margin-top:10px;font-size:24px;font-weight:760}.metric-topline span,.metric-card p,.panel-header .eyebrow,.eyebrow{font-weight:760}.metric-icon{background:#8491a31f;width:30px;height:30px}.metric-card.blue,.metric-card.purple,.metric-card.warning,.metric-card.success,.metric-card.danger{border-color:var(--line)}.panel{padding:14px}.bento-card{-webkit-backdrop-filter:none;backdrop-filter:none}.panel-header{margin-bottom:12px}.panel-header h2{font-size:16px}.eyebrow{color:var(--muted)}.device-toolbar{gap:8px;margin-bottom:10px}.search-field,.segmented,input,select,textarea{border-color:var(--line);background:#090e15}.segmented button.selected{background:var(--surface-strong);box-shadow:none}.device-table-head{border-bottom-color:var(--line);color:var(--muted)}.device-list{gap:6px}.device-row{background:#0c121a;border-color:#8a98ab29;transition:border-color .15s,background .15s}.device-row:hover{border-color:var(--line-strong);background:#111923}.device-row.selected{box-shadow:inset 3px 0 0 var(--primary);background:#111c27;border-color:#38bdf885}.status-dot.ONLINE,.status-dot.DEGRADED,.status-dot.OFFLINE,.health-meter span,.bar-track span,.progress-track span{box-shadow:none}.badge{background:#8491a31a;min-width:76px;font-weight:760}.context-hero{border-color:var(--line);background:#0c121a}.device-silhouette{border-color:var(--line);background:var(--surface-soft);color:var(--muted-strong)}.ai-summary{background:#a78bfa12;border-color:#a78bfa2e}.timeline-item:before{background:var(--primary);box-shadow:none}.empty,.copilot-empty{background:#8491a30d;border-color:#8a98ab47}.login-shell{background:var(--bg)}.login-intro{background:var(--sidebar);padding:38px}.login-copy h1{font-size:36px;font-weight:760;line-height:1.12}.login-copy p:last-child{color:var(--muted-strong);font-size:15px}.login-signals span{border-color:var(--line);min-height:34px;color:var(--muted-strong);background:0 0;font-size:12px;font-weight:760}.login-panel{background:var(--surface);gap:18px;padding:26px}.login-panel h1{font-size:28px;font-weight:760}.login-hints{border-top-color:var(--line);color:var(--muted);gap:6px}.bar-track,.progress-track{background:#8491a324}.bar-track span,.progress-track span{background:var(--primary)}.progress-track.success span{background:var(--success)}.progress-track.warning span{background:var(--warning)}.progress-track.danger span{background:var(--danger)}.progress-track.neutral span{background:#94a3b8}@media (max-width:1100px){.hero-panel{grid-template-columns:1fr}.topbar{justify-self:stretch;justify-items:start}}@media (max-width:760px){.main{padding:14px}.hero-panel{padding:16px}.hero-copy h1{font-size:28px}.chapter-rail{gap:7px}.login-intro{padding:24px}.login-signals{display:none}}