:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef2f6;color:#27364a}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#eef2f6}button,input,select,textarea{font:inherit}.app{min-height:100vh}.smart-header{height:56px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 18px;color:#fff;background:linear-gradient(90deg,#121212e0,#134a7ab8),radial-gradient(circle at 18% 100%,rgba(54,171,255,.8) 0 3px,transparent 4px),radial-gradient(circle at 38% 20%,rgba(54,171,255,.75) 0 3px,transparent 4px),radial-gradient(circle at 63% 78%,rgba(54,171,255,.75) 0 3px,transparent 4px),radial-gradient(circle at 86% 20%,rgba(54,171,255,.75) 0 3px,transparent 4px),linear-gradient(135deg,#2a2a2a,#0f5f95);background-size:auto,240px 56px,260px 56px,300px 56px,220px 56px,auto;box-shadow:0 1px 4px #00000059}.brand-bar{border:0;background:transparent;color:#fff;display:inline-flex;align-items:center;gap:8px;padding:0;cursor:pointer;font-size:21px;font-weight:800;text-transform:uppercase;letter-spacing:0}.smart-nav{display:flex;align-items:center;gap:2px;min-width:0;overflow:auto}.nav{height:56px;border:0;display:inline-flex;align-items:center;gap:4px;color:#fff;background:transparent;padding:0 14px;cursor:pointer;font-size:16px;font-weight:700;white-space:nowrap;border-left:1px solid rgba(255,255,255,.12)}.nav.active,.nav:hover{background:#0000003b}.header-tools{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.header-tools button{border:0;background:transparent;color:#fff;display:inline-flex;align-items:center;gap:5px;cursor:pointer;padding:4px;font-weight:700}.header-tools .logout{padding-left:8px;border-left:1px solid rgba(255,255,255,.2)}main{padding:10px 22px 24px;overflow:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 18px}.dashboard-topbar{display:none}.top-actions{display:flex;align-items:center;gap:10px}.env-pill{height:30px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#e8f1ff;color:#1d64d8;font-size:12px;font-weight:800}h1{margin:0;font-size:25px;line-height:1.1;color:#101828}p{margin:6px 0 0;color:#667085}.smart-cards{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px;margin:0 0 10px}.dashboard-overview{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(320px,.9fr);gap:18px;align-items:stretch;margin:0 0 10px}.dashboard-overview>*{min-width:0}.status-list{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(190px,1fr));gap:18px;margin:0}.status-card{--accent: #0d77ff;border-radius:8px;overflow:hidden;background:#061222f5;box-shadow:0 16px 34px #030b182e;min-height:142px;border:1px solid rgba(120,200,255,.2);border-top:3px solid var(--accent)}.status-list .status-card{min-height:142px}.status-card.clickable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.status-card.clickable:hover,.status-card.clickable:focus-visible{transform:translateY(-2px);border-color:#58beff7a;box-shadow:0 20px 42px #030b1842;outline:0}.status-main{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;color:#fff;background:linear-gradient(135deg,#0d2746fa,#040d1df5),repeating-linear-gradient(90deg,rgba(142,233,255,.08) 0 1px,transparent 1px 72px)}.status-list .status-main{min-height:96px;padding:16px 18px}.status-list .status-main svg{width:42px;height:42px}.status-main svg{color:var(--accent);flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(85,201,255,.32))}.status-main div{display:grid;text-align:right}.status-main strong{font-size:46px;line-height:1;font-weight:500;letter-spacing:0;color:#f8fbff}.status-list .status-main strong{font-size:44px}.status-main span{margin-top:8px;font-size:16px;font-weight:700;color:#d5e9ff}.status-list .status-main span{margin-top:7px;font-size:14px}.status-footer{height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;font-size:14px;color:#b9d9f5;background:#030c19eb;border-top:1px solid rgba(142,233,255,.12)}.status-list .status-footer{height:43px;padding:0 14px;font-size:13px}.status-footer button{border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.status-footer button:hover{text-decoration:underline}.status-card.blue{--accent: #0d77ff}.status-card.green{--accent: #18c8c1}.status-card.dark{--accent: #9eb1c7}.status-card.orange{--accent: #f6a724}.status-card.blue .status-footer button:first-child{color:#67b7ff}.status-card.green .status-footer button:first-child{color:#3de1d8}.status-card.dark .status-footer button:first-child{color:#d7e3f1}.status-card.orange .status-footer button:first-child{color:#ffc466}.valid-at{text-align:right;margin:6px 0 13px;color:#34465d;font-size:16px}.recognition-hero{min-height:245px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:24px;align-items:stretch;margin:8px 0 18px;padding:24px;border-radius:8px;color:#eaf6ff;border:1px solid rgba(73,210,255,.25);background:linear-gradient(90deg,#051123f5,#093446eb),repeating-linear-gradient(90deg,rgba(86,214,255,.08) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(86,214,255,.06) 0 1px,transparent 1px 72px);box-shadow:0 18px 44px #030b1838;overflow:hidden}.hero-copy{display:grid;align-content:center;gap:12px}.hero-kicker{display:inline-flex;align-items:center;gap:7px;width:fit-content;min-height:28px;padding:0 10px;border:1px solid rgba(73,210,255,.34);border-radius:999px;color:#8ee9ff;background:#17597952;font-size:12px;font-weight:900;text-transform:uppercase}.hero-copy h1{max-width:780px;margin:0;color:#fff;font-size:34px;line-height:1.08}.hero-copy p{max-width:760px;margin:0;color:#b9d8e8;font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.primary.futuristic{background:linear-gradient(90deg,#0d77ff,#18c8c1);box-shadow:0 10px 26px #18c8c12e}.ghost.futuristic{background:#ffffff14;color:#dff8ff;border:1px solid rgba(142,233,255,.28)}.hero-radar{position:relative;min-height:210px;border-radius:8px;border:1px solid rgba(142,233,255,.22);background:repeating-linear-gradient(90deg,rgba(142,233,255,.06) 0 1px,transparent 1px 36px),repeating-linear-gradient(0deg,rgba(142,233,255,.05) 0 1px,transparent 1px 36px),#030f1d8c;overflow:hidden}.radar-orbit{position:absolute;top:28px;right:46px;bottom:28px;left:46px;border:1px solid rgba(142,233,255,.24);border-radius:50%}.radar-orbit:before,.radar-orbit:after{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border:1px solid rgba(142,233,255,.16);border-radius:50%}.radar-orbit:after{top:38%;right:38%;bottom:38%;left:38%}.radar-orbit span{position:absolute;left:50%;top:50%;width:42%;height:2px;background:linear-gradient(90deg,rgba(142,233,255,.9),transparent);transform-origin:left center;animation:sweep 5s linear infinite}.radar-center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;color:#9cf4ff;background:#0d77ff1f;border:1px solid rgba(156,244,255,.38)}.radar-stat{position:absolute;display:grid;min-width:94px;padding:8px 10px;border-radius:7px;color:#eaf6ff;background:#020812b8;border:1px solid rgba(142,233,255,.22)}.radar-stat strong{font-size:25px;line-height:1}.radar-stat span{color:#8ee9ff;font-size:12px;font-weight:800;text-transform:uppercase}.radar-stat.top{top:18px;left:18px}.radar-stat.right{right:18px;top:86px}.radar-stat.bottom{left:24px;bottom:18px}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.smart-grid{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(360px,.98fr);gap:24px 34px}.smart-dashboard .smart-grid>.smart-panel:nth-child(2){grid-row:span 2}.smart-panel{background:#fff;border:1px solid #dfe5ed;border-radius:8px;overflow:hidden;box-shadow:0 2px 9px #1f293712}.smart-panel-head{height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#4c4c4c;color:#fff;padding:0 16px}.smart-panel-head h2{margin:0;display:flex;align-items:center;gap:7px;font-size:17px;color:#fff}.panel-actions{display:inline-flex;align-items:center;gap:16px}.panel-actions button{border:0;background:transparent;color:#fff;display:inline-flex;align-items:center;gap:2px;cursor:pointer;font-weight:800}.smart-panel-body{padding:16px}.smart-panel.compact .smart-panel-body{padding:15px 16px}.smart-dashboard .smart-panel{background:#061222f5;border-color:#78c8ff38;box-shadow:0 16px 34px #030b1826}.smart-dashboard .smart-panel-head{height:44px;background:linear-gradient(90deg,#081c34fa,#0c4164f0),repeating-linear-gradient(90deg,rgba(142,233,255,.08) 0 1px,transparent 1px 76px);border-bottom:1px solid rgba(142,233,255,.18)}.smart-dashboard .smart-panel-head h2{color:#f5fbff}.smart-dashboard .smart-panel-head h2 svg,.smart-dashboard .panel-actions svg{color:#8ee9ff}.smart-dashboard .panel-actions button{color:#c9ecff}.smart-dashboard .smart-panel-body{background:linear-gradient(180deg,#fffffffa,#f6fafffa)}.olt-metrics-panel{grid-column:1 / -1}.olt-graphs{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px}.metric-chart{min-height:216px;padding:14px;border:1px solid #e4ebf5;border-radius:8px;background:#f9fbfe}.metric-chart h3{margin:0 0 12px;font-size:14px;color:#22314a}.metric-bars{display:grid;gap:10px}.metric-row{display:grid;gap:5px}.metric-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#44546a;font-size:12px}.metric-row strong{color:#172033}.metric-track{height:9px;border-radius:999px;overflow:hidden;background:#e6edf7}.metric-track i{display:block;height:100%;border-radius:inherit;background:#0d77ff}.metric-track.warn i{background:#f59e0b}.board-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.board-card{display:grid;gap:9px;padding:13px;border:1px solid #e4ebf5;border-radius:8px;background:#fff}.board-card strong{display:block;color:#172033;font-size:14px}.board-card span{color:#65758b;font-size:12px}.board-metrics{display:flex;justify-content:space-between;gap:12px}.board-metrics b{color:#0d77ff}.board-bars{height:8px;border-radius:999px;overflow:hidden;background:#e6edf7}.board-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d77ff,#18c8c1)}.activation-panel{grid-column:1 / 2}.activation-chart{min-height:338px;display:grid;gap:12px}.activation-chart svg{display:block;width:100%;height:auto}.activation-summary{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:10px;margin:0}.activation-summary span,.network-kpi{min-height:67px;display:grid;align-content:center;gap:3px;padding:10px 12px;border:1px solid rgba(142,233,255,.16);border-radius:8px;background:linear-gradient(135deg,#091f39fa,#051021fa),repeating-linear-gradient(90deg,rgba(142,233,255,.08) 0 1px,transparent 1px 42px);box-shadow:inset 0 1px #ffffff0d}.activation-summary small,.network-kpi small{color:#93b9d8;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.activation-summary strong,.network-kpi strong{color:#f5fbff;font-size:23px;line-height:1}.activation-summary em{color:#67dff5;font-size:11px;font-style:normal;font-weight:800;text-transform:uppercase}.activation-bar{fill:url(#activationIdleGradient);opacity:.8}.activation-bar.active{fill:url(#activationBarGradient);opacity:1}.activation-average{stroke:#67dff5;stroke-width:2.4;stroke-dasharray:7 7;opacity:.85}.activation-count{fill:#e9f9ff;font-size:12px;font-weight:800;text-anchor:middle;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.average-label{fill:#67dff5;font-size:12px;font-weight:800;text-anchor:end}.chart-wrap{min-height:340px;display:grid;gap:12px}.chart-wrap svg{display:block;width:100%;height:auto;shape-rendering:geometricPrecision}.chart-stage{border:1px solid rgba(54,169,255,.2);border-radius:10px;overflow:hidden;background:radial-gradient(circle at 18% 14%,rgba(33,149,255,.18),transparent 28%),linear-gradient(135deg,#07182c,#06101f 60%,#040b15);box-shadow:inset 0 1px #ffffff0f,inset 0 -18px 46px #0d77ff14}.chart-grid-bg{fill:transparent}.grid-line{stroke:#99d5ff29;stroke-width:1}.grid-line.vertical{stroke:#99d5ff14}.axis-label,.time-label{fill:#91aac1;font-size:12px;font-weight:700}.time-label{text-anchor:middle}.online-area{fill:url(#networkOnlineArea);opacity:1}.line{fill:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-width:3.2;shape-rendering:geometricPrecision}.online-line{stroke:url(#networkOnlineStroke)}.offline-line{stroke:url(#networkOfflineStroke)}.low-line{stroke:url(#networkLowStroke)}.line-dot{stroke:#06101f;stroke-width:2;filter:drop-shadow(0 0 8px rgba(120,229,255,.55))}.online-dot{fill:#99ffb4}.offline-dot{fill:#78e5ff}.low-dot{fill:#ffdf84}.network-kpis{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}.network-kpi{min-height:58px;grid-template-columns:1fr auto;align-items:center;align-content:center}.network-kpi small{grid-row:1 / 3;align-self:center}.network-kpi strong{justify-self:end;font-size:28px}.network-kpi.online{border-color:#46e88340}.network-kpi.offline{border-color:#36a9ff40}.network-kpi.low{border-color:#ffb44947}.network-kpi.online strong{color:#99ffb4}.network-kpi.offline strong{color:#78e5ff}.network-kpi.low strong{color:#ffdf84}.chart-legend{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:0;color:#d7e8f9;font-size:13px}.chart-legend span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid rgba(142,233,255,.14);border-radius:999px;background:#061222eb}.chart-legend i{width:12px;height:12px;display:inline-block;border-radius:999px;border:0;box-shadow:0 0 10px currentColor}.legend-online{color:#99ffb4;background:#3be477}.legend-offline{color:#78e5ff;background:#36a9ff}.legend-low{color:#ffdf84;background:#ffb449}.legend-na{color:#b7c4d4;background:#748092}.olt-preview{border:1px solid #e8edf4;border-radius:6px;overflow:hidden}.olt-row{min-height:64px;display:grid;gap:3px;padding:12px 16px;border-bottom:1px solid #e8edf4}.olt-row:last-child{border-bottom:0}.olt-row div{display:flex;align-items:center;gap:7px;color:#4c4c4c;font-size:16px}.olt-row span{color:#727b86;font-style:italic;padding-left:28px}.outage-list{display:grid}.outage-row{min-height:51px;display:grid;grid-template-columns:18px 27px auto auto 1fr;align-items:center;gap:8px;width:100%;padding:0;border-bottom:1px solid #e3e7ed;border-left:0;border-right:0;border-top:0;background:transparent;color:#253449;font-size:18px;text-align:left;cursor:pointer}.outage-row:last-child{border-bottom:0}.outage-row:hover{background:#f7faff}.outage-caret{transform:rotate(-90deg);color:#616b76}.outage-icon.green{color:#19b51e}.outage-icon.orange{color:#ff8b00}.outage-icon.red{color:#ff1f30}.outage-icon.blue{color:#0476e8}.outage-icon.dark{color:#555}.outage-row strong{font-weight:500}.outage-row em{justify-self:start;padding:4px 9px;border:1px solid #d2dae4;border-radius:6px;background:#f8fafc;color:#34465d;font-size:14px;font-style:normal;font-weight:800}.outage-ok{justify-self:start;color:#19b51e}.info-list{border:1px solid #e8edf4;border-radius:6px;overflow:hidden}.info-row{min-height:48px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #e8edf4;color:#636a73;font-size:16px}.info-row:last-child{border-bottom:0}.info-row em{color:#737b85;font-size:13px;font-style:italic;white-space:nowrap}.empty-row{padding:20px;color:#667085}.discovery-page{display:grid;gap:18px}.discovery-console{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:22px;align-items:center;padding:22px;border-radius:8px;color:#eaf6ff;background:linear-gradient(90deg,#051123f5,#0c4a5ae6),repeating-linear-gradient(90deg,rgba(86,214,255,.08) 0 1px,transparent 1px 64px);border:1px solid rgba(73,210,255,.22)}.discovery-console h2{margin:10px 0 8px;color:#fff;font-size:26px}.discovery-console p,.ont-recognition p{color:#b9d8e8}.discovery-form{display:grid;grid-template-columns:1.1fr .9fr .8fr auto;gap:10px;align-items:center}.recognition-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px}.discovery-results{display:grid;gap:10px}.device-result{min-height:68px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid #dfe6ef;border-radius:7px;background:#fbfdff}.device-result strong,.device-result span{display:block}.device-result span{margin-top:3px;color:#667085}.device-result.timeout{opacity:.66}.device-result button:disabled{opacity:.55;cursor:not-allowed}.ont-recognition{display:grid;gap:14px}.ont-mini-stats{display:grid;gap:8px}.ont-mini-stats span{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e8edf4;border-radius:7px;color:#34465d;background:#fbfdff}.ont-mini-stats strong{color:#086dcc}.view-toolbar{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:16px;align-items:center;padding:16px;border:1px solid #dfe6ef;border-radius:8px;background:linear-gradient(90deg,#051123f5,#093446e0),repeating-linear-gradient(90deg,rgba(86,214,255,.07) 0 1px,transparent 1px 52px);color:#eaf6ff}.view-toolbar p{margin:10px 0 0;color:#b9d8e8}.view-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.view-chips button{min-height:34px;padding:0 12px;border:1px solid rgba(142,233,255,.28);border-radius:999px;background:#ffffff14;color:#dff8ff;font-weight:800;cursor:pointer}.view-chips button.active,.view-chips button:hover{background:linear-gradient(90deg,#0d77ff,#18c8c1);border-color:transparent;color:#fff}.settings-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:18px;align-items:start}.settings-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.settings-menu{overflow:hidden;border:1px solid #dfe5ed;border-radius:8px;background:#fff;box-shadow:0 2px 9px #1f293712}.settings-menu-title{min-height:44px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#4c4c4c;color:#fff;font-weight:900}.settings-menu button{width:100%;min-height:38px;border:0;border-bottom:1px solid #eef2f6;display:grid;grid-template-columns:19px 1fr auto;align-items:center;gap:8px;padding:0 13px;background:#fff;color:#6f7f84;text-align:left;cursor:pointer;font-weight:700}.settings-menu button:hover,.settings-menu button.active{background:#f2f7fd;color:#0b5fd7}.settings-menu button em{min-width:22px;padding:2px 7px;border-radius:999px;background:#eef4fb;color:#667085;font-size:11px;font-style:normal;text-align:center}.settings-content{display:grid;gap:18px;min-width:0}.settings-section-panel{min-width:0}.built-in-presets,.preset-strip{display:grid;gap:10px;margin-bottom:14px}.built-in-preset,.preset-strip button{display:grid;gap:12px;padding:14px;border:1px solid rgba(13,119,255,.18);border-radius:8px;background:linear-gradient(135deg,#f6fafffa,#edf6fffa)}.built-in-preset{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.3fr) auto;align-items:center}.built-in-preset strong,.preset-strip strong{display:block;color:#142033}.built-in-preset span,.preset-strip em{display:block;margin-top:4px;color:#61738c;font-size:12px;font-style:normal}.built-in-preset dl{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:8px 12px;margin:0}.built-in-preset dt{color:#667085;font-size:11px;font-weight:800;text-transform:uppercase}.built-in-preset dd{margin:2px 0 0;color:#243650;overflow-wrap:anywhere}.built-in-preset>div:last-child{display:inline-flex;justify-content:flex-end;gap:8px}.settings-editor{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:14px;align-items:end}.settings-editor label,.apply-target label{display:grid;gap:6px;color:#253449;font-weight:800}.apply-target{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:14px;padding:12px;border:1px solid #e8edf4;border-radius:8px;background:#fbfdff}.apply-target label{min-width:min(360px,100%)}.apply-target span{color:#0b5fd7;font-weight:800}.settings-records{display:grid;gap:10px;margin-top:16px}.settings-record{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(260px,1.35fr) auto;align-items:center;gap:14px;padding:13px;border:1px solid #dfe7f2;border-radius:8px;background:#fff}.settings-record strong{display:block;color:#162033}.settings-record span{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:#667085;font-size:12px}.settings-record dl{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:8px 12px;margin:0}.settings-record dt{color:#667085;font-size:11px;font-weight:800;text-transform:uppercase}.settings-record dd{margin:2px 0 0;color:#26364c;overflow-wrap:anywhere}.settings-record-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.domain-card{display:grid;gap:14px;min-height:100%;padding:22px;border-radius:8px;color:#eaf6ff;background:linear-gradient(90deg,#051123f5,#0c4a5ae6),repeating-linear-gradient(90deg,rgba(86,214,255,.08) 0 1px,transparent 1px 64px);border:1px solid rgba(73,210,255,.22)}.domain-card h2{margin:4px 0 0;color:#fff;font-size:28px}.domain-card p{margin:0;color:#b9d8e8}.domain-card label{display:grid;gap:7px;color:#dff8ff;font-weight:800}.domain-status{display:grid;gap:10px}.domain-status>div{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:center;min-height:46px;padding:10px 12px;border:1px solid #e8edf4;border-radius:7px;background:#fbfdff}.domain-status strong{color:#253449}.domain-status span{color:#667085;overflow-wrap:anywhere}.steps{display:grid;gap:10px;margin:0;padding-left:22px;color:#34465d}.steps li{padding-left:4px}.primary,.ghost{border:0;border-radius:6px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap}.primary{background:#086dcc;color:#fff;font-weight:800}.primary:hover{background:#075cae}.primary:disabled,.ghost:disabled{opacity:.55;cursor:not-allowed}.ghost{background:#eef4ff;color:#194d91;margin-left:6px}.full{width:100%}.stack{display:grid;gap:16px}.panel,.table-wrap,.inline-form{background:#fff;border:1px solid #d9e4f2;border-radius:8px;box-shadow:0 1px 2px #0f172a0d}.panel{padding:16px}.panel h2{margin:0 0 14px;display:flex;align-items:center;gap:8px;font-size:16px;color:#101828}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inline-form{min-height:64px;display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;padding:12px;align-items:center}.olt-form{grid-template-columns:repeat(9,minmax(110px,1fr))}.preset-strip{margin-bottom:0}.preset-strip button{min-height:76px;grid-template-columns:34px 1fr;align-items:center;text-align:left;cursor:pointer}.preset-strip button:hover{border-color:#0d77ff66;box-shadow:0 8px 18px #0d77ff14}.preset-strip svg{color:#0d77ff}input,select,textarea{min-height:38px;border:1px solid #c8d4e3;border-radius:6px;padding:8px 10px;background:#fff;color:#142033}input:focus,select:focus,textarea:focus{outline:2px solid #b8d2ff;border-color:#086dcc}textarea{min-height:170px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.form-panel{display:grid;gap:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:11px 12px;border-bottom:1px solid #e7edf5;text-align:left;font-size:14px;vertical-align:middle}th{color:#667085;font-size:11px;text-transform:uppercase;letter-spacing:0;background:#f7faff}tr:hover td{background:#f7faff}.badge{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:#e6edf6;color:#334155;font-size:12px;font-weight:800}.badge.online,.badge.done,.badge.dns_ok,.badge.https_ready,.badge.https_enabled{background:#dff7ea;color:#087443}.badge.warning,.badge.degraded,.badge.queued,.badge.acknowledged,.badge.dns_pending,.badge.https_pending{background:#fff4d6;color:#a15c07}.badge.critical,.badge.offline,.badge.open,.badge.los{background:#ffe4e8;color:#b42318}.badge.power_fail{background:#e8f1ff;color:#1d64d8}.badge.na,.badge.n_a,.badge.no_response,.badge.unknown{background:#eef2f7;color:#475467}.badge.running{background:#e8f1ff;color:#1d64d8}.bad{color:#b42318;font-weight:800}.warn{color:#a15c07;font-weight:800}.diagnostics-page{display:grid;gap:14px}.diagnostic-summary{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.diagnostic-summary span{min-height:70px;display:grid;align-content:center;padding:12px 14px;border:1px solid #dfe8f5;border-radius:8px;background:#fff;color:#526173;box-shadow:0 1px 2px #0f172a0d}.diagnostic-summary strong{color:#0d77ff;font-size:26px;line-height:1}.diagnostic-list{overflow:auto;border:1px solid #dfe8f5;border-radius:8px;background:#fff}.diagnostic-head,.diagnostic-row{display:grid;grid-template-columns:72px 74px minmax(260px,1.2fr) 110px 110px 90px 100px;align-items:center;gap:12px;min-width:920px;padding:0 14px}.diagnostic-head{min-height:42px;color:#1d2b42;font-size:13px;font-weight:900;border-bottom:1px solid #e8eef7;background:#f8fbff}.diagnostic-row{min-height:82px;border-bottom:1px solid #eef2f7}.diagnostic-row:nth-child(odd){background:#f6f8fb}.diag-status{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.diag-status.online{color:#09a834}.diag-status.warning{color:#f59e0b}.diag-status.critical{color:#b42318}.diag-device{display:grid;gap:3px}.diag-device strong{color:#172033}.diag-device span{color:#667085;font-size:12px}.signal-bars{width:30px;height:24px;display:inline-flex;align-items:flex-end;gap:3px}.signal-bars i{width:4px;border-radius:2px 2px 0 0;background:#d6dce6}.signal-bars.good i.on{background:#18b233}.signal-bars.warning i.on{background:#f59e0b}.signal-bars.critical i.on{background:#ef4444}.optical-power{display:grid;gap:4px;width:78px}.optical-power b{color:#132238;font-size:13px}.power-strip{position:relative;height:6px;border-radius:999px;overflow:hidden;background:linear-gradient(90deg,#ef4444 0,#ef4444 34%,#f59e0b 34%,#f59e0b 48%,#18b233 48%,#18b233)}.power-strip:after{content:"";position:absolute;top:-2px;bottom:-2px;left:48%;width:2px;background:#fff}.power-strip i{display:block;height:100%;border-radius:inherit;background:#18b233e0}.bars{display:grid;gap:13px}.bar-row{display:grid;grid-template-columns:190px 1fr;gap:12px;align-items:center}.bar-row strong{display:block;font-size:14px}.bar-row span{color:#667085;font-size:12px}.bar{height:10px;background:#e7edf5;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:#086dcc}.alarm-list{display:grid;gap:10px}.alarm-item{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e7edf5;border-radius:7px}.alarm-item strong{display:block}.alarm-item span{color:#667085;font-size:13px}pre{max-height:260px;overflow:auto;background:#0b1930;color:#e7edf5;padding:12px;border-radius:7px;font-size:12px}.alert{background:#ffe4e8;color:#b42318;border:1px solid #fecdd6;border-radius:7px;padding:10px 12px;margin-bottom:12px}.login-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;background:#07111f url(/assets/login-datacenter-olt-C3C_es4B.png) center / cover no-repeat;overflow:hidden}.login{position:relative;z-index:1;width:min(430px,calc(100vw - 24px));background:transparent;padding:0;border-radius:0;display:grid;gap:14px;border:0;box-shadow:none;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.72)}.login-brand{display:flex;align-items:center;gap:10px;color:#fff;margin:0 0 8px}.login-brand .brand-mark{width:38px;height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#086dcc;color:#fff}.brand-copy{display:grid}.brand-copy strong{font-size:20px;line-height:1.05}.brand-copy small{font-size:11px;color:#667085;font-weight:800;text-transform:uppercase}.login .brand-copy small{color:#c7d9f1}.login label{display:grid;gap:6px;font-weight:800}.login input{border-color:#b8d2ff73;background:#07111fa3;color:#fff;box-shadow:0 10px 26px #0000003d}.login input:focus{outline:2px solid rgba(85,174,255,.42);border-color:#55aeff}.login input:-webkit-autofill,.login input:-webkit-autofill:hover,.login input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-in-out 0s;box-shadow:0 0 0 1000px #07111fbd inset,0 10px 26px #0000003d}.password-field{position:relative;display:grid}.password-field input{padding-right:44px}.password-field button{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#dbeafe;cursor:pointer;text-shadow:none}.password-field button:hover{background:#ffffff29;color:#fff}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-2px}.remember-access{display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;min-height:30px;color:#e6f0ff;font-size:13px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.72)}.remember-access input{min-height:0;width:16px;height:16px;padding:0;accent-color:#0d77ff;box-shadow:none}.link-button{border:0;background:transparent;color:#76bdff;padding:4px 0;cursor:pointer;font-weight:900;font-size:13px;text-shadow:0 2px 10px rgba(0,0,0,.72)}.link-button:hover{text-decoration:underline}.recover-box{display:grid;gap:10px;padding:12px;border:1px solid rgba(184,210,255,.36);border-radius:8px;background:#07111f75;box-shadow:0 10px 26px #0003}.recover-box .ghost{margin-left:0;border:1px solid rgba(118,189,255,.35);background:#086dcc47;color:#fff}.login small{color:#c7d9f1}@media (max-width: 1180px){.smart-header{grid-template-columns:1fr auto;height:auto;min-height:56px;padding:0 12px}.smart-nav{order:3;grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.12)}.smart-cards{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px}.dashboard-overview{grid-template-columns:1fr}.status-list,.olt-graphs{grid-template-columns:repeat(2,minmax(220px,1fr))}.diagnostic-summary{grid-template-columns:repeat(2,minmax(160px,1fr))}.smart-grid,.recognition-hero,.discovery-console,.recognition-grid,.view-toolbar,.settings-shell,.settings-grid{grid-template-columns:1fr}.settings-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-dashboard .smart-grid>.smart-panel:nth-child(2){grid-row:auto}.settings-record,.built-in-preset{grid-template-columns:1fr}.built-in-preset>div:last-child{justify-content:flex-start}.settings-record-actions{justify-content:flex-start}.activation-panel{grid-column:auto}.view-chips{justify-content:flex-start}.discovery-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){main{padding:12px}.header-tools span{display:none}.brand-bar span{font-size:18px}.nav{padding:0 10px;font-size:14px}.smart-cards,.status-list,.activation-summary,.network-kpis,.olt-graphs,.diagnostic-summary{grid-template-columns:1fr}.status-card{min-height:132px}.status-main{min-height:88px}.status-main strong{font-size:40px}.inline-form,.olt-form,.grid.two{grid-template-columns:1fr}.outage-row{grid-template-columns:18px 27px 1fr}.outage-row em,.outage-ok{display:none}.recognition-hero,.discovery-console{padding:16px}.hero-copy h1{font-size:26px}.hero-radar{min-height:220px}.discovery-form,.device-result{grid-template-columns:1fr}.domain-status>div{grid-template-columns:1fr}.settings-editor,.built-in-preset dl,.settings-record dl,.apply-target{grid-template-columns:1fr}.apply-target{display:grid}}