.uncfg-page{gap:22px;min-width:0;display:grid}.uncfg-page-header{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.uncfg-page-header>div>span{color:#3baaff;letter-spacing:.18em;margin-bottom:7px;font-size:11px;font-weight:850;display:block}.uncfg-page-header h1{color:#edf6ff;letter-spacing:-.04em;margin:0;font-size:36px;line-height:1.05}.uncfg-page-header p{color:#7890a5;margin:9px 0 0;font-size:13px;font-weight:600}.uncfg-list{gap:18px;display:grid}.uncfg-card{background:linear-gradient(135deg,#0d2744ed,#07172ae6);border:1px solid #3887c34d;border-radius:15px;overflow:hidden}.uncfg-card>header{border-bottom:1px solid #3e89c333;justify-content:space-between;align-items:flex-start;gap:18px;padding:19px 23px;display:flex}.uncfg-card h2{color:#eaf4fd;margin:0;font-size:20px}.uncfg-card header p{color:#758da2;margin:7px 0 0;font-size:12px}.uncfg-refresh{color:#58b6fa;cursor:pointer;background:#2088d71a;border:1px solid #3ca3ef4d;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.uncfg-table-wrap{overflow-x:auto}.uncfg-table{border-collapse:collapse;width:100%;min-width:1020px}.uncfg-table th{color:#8197aa;text-align:left;white-space:nowrap;background:#122c48d9;padding:14px 17px;font-size:11px}.uncfg-table td{color:#d9e7f3;white-space:nowrap;border-top:1px solid #3e7eb226;padding:17px;font-size:13px;font-weight:600}.uncfg-authorize{color:#5cbaff;opacity:.6;background:#268cd81a;border:1px solid #37a7f547;border-radius:8px;padding:7px 13px;font-weight:800}.uncfg-empty,.uncfg-error{color:#8298aa;padding:27px 23px;font-size:13px;font-weight:650}.uncfg-error{color:#ffb15b;align-items:center;gap:9px;display:flex}.uncfg-spin{animation:.8s linear infinite uncfg-rotate}@keyframes uncfg-rotate{to{transform:rotate(360deg)}}@media (max-width:760px){.uncfg-page-header{flex-direction:column;align-items:stretch}.uncfg-page-header .button{width:100%}}.uncfg-authorize:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}.uncfg-authorize:disabled{pointer-events:none!important;cursor:wait!important;opacity:.55!important}.uncfg-modal-backdrop{z-index:320;background:linear-gradient(145deg,#0d203c 12%,#102b52 62%,#0d203c);padding:24px 24px 64px;position:fixed;inset:72px 0 0;overflow-y:auto}.uncfg-modal{color:#e4ecf7;width:min(1080px,100%);margin:0 auto;padding:0 0 40px}.uncfg-modal-provisioning{width:min(1080px,100%)}.uncfg-authorize-intro{color:#a6b9d0;margin:-8px 0 22px}.uncfg-reference-fields{gap:12px;display:grid}.uncfg-reference-row{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:20px;display:grid}.uncfg-reference-row>span{color:#d2dce9;text-align:right;font-size:14px;font-weight:750}.uncfg-reference-row output{overflow-wrap:anywhere;background:#ffffff0e;border:1px solid #b0c9e940;border-radius:4px;min-height:42px;padding:10px 14px}.uncfg-reference-row output small{color:#9eb2cc}.uncfg-modal-eyebrow{color:#42b6ff;letter-spacing:.16em;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.uncfg-modal h2{color:#eef7ff;margin:0 0 20px;font-size:25px}.uncfg-confirm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.uncfg-confirm-grid>div{background:#051320ad;border:1px solid #5297cf2e;border-radius:11px;min-width:0;padding:13px 14px}.uncfg-confirm-grid dt{color:#8098ad;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:700}.uncfg-confirm-grid dd{overflow-wrap:anywhere;color:#e5f2fc;margin:0;font-weight:750}.uncfg-provisioning-fields{background:0 0;border:0;margin-top:22px;padding:0}.uncfg-section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.uncfg-section-heading>div{gap:3px;display:grid}.uncfg-section-heading strong{color:#e6f2fc;font-size:15px}.uncfg-section-heading span,.uncfg-options-loading{color:#7f98ad;font-size:12px}.uncfg-options-loading{color:#58baff;flex:none;align-items:center;gap:7px;font-weight:750;display:inline-flex}.uncfg-field-grid{grid-template-columns:1fr;gap:14px;display:grid}.uncfg-field{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:20px;min-width:0;display:grid}.uncfg-field>span{color:#d2dce9;text-align:right;font-size:14px;font-weight:800}.uncfg-field>small{grid-column:2}.uncfg-field input,.uncfg-field select,.uncfg-readonly-value{color:#e9f5ff;width:100%;min-height:44px;font:inherit;background:#071b2c;border:1px solid #4396d647;border-radius:10px;outline:none;padding:10px 12px;font-size:13px;font-weight:680;transition:border-color .16s,box-shadow .16s}.uncfg-field input::placeholder{color:#587186}.uncfg-field select{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.uncfg-field input:focus,.uncfg-field select:focus{border-color:#40afffd1;box-shadow:0 0 0 3px #1f94eb1f}.uncfg-field input:disabled,.uncfg-field select:disabled{cursor:wait;opacity:.66}.uncfg-field small{color:#70889c;min-height:15px;font-size:11px;line-height:1.35}.uncfg-password-input{position:relative}.uncfg-password-input input{padding-right:46px}.uncfg-password-input button{color:#58baff;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:34px;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.uncfg-password-input button:hover{background:#2f9def1f}.uncfg-password-input button:disabled{cursor:wait;opacity:.55}.uncfg-readonly-field{align-content:start}.uncfg-readonly-value{color:#86b9df;background:#061523b8;align-items:center;display:flex}.uncfg-form-error,.uncfg-options-note{color:#ffb0b0;background:#6d14142e;border:1px solid #ff666642;border-radius:9px;align-items:flex-start;gap:9px;margin-bottom:13px;padding:10px 12px;font-size:12px;font-weight:650;line-height:1.45;display:flex}.uncfg-form-error svg{flex:none;margin-top:1px}.uncfg-options-note{color:#edc27e;background:#70450724;border-color:#ffb5473b;margin:13px 0 0}.uncfg-options-retry{color:#65beff;cursor:pointer;background:#1779c31c;border:1px solid #3ba6f761;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:13px;padding:9px 12px;font-weight:750;display:inline-flex}.uncfg-options-retry:hover{color:#edf8ff;background:#1779c333;border-color:#55b7ff}.uncfg-modal-warning{color:#f5c77c;background:#70450729;border:1px solid #ffb54740;border-radius:11px;margin-top:16px;padding:13px 15px;line-height:1.5}.uncfg-modal footer{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.uncfg-authorize:not(:disabled){box-shadow:0 8px 22px #0a78d633;pointer-events:auto!important;cursor:pointer!important;opacity:1!important;color:#f4faff!important;background:linear-gradient(#1689e7,#0875ce)!important;border-color:#309df4b8!important}.uncfg-authorize:not(:disabled):hover{transform:translateY(-1px);background:linear-gradient(#269cf8,#0b82df)!important;border-color:#57b7ff!important}.uncfg-authorize:disabled{cursor:wait;opacity:.58}@media (max-width:720px){.uncfg-modal-backdrop{padding:18px 14px 40px;inset:64px 0 0}.uncfg-modal{padding:0}.uncfg-reference-row,.uncfg-field{grid-template-columns:1fr;gap:6px}.uncfg-reference-row>span,.uncfg-field>span{text-align:left}.uncfg-field>small{grid-column:1}.uncfg-section-heading{flex-direction:column;align-items:flex-start;gap:8px}.uncfg-modal footer{flex-direction:column-reverse}.uncfg-modal footer .button{justify-content:center;width:100%}}.app-shell.theme-light .uncfg-table tbody td{text-shadow:0 1px 2px #00142633;font-weight:650;color:#c7dbea!important;opacity:1!important}.app-shell.theme-light .uncfg-table tbody td:first-child{font-weight:800;color:#a9ddff!important}.app-shell.theme-light .uncfg-table tbody td:nth-child(2),.app-shell.theme-light .uncfg-table tbody td:nth-child(3){font-weight:750;color:#d3e4ef!important}.app-shell.theme-light .uncfg-table tbody td:nth-child(4){color:#aebfcd!important}.app-shell.theme-light .uncfg-table tbody td:nth-child(5){letter-spacing:.025em;font-weight:850;color:#f0f8ff!important}.app-shell.theme-light .uncfg-table tbody td:nth-child(6){font-weight:750;color:#d8eaf6!important}.app-shell.theme-light .uncfg-table tbody td:nth-child(7){color:#b9d0df!important}.app-shell.theme-light .uncfg-table tbody tr:hover td{color:#fff!important}.app-shell.theme-light .uncfg-table tbody tr:hover{background:#1e7abc21!important}.uncfg-field-wide{grid-column:1/-1}.uncfg-field textarea{resize:vertical;width:100%;min-height:88px}.uncfg-class-tabs{flex-wrap:wrap;gap:8px;display:flex}.uncfg-class-tabs button{color:#8da6ba;cursor:pointer;background:#071a2cc7;border:1px solid #419add47;border-radius:9px;padding:9px 17px;font-weight:800}.uncfg-class-tabs button.active{color:#f0f9ff;background:#1b89db40;border-color:#42aef6}.uncfg-class-badge{color:#9bd5fb;background:#1d7ec221;border:1px solid #46a5e852;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex}.uncfg-class-badge.moved{color:#ffd083;background:#91540833;border-color:#ffb44173}.uncfg-class-badge.known_local{color:#b4c6d5;background:#5b73882e}@media (max-width:760px){.uncfg-class-tabs{grid-template-columns:repeat(3,1fr);display:grid}}:root{color:#e9f2fc;font-synthesis:none;text-rendering:optimizelegibility;--bg:#050b13;--bg-soft:#07111e;--sidebar:#07111d;--panel:#0c1929eb;--panel-solid:#0c1929;--panel-raised:#102036;--line:#91b2d821;--line-strong:#91b2d836;--text:#edf6ff;--muted:#849ab2;--muted-2:#587087;--blue:#268fff;--cyan:#55c9ff;--green:#32d790;--amber:#ffbd55;--red:#ff6577;--purple:#a786ff;--shadow:0 22px 70px #00000047;background:#050b13;font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #268fffcc}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{background:radial-gradient(circle at 80% -10%, #268fff12, transparent 38rem), var(--bg);min-height:100vh;display:flex}.sidebar{z-index:30;border-right:1px solid var(--line);background:linear-gradient(#081421 0%,#06101b 65%,#050c15 100%);flex-direction:column;width:260px;padding:24px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid var(--line);padding:0 8px 27px}.brand-lockup{align-items:center;gap:12px;display:flex}.asm-mark{background:linear-gradient(145deg,#2295fa,#0c59bd);border:1px solid #64c3ff61;border-radius:14px;flex:none;place-items:center;width:45px;height:45px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 10px 28px #1477e940}.asm-mark:before{content:"";background:#ffffff29;border-radius:50%;width:34px;height:34px;position:absolute;top:-15px;right:-12px}.asm-mark span{letter-spacing:-.5px;font-size:12px;font-weight:900;position:relative}.asm-mark i{background:#ffffffb8;border-radius:2px;width:22px;height:2px;position:absolute;bottom:8px;left:11px;transform:skew(-30deg)}.brand-copy strong{color:#f3f8ff;letter-spacing:-.2px;font-size:14px;font-weight:800;display:block}.brand-copy span{color:var(--muted);letter-spacing:.02em;margin-top:3px;font-size:9.5px;display:block}.brand-lockup.compact .asm-mark{width:38px;height:38px}.main-nav{gap:5px;margin-top:25px;display:grid}.nav-section{color:#476078;letter-spacing:.16em;text-transform:uppercase;padding:0 12px 8px;font-size:9.5px;font-weight:800}.main-nav button{color:#7f95ac;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:43px;padding:0 12px;transition:all .18s;display:flex;position:relative}.main-nav button:hover{color:#d6e9fa;background:#ffffff06}.main-nav button.active{color:#eaf6ff;background:linear-gradient(90deg,#208bff2e,#208bff11);border-color:#3293ff2e;box-shadow:inset 3px 0 #2c97ff}.main-nav button span{font-size:12.5px;font-weight:650}.main-nav button svg{flex:none}.nav-dot{background:var(--amber);border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 12px #ffbd55b3}.sidebar-foundation{background:#1cb5730b;border:1px solid #32d79024;border-radius:14px;margin-top:auto;padding:14px}.sidebar-foundation>div{color:var(--green);align-items:center;gap:7px;display:flex}.sidebar-foundation>div span{font-size:10px;font-weight:750}.sidebar-foundation strong{color:#cfe6db;margin-top:10px;font-size:11.5px;display:block}.sidebar-foundation small{color:#5f7b71;margin-top:5px;font-size:8.5px;line-height:1.45;display:block}.sidebar-footer{color:#506478;padding:18px 8px 0;font-size:9px;line-height:1.55}.sidebar-footer span{color:#395065}.workspace{width:calc(100% - 260px);min-width:0;margin-left:260px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050c15db;justify-content:space-between;align-items:center;min-height:67px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:13px;display:flex}.environment{color:#a7bbcd;align-items:center;gap:8px;font-size:10.5px;font-weight:650;display:flex}.environment i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #32d79014,0 0 12px #32d79080}.separator{background:var(--line);width:1px;height:17px}.domain{color:#61778c;font-size:10px}.clock{color:#647a90;align-items:center;gap:6px;font-size:9px;display:flex}.profile-menu{cursor:default;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:9px;padding:5px 8px 5px 5px;display:flex}.profile-menu:hover{border-color:var(--line);background:#ffffff06}.avatar{color:#cbe7ff;background:#268fff1f;border:1px solid #42a4ff40;border-radius:10px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.profile-menu>span:nth-child(2){text-align:left;min-width:85px}.profile-menu strong,.profile-menu small{display:block}.profile-menu strong{color:#cfe0f0;font-size:10px}.profile-menu small{color:#587086;text-transform:capitalize;margin-top:2px;font-size:8px}.profile-menu>svg{color:#40576e}.mobile-menu{background:0 0;border:0;display:none}.content{width:min(1500px,100%);margin:0 auto;padding:31px 34px 54px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.page-header .eyebrow,.login-story .eyebrow{color:#59b6ff;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800}.page-header h1{color:var(--text);letter-spacing:-.045em;margin:7px 0;font-size:clamp(24px,3vw,34px);font-weight:700}.page-header p{max-width:660px;color:var(--muted);margin:0;font-size:11.5px;line-height:1.6}.page-actions{flex-wrap:wrap;gap:9px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:10.5px;font-weight:750;transition:all .17s;display:inline-flex}.button.primary{color:#fff;background:linear-gradient(135deg,#218ff6,#1166cb);border-color:#50b2ff4d;box-shadow:0 9px 22px #197ee62e}.button.primary:hover{filter:brightness(1.09);transform:translateY(-1px)}.button.secondary{border-color:var(--line);color:#9bb0c3;background:#ffffff06}.button.secondary:hover{border-color:var(--line-strong);color:#dbeaf7;background:#ffffff0d}.button.success{color:#fff;background:linear-gradient(135deg,#35c769,#20a84f);border-color:#2ac96f6b;box-shadow:0 9px 22px #20a84f2e}.button.warning{color:#172033;background:linear-gradient(135deg,#ffd325,#ffb700);border-color:#ffc30080;box-shadow:0 9px 22px #ffb7002e}.button.danger{color:#fff;background:#e23d3d;border-color:#0000}.button.success:hover,.button.warning:hover,.button.danger:hover{filter:brightness(1.06);transform:translateY(-1px)}.button.small{min-height:34px;font-size:9.5px}.button.full{width:100%;min-height:44px}.icon-button{border:1px solid var(--line);color:#7f95a9;cursor:pointer;background:#ffffff05;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.icon-button:hover{color:#dcebf8;background:#ffffff0d}.text-button{color:#51adfb;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:4px;font-size:9.5px;font-weight:700}.text-button:hover{color:#8dcfff}.text-button.success{color:var(--green)}.service-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:17px;display:flex}.service-pill{border:1px solid var(--line);background:#ffffff05;border-radius:9px;align-items:center;gap:8px;min-height:32px;padding:0 10px;display:flex}.service-pill>span{color:#71889d;font-size:9px}.last-sync{color:#4e6377;margin-left:auto;font-size:8.5px}.status-badge{border:1px solid var(--line);color:#8094a7;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#7a91a60e;border-radius:999px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:4px 7px;font-size:7.7px;font-weight:850;display:inline-flex}.status-badge i{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px}.status-badge.success{color:var(--green);background:#32d79011;border-color:#32d79038}.status-badge.warning{color:var(--amber);background:#ffbd5511;border-color:#ffbd5538}.status-badge.danger{color:var(--red);background:#ff657711;border-color:#ff657738}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(150deg,#0f1f32f5,#091422f0);border-radius:15px;gap:13px;min-width:0;padding:17px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 45px #00000029}.metric-card:after{content:"";opacity:.07;filter:blur(3px);background:currentColor;border-radius:50%;width:80px;height:80px;position:absolute;top:-36px;right:-38px}.metric-icon{background:currentColor;background:color-mix(in srgb, currentColor 10%, transparent);border:1px solid;border-radius:11px;flex:none;place-items:center;width:37px;height:37px;display:grid}.metric-card.blue{color:var(--blue)}.metric-card.cyan{color:var(--cyan)}.metric-card.green{color:var(--green)}.metric-card.amber{color:var(--amber)}.metric-card>div:last-child{min-width:0}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#7990a5;font-size:9px}.metric-card strong{color:var(--text);letter-spacing:-.045em;margin-top:4px;font-size:24px;font-weight:750}.metric-card small{color:#51687c;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;overflow:hidden}.panel{border:1px solid var(--line);background:linear-gradient(155deg,#0d1b2cf0,#081320f5);border-radius:16px;box-shadow:0 17px 55px #00000029}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 17px;display:flex}.panel-header>div{align-items:center;gap:10px;display:flex}.panel-icon{color:#4bacff;background:#268fff12;border:1px solid #3b9dff29;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.panel-header strong,.panel-header small{display:block}.panel-header strong{color:#cbdbea;font-size:10.5px}.panel-header small{color:#536b80;margin-top:3px;font-size:8px}.dashboard-columns{grid-template-columns:1.05fr .95fr;gap:14px;margin-bottom:14px;display:grid}.health-visual{justify-content:center;align-items:center;gap:clamp(26px,5vw,75px);min-height:225px;padding:20px;display:flex}.health-ring{--value:0deg;background:conic-gradient(var(--green) 0 var(--value), #5770891f var(--value) 360deg);border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:relative;box-shadow:0 0 45px #32d7900f}.health-ring:before{content:"";border:1px solid var(--line);background:#0a1726;border-radius:50%;position:absolute;inset:13px}.health-ring>div{text-align:center;position:relative}.health-ring strong,.health-ring span{display:block}.health-ring strong{color:#e9f7ff;letter-spacing:-.04em;font-size:25px}.health-ring span{color:#637a8f;margin-top:3px;font-size:8px}.health-legend{gap:13px;width:min(210px,45%);display:grid}.health-legend>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:11px;display:flex}.health-legend span{color:#748ba0;align-items:center;gap:7px;font-size:9px;display:flex}.health-legend span i{border-radius:3px;width:7px;height:7px}.health-legend .green{background:var(--green)}.health-legend .red{background:var(--red)}.health-legend .amber{background:var(--amber)}.health-legend .purple{background:var(--purple)}.health-legend strong{color:#c7d8e7;font-size:10px}.panel-footnote{color:#50677b;text-align:center;margin:0 17px 17px;font-size:8.5px;line-height:1.5}.vendor-list{align-content:center;gap:18px;min-height:225px;padding:25px 21px;display:grid}.vendor-list>div{grid-template-columns:60px 1fr 28px;align-items:center;gap:12px;display:grid}.vendor-list span,.vendor-list strong{font-size:9px}.vendor-list span{color:#8499ad;font-weight:700}.vendor-list strong{color:#cbd9e6;text-align:right}.vendor-list>div>div{background:#7591ad1a;border-radius:999px;height:6px;overflow:hidden}.vendor-list i{border-radius:inherit;background:linear-gradient(90deg,#1d7fe0,#53c4ff);height:100%;display:block;box-shadow:0 0 16px #3ba5ff33}.table-panel{margin-bottom:14px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.search-box{border:1px solid var(--line);color:#587186;background:#0000001f;border-radius:9px;align-items:center;gap:8px;width:min(390px,100%);min-height:36px;padding:0 11px;display:flex}.search-box:focus-within{border-color:#268fff7a;box-shadow:0 0 0 3px #268fff12}.search-box input{color:#dcebf7;background:0 0;border:0;outline:0;width:100%;font-size:9.5px}.search-box input::placeholder{color:#40566b}.compact-select{border:1px solid var(--line);color:#9cb0c2;background:#0a1725;border-radius:9px;min-height:34px;padding:0 31px 0 10px;font-size:9.5px}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th{border-bottom:1px solid var(--line);color:#4d667c;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#050d1752;padding:11px 15px;font-size:7.5px;font-weight:800}td{color:#8fa4b7;vertical-align:middle;border-bottom:1px solid #91b2d813;padding:12px 15px;font-size:9px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#3086db06}td strong,td small{display:block}td strong{color:#c8d8e5;font-size:9.5px;font-weight:650}td small{color:#536b7f;text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-top:3px;font-size:7.5px;line-height:1.4;overflow:hidden}.mono{color:#7fb8e6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.table-actions{justify-content:flex-end;gap:7px;display:flex}.role-chip{color:#63b6f8;text-transform:capitalize;background:#268fff0e;border:1px solid #268fff29;border-radius:7px;padding:4px 7px;font-size:8px;display:inline-block}.pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:8px 16px;display:flex}.pagination>span{color:#51687d;font-size:8.5px}.pagination>div{gap:6px;display:flex}.empty-state{text-align:center;place-items:center;min-height:190px;padding:28px;display:grid}.empty-icon{border:1px solid var(--line);color:#4e94ca;background:#268fff0b;border-radius:13px;place-items:center;width:43px;height:43px;margin-bottom:10px;display:grid}.empty-state strong{color:#adc0d1;font-size:11px}.empty-state p{color:#526a7f;max-width:400px;margin:7px auto 14px;font-size:8.5px;line-height:1.55}.loading-state{color:#6c8297;justify-content:center;align-items:center;gap:10px;min-height:160px;font-size:9.5px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{color:#cfae74;background:#ffbd550b;border:1px solid #ffbd5529;border-radius:10px;align-items:flex-start;gap:9px;margin-bottom:14px;padding:11px 13px;font-size:9px;line-height:1.5;display:flex}.notice>svg{flex:none}.notice>span{flex:1}.notice .icon-button{border:0;width:22px;height:22px}.notice.success{color:#83cfae;background:#32d7900b;border-color:#32d7902e}.notice.danger{color:#e99ca7;background:#ff65770d;border-color:#ff657733}.modal-open{overflow:hidden}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#01060bc4;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line-strong);background:#0b1827;border-radius:17px;width:min(470px,100%);max-height:min(880px,100vh - 40px);overflow-y:auto;box-shadow:0 35px 100px #00000085}.modal>header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1827f2;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;display:flex;position:sticky;top:0}.modal h2{color:#e8f2fb;letter-spacing:-.025em;margin:0;font-size:15px}.modal header p{color:#5d7489;margin:5px 0 0;font-size:8.5px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px;display:grid}.form-stack{gap:15px;padding:20px;display:grid}.field{gap:7px;min-width:0;display:grid}.field>span{color:#8da2b5;font-size:9px;font-weight:650}.field>small{color:#4d657a;font-size:7.5px;line-height:1.45}.field input,.field select,.field textarea{border:1px solid var(--line);color:#dceaf6;background:#081521;border-radius:9px;outline:0;width:100%;min-height:39px;padding:0 11px;font-size:10px;transition:all .17s}.field textarea{resize:vertical;min-height:75px;padding-top:10px}.field input::placeholder,.field textarea::placeholder{color:#3b5369}.span-2{grid-column:span 2}.span-1{grid-column:span 1}.form-actions{justify-content:flex-end;gap:9px;padding-top:3px;display:flex}.input-with-icon{border:1px solid var(--line);color:#516b82;background:#081521;border-radius:10px;align-items:center;gap:9px;min-height:43px;padding:0 11px;display:flex}.input-with-icon:focus-within{border-color:#268fff7a;box-shadow:0 0 0 3px #268fff12}.input-with-icon input{background:0 0;border:0;min-height:auto;padding:0;box-shadow:none!important}.settings-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:14px;display:grid}.settings-grid .form-stack{max-width:520px}.info-list{margin:0;padding:12px 19px}.info-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.info-list>div:last-child{border:0}.info-list dt{color:#60798e;font-size:9px}.info-list dd{color:#b7c9d8;margin:0;font-size:9px}.settings-grid .notice{margin:0 19px 19px}.login-page{background:radial-gradient(circle at 15% 25%,#1f87ef2b,#0000 28rem),linear-gradient(135deg,#061323,#040a11 55%,#07101b);grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.login-grid{opacity:.2;pointer-events:none;background-image:linear-gradient(#6ea0d20a 1px,#0000 1px),linear-gradient(90deg,#6ea0d20a 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 75%);mask-image:linear-gradient(90deg,#000,#0000 75%)}.login-story{z-index:1;border-right:1px solid var(--line);flex-direction:column;padding:clamp(34px,5.5vw,76px);display:flex;position:relative}.login-story .brand-lockup{width:-moz-fit-content;width:fit-content}.story-content{margin:auto 0;padding:60px 0}.login-story .eyebrow{align-items:center;gap:9px;display:flex}.login-story .eyebrow span{background:#58bfff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #44b1ffbf}.login-story h1{color:#f1f7fc;letter-spacing:-.062em;max-width:690px;margin:24px 0 18px;font-size:clamp(43px,5.6vw,77px);font-weight:700;line-height:.98}.login-story h1 em{color:#0000;background:linear-gradient(100deg,#4fb9ff,#83d8ff);-webkit-background-clip:text;background-clip:text;font-style:normal}.login-story p{color:#8299ae;max-width:580px;margin:0;font-size:clamp(12px,1.4vw,15px);line-height:1.8}.login-capabilities{flex-wrap:wrap;gap:9px;margin-top:32px;display:flex}.login-capabilities span{border:1px solid var(--line);color:#718aa1;background:#ffffff05;border-radius:9px;align-items:center;gap:8px;min-height:34px;padding:0 11px;font-size:8.5px;display:flex}.login-capabilities svg{color:#3e9cec}.login-story footer{color:#40586e;font-size:8.5px}.login-panel{z-index:1;background:#040a114d;place-items:center;padding:35px;display:grid;position:relative}.login-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1929b8;border-radius:19px;width:min(380px,100%);padding:34px;box-shadow:0 30px 90px #00000045}.login-card .field{margin-top:16px}.login-card h2{color:#f0f6fc;letter-spacing:-.035em;margin:16px 0 7px;font-size:22px}.login-card>p{color:#647b90;margin:0 0 23px;font-size:9.5px}.login-card .notice{margin-top:17px}.secure-label{color:#63c79d;align-items:center;gap:7px;font-size:8.5px;font-weight:650;display:flex}.login-card .button{margin-top:20px}.login-help{border-top:1px solid var(--line);text-align:center;margin-top:22px;padding-top:18px}.login-help span,.login-help strong{font-size:8px;display:block}.login-help span{color:#50687d}.login-help strong{color:#7391aa;margin-top:4px;font-weight:600}.login-mobile-brand{display:none}.splash{background:radial-gradient(circle, #268fff1a, transparent 28rem), var(--bg);place-content:center;gap:16px;min-height:100vh;display:grid}.splash .brand-lockup{justify-content:center}.splash .loading-state{min-height:auto}.sidebar-overlay{display:none}@media (max-width:1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.health-visual,.vendor-list{min-height:210px}.login-page{grid-template-columns:1fr 460px}.login-story{padding:42px}.login-story h1{font-size:49px}}@media (max-width:820px){.sidebar{width:260px;transition:transform .22s;transform:translate(-102%);box-shadow:20px 0 70px #00000073}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:25;background:#0000008c;border:0;display:block;position:fixed;inset:0}.workspace{width:100%;margin-left:0}.mobile-menu{place-items:center;display:grid}.topbar{padding:0 18px}.content{padding:25px 20px 45px}.domain,.separator,.clock{display:none}.login-page{grid-template-columns:1fr;place-items:center;padding:24px;display:grid}.login-story{display:none}.login-panel{width:100%;padding:0}.login-card{background:#0c1929e0}.login-mobile-brand{margin-bottom:27px;display:block}}@media (max-width:600px){.profile-menu>span:nth-child(2),.profile-menu>svg{display:none}.profile-menu{padding:0}.page-header{flex-direction:column;align-items:flex-start}.page-actions,.page-actions .button{width:100%}.metric-grid{grid-template-columns:1fr}.metric-card{padding:16px}.service-row{grid-template-columns:1fr 1fr;display:grid}.last-sync{grid-column:span 2;margin:3px 0 0}.service-pill{justify-content:space-between}.health-visual{flex-direction:column;gap:22px}.health-legend{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar .button{width:100%}.form-grid{grid-template-columns:1fr}.span-2,.span-1{grid-column:span 1}.settings-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{max-height:calc(100vh - 16px)}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}.login-page{padding:14px}.login-card{padding:24px 20px}.login-card h2{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:optimizelegibility}body,button,input,select,textarea{font-synthesis:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.nav-section{color:#6f8ba4;font-size:11px}.profile-menu small{color:#7790a6;font-size:10.5px}.page-header .eyebrow,.login-story .eyebrow{font-size:10.5px}.status-badge{font-size:10px;font-weight:800}.search-box input,.compact-select{font-size:12.5px}.search-box input::placeholder{color:#71869a;opacity:1}th{color:#748da4;font-size:10px}.role-chip{font-size:10.5px;font-weight:700}.modal-backdrop{-webkit-backdrop-filter:none;background:#01060bc7}.modal{background:#0b1928;border-color:#6fa0cb4d;box-shadow:0 32px 90px #000000a6,0 0 0 1px #2d86d80f}.modal.wide{width:min(860px,100%)}.modal>header{-webkit-backdrop-filter:none;background:#0b1928;padding:21px 24px}.modal h2{color:#f1f7fc;letter-spacing:-.02em;font-size:19px;font-weight:800;line-height:1.3}.modal header p{color:#8ca3b7;margin-top:6px;font-size:12px;font-weight:500;line-height:1.5}.form-grid{gap:18px 20px;padding:24px}.field{gap:8px}.field>span,.field>label,.field label{color:#a9bed0;font-size:12px;font-weight:700;line-height:1.35}.field input,.field select,.field textarea{color:#edf5fb;background:#081724;border-color:#6fa0cb40;border-radius:10px;min-height:46px;padding-left:13px;padding-right:13px;font-size:13.5px;font-weight:550;line-height:1.45}.field textarea{min-height:92px;padding-top:12px;padding-bottom:12px}.field input::placeholder,.field textarea::placeholder{color:#6f879d;opacity:1;font-weight:500}.field input:hover,.field select:hover,.field textarea:hover{border-color:#6faee46b}.field input:focus,.field select:focus,.field textarea:focus{border-color:#329cff;box-shadow:0 0 0 3px #329cff21,inset 0 0 0 1px #329cff0a}.form-actions .button{min-height:44px;padding-left:20px;padding-right:20px;font-size:13px;font-weight:750}@media (max-width:720px){.modal h2{font-size:18px}.modal>header,.form-grid{padding:18px}.field input,.field select,.field textarea{font-size:16px}}.login-story .brand-lockup{aspect-ratio:1032/632;filter:drop-shadow(0 8px 22px #148eff33);background:url(/app/asm-logo-full.png) 50%/contain no-repeat!important;width:clamp(230px,22vw,285px)!important;min-height:0!important;display:block!important}.login-story .brand-lockup>*,.login-mobile-brand .brand-lockup>*{display:none!important}.login-story .brand-lockup:before,.login-mobile-brand .brand-lockup:before{content:none!important;display:none!important}.login-mobile-brand .brand-lockup{aspect-ratio:1032/632;filter:drop-shadow(0 7px 18px #148eff2e);background:url(/app/asm-logo-full.png) 50%/contain no-repeat!important;width:min(215px,75vw)!important;margin:0 auto!important;display:block!important}.sidebar .brand-lockup{align-items:center!important;gap:11px!important;display:flex!important}.sidebar .brand-lockup>:first-child:not(:last-child),.splash .brand-lockup>:first-child:not(:last-child){display:none!important}.sidebar .brand-lockup:before,.splash .brand-lockup:before{filter:drop-shadow(0 5px 13px #148eff40);content:""!important;background:url(/app/asm-logo-symbol.png) 50%/contain no-repeat!important;flex:0 0 43px!important;width:43px!important;height:43px!important;display:block!important}@media (max-width:760px){.login-mobile-brand .brand-lockup{width:min(200px,72vw)!important}.sidebar .brand-lockup:before{flex-basis:40px!important;width:40px!important;height:40px!important}}.login-story .brand-lockup,.login-mobile-brand .brand-lockup{position:relative!important}.login-story .brand-lockup{margin-bottom:62px!important}.login-story .brand-lockup>.brand-copy,.login-mobile-brand .brand-lockup>.brand-copy{width:max-content;position:absolute;top:calc(100% + 9px);display:block!important}.login-story .brand-copy{text-align:left;left:0}.login-mobile-brand .brand-copy{text-align:center;left:50%;transform:translate(-50%)}.login-story .brand-copy strong,.login-mobile-brand .brand-copy strong{color:#0000;letter-spacing:-.045em;background:linear-gradient(100deg,#f5fbff,#58c4ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,2vw,29px);font-weight:850;line-height:1}.login-story .brand-copy span,.login-mobile-brand .brand-copy span{color:#6f98b7;letter-spacing:.14em;text-transform:uppercase;margin-top:8px;font-size:9px;font-weight:700}.login-story{isolation:isolate}.login-story:before{content:"VISI FIBER OPTIK NASIONAL\a MENUJU CAKUPAN ASM SE-INDONESIA";z-index:1;color:#64cfff;letter-spacing:.14em;white-space:pre;text-align:right;text-shadow:0 0 18px #36aeff57;pointer-events:none;font-size:9px;font-weight:800;line-height:1.9;position:absolute;top:clamp(40px,5vw,72px);right:clamp(24px,4vw,62px)}.login-story:after{content:"";z-index:1;aspect-ratio:850/235;opacity:.78;filter:drop-shadow(0 12px 32px #1290ff29);pointer-events:none;background:url(/app/asm-indonesia-fiber.svg) 50%/contain no-repeat;width:min(54%,650px);position:absolute;top:clamp(82px,9vw,125px);right:clamp(18px,3vw,48px)}@media (max-width:1120px){.login-story:before{font-size:8px;top:30px;right:25px}.login-story:after{opacity:.7;width:51%;top:68px;right:17px}}@media (max-width:820px){.login-mobile-brand .brand-lockup{margin:0 auto 64px!important}.login-mobile-brand .brand-copy strong{font-size:23px}}.login-story{isolation:isolate;overflow:hidden}.login-story:before{content:none!important;display:none!important}.login-story:after{mix-blend-mode:screen;pointer-events:none;-webkit-mask-image:linear-gradient(#0000 1%,#000 12% 78%,#0000 98%);mask-image:linear-gradient(#0000 1%,#000 12% 78%,#0000 98%);content:""!important;z-index:0!important;aspect-ratio:auto!important;opacity:.17!important;filter:saturate(.92)drop-shadow(0 0 32px #169de029)!important;background-image:url(/app/asm-indonesia-watermark.svg)!important;background-position:50% 38%!important;background-repeat:no-repeat!important;background-size:126%!important;width:auto!important;height:auto!important;display:block!important;position:absolute!important;inset:0 -12%!important}.login-story>*{z-index:2;position:relative}@media (max-width:1120px){.login-story:after{opacity:.14!important;background-position:50% 34%!important;background-size:145%!important;left:-20%!important;right:-20%!important}}.login-page .login-card{background:linear-gradient(145deg,#0f243aeb,#0a1a2be6)!important;border-color:#5ca4de38!important;box-shadow:0 30px 90px #00000038,inset 0 1px #ffffff06!important}.login-page .input-with-icon input{color:#dceaf5!important;background:#061726b8!important;border-color:#5797cc3d!important}.login-page .input-with-icon input:focus{background:#071b2ddb!important;border-color:#2997f7b8!important}.login-page .login-card>p{color:#7893aa!important}.login-page .login-card label{color:#abc0d2!important}@media (min-width:821px){.login-story .brand-copy{top:calc(100% - 5px)!important;left:clamp(48px,4vw,58px)!important}}@media (max-width:820px){.login-mobile-brand .brand-copy{text-align:center!important;top:calc(100% + 8px)!important;left:50%!important;transform:translate(-50%)!important}}.login-page{background:radial-gradient(circle at 15% 18%,#36a9ff66,#0000 34rem),radial-gradient(circle at 62% 58%,#2389e033,#0000 40rem),linear-gradient(135deg,#123b61 0%,#0e2d4a 50%,#0b233a 100%)!important}.login-page .login-story{background:linear-gradient(135deg,#20659e33,#0b274014)!important}.login-page .login-panel{background:radial-gradient(circle at 50% 45%,#3799eb26,#0000 28rem),#091c2e4d!important}.login-page .login-card{background:linear-gradient(145deg,#12304cf0,#0c2238ed)!important;border-color:#69b2eb45!important}@media (min-width:821px){.login-page .login-story .brand-copy{top:calc(100% + 9px)!important;left:clamp(36px,3vw,46px)!important}}@media (max-width:820px){.login-page .brand-copy{top:auto!important;left:auto!important}}.login-page .login-story .brand-lockup,.login-page .login-mobile-brand .brand-lockup{filter:saturate(1.55)contrast(1.16)brightness(1.08)drop-shadow(0 9px 24px #0a7dff57)!important}.login-page .login-story:after{opacity:.3!important;filter:saturate(1.35)brightness(1.35)contrast(1.12)!important;pointer-events:none!important;background-image:url(/app/asm-indonesia-watermark.svg)!important;background-position:50% 58%!important;background-repeat:no-repeat!important;background-size:96%!important;width:auto!important;height:auto!important;inset:0!important;transform:none!important}@media (max-width:1120px) and (min-width:821px){.login-page .login-story:after{opacity:.27!important;background-position:50% 58%!important;background-size:98%!important}}@media (min-width:821px){.login-page .login-story{isolation:isolate;overflow:hidden}.login-page .login-story:after{z-index:0!important}.login-page .login-story:before{content:""!important;z-index:1!important;opacity:.82!important;filter:contrast(1.22)saturate(1.25)drop-shadow(0 0 5px #30d2ff94)drop-shadow(0 0 13px #1e84ff61)!important;pointer-events:none!important;background:url(/app/asm-fiber-network-dotted.svg?v=20260814-090303) 50% 58%/96% no-repeat!important;position:absolute!important;inset:0!important}.login-page .login-story>*{z-index:2;position:relative}}@media (max-width:820px){.login-page{background:radial-gradient(circle at 50% 18%,#35a4f957,#0000 28rem),linear-gradient(160deg,#174c75 0%,#0d3454 55%,#09243d 100%)!important;grid-template-columns:1fr!important;place-items:center!important;min-height:100svh!important;padding:18px 14px!important;display:grid!important;overflow:hidden auto!important}.login-page .login-story{display:none!important}.login-page .login-panel{background:0 0!important;place-items:center!important;width:100%!important;min-height:0!important;padding:0!important;display:grid!important}.login-page .login-card{isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#0f3452e3,#081f34eb)!important;border:1px solid #66b9f44d!important;border-radius:22px!important;width:min(100%,410px)!important;padding:25px 22px 27px!important;position:relative!important;box-shadow:0 24px 70px #0008124d,inset 0 1px #ffffff09!important}.login-page .login-card:before{content:""!important;z-index:0!important;opacity:.34!important;filter:brightness(1.3)contrast(1.22)saturate(1.25)!important;pointer-events:none!important;background:url(/app/asm-indonesia-watermark.svg) 50% 37%/98% no-repeat!important;position:absolute!important;inset:0!important}.login-page .login-card:after{content:""!important;z-index:1!important;opacity:.78!important;filter:brightness(1.22)contrast(1.25)saturate(1.3)drop-shadow(0 0 5px #48dcff8c)!important;pointer-events:none!important;background:url(/app/asm-fiber-network-dotted.svg?v=20260814-090303) 50% 37%/98% no-repeat!important;position:absolute!important;inset:0!important}.login-page .login-card>*{z-index:2;position:relative}.login-page .login-mobile-brand{width:100%!important;margin:0 0 67px!important;display:block!important}.login-page .login-mobile-brand .brand-lockup{aspect-ratio:1032/632!important;filter:saturate(1.48)contrast(1.16)brightness(1.07)drop-shadow(0 7px 18px #0f89ff4d)!important;background:url(/app/asm-logo-full.png) 50%/contain no-repeat!important;width:min(195px,58vw)!important;min-height:0!important;margin:0 auto!important;display:block!important;position:relative!important;overflow:visible!important}.login-page .login-mobile-brand .asm-mark{display:none!important}.login-page .login-mobile-brand .brand-copy{text-align:center!important;flex-direction:column!important;align-items:center!important;width:max-content!important;max-width:90vw!important;margin:0!important;display:flex!important;position:absolute!important;inset:calc(100% + 5px) auto auto 50%!important;transform:translate(-50%)!important}.login-page .login-mobile-brand .brand-copy strong{color:#f3f9ff!important;white-space:nowrap!important;font-size:21px!important;font-weight:850!important;line-height:1.1!important;display:block!important}.login-page .login-mobile-brand .brand-copy span{color:#83b7d8!important;letter-spacing:.15em!important;text-transform:uppercase!important;white-space:nowrap!important;margin-top:7px!important;font-size:8px!important;font-weight:750!important;line-height:1.3!important;display:block!important}.login-page .login-card h2{margin-top:17px!important;font-size:21px!important;line-height:1.2!important}.login-page .login-card>p{font-size:10px!important;line-height:1.55!important}.login-page .input-with-icon input{background:#041626e6!important}}@media (max-width:420px){.login-page{padding:13px 11px!important}.login-page .login-card{border-radius:20px!important;padding:23px 19px 25px!important}.login-page .login-mobile-brand{margin-bottom:63px!important}.login-page .login-mobile-brand .brand-lockup{width:min(182px,56vw)!important}.login-page .login-mobile-brand .brand-copy strong{font-size:20px!important}}.app-shell .theme-toggle{place-items:center;display:grid;position:relative}.app-shell .theme-toggle .theme-glyph{color:#f6c84d;font-family:Arial,sans-serif;font-size:24px;font-weight:400;line-height:1;display:block;transform:translateY(-1px)}.app-shell .theme-toggle:hover{color:#ffd96a!important;background:#f6c84d14!important;border-color:#f6c84d6b!important}.app-shell,.app-shell .sidebar,.app-shell .topbar,.app-shell .content,.app-shell .panel,.app-shell .metric-card,.app-shell .service-pill,.app-shell .icon-button,.app-shell .profile-menu,.app-shell input,.app-shell select,.app-shell textarea{transition:color .22s,background-color .22s,border-color .22s,box-shadow .22s}.app-shell.theme-light{--bg:#eef4f8;--surface:#fff;--surface-2:#f7fafc;--panel:#fff;--line:#d5e2ec;--text:#172b3d;--muted:#667d91;color:#172b3d!important;background:radial-gradient(circle at 78% -10%,#1e88e51f,#0000 38rem),linear-gradient(145deg,#f5f9fc 0%,#edf4f8 55%,#e8f1f7 100%)!important}.app-shell.theme-light .sidebar{box-shadow:8px 0 30px #224a6c12;background:linear-gradient(#fff 0%,#f7fafc 68%,#f1f6fa 100%)!important;border-right-color:#d5e2ec!important}.app-shell.theme-light .sidebar-brand{border-bottom-color:#d9e5ee!important}.app-shell.theme-light .sidebar .brand-copy strong{color:#173047!important}.app-shell.theme-light .sidebar .brand-copy span{color:#70879a!important}.app-shell.theme-light .nav-section{color:#7990a2!important}.app-shell.theme-light .main-nav button{color:#577086!important}.app-shell.theme-light .main-nav button:hover{color:#173047!important;background:#edf5fb!important}.app-shell.theme-light .main-nav button.active{color:#126bb5!important;background:linear-gradient(90deg,#2594ef29,#2594ef0f)!important;border-color:#2389de3d!important;box-shadow:inset 3px 0 #218ee9,0 8px 24px #1e7ecf14!important}.app-shell.theme-light .sidebar-foundation{background:#1db17612!important;border-color:#19a86f38!important}.app-shell.theme-light .sidebar-foundation strong{color:#275747!important}.app-shell.theme-light .sidebar-foundation small{color:#648476!important}.app-shell.theme-light .sidebar-footer{color:#72889a!important}.app-shell.theme-light .topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 7px 25px #264b680f;color:#2c4255!important;background:#ffffffeb!important;border-bottom-color:#d6e2eb!important}.app-shell.theme-light .profile-menu,.app-shell.theme-light .profile-menu span,.app-shell.theme-light .profile-menu strong{color:#20384c!important}.app-shell.theme-light .profile-menu small{color:#71879a!important}.app-shell.theme-light .icon-button,.app-shell.theme-light .mobile-menu{color:#4e687e!important;background:#f8fbfd!important;border-color:#d2e0ea!important}.app-shell.theme-light .icon-button:hover,.app-shell.theme-light .mobile-menu:hover{color:#147bc8!important;background:#eef7fd!important;border-color:#a9cee8!important}.app-shell.theme-light .theme-toggle .theme-glyph{color:#e99d16!important}.app-shell.theme-light .workspace,.app-shell.theme-light .content{color:#172b3d!important}.app-shell.theme-light .page-header h1{color:#162a3d!important}.app-shell.theme-light .page-header p{color:#62798d!important}.app-shell.theme-light .page-header .eyebrow,.app-shell.theme-light .eyebrow{color:#1687da!important}.app-shell.theme-light .service-pill{box-shadow:0 6px 18px #2e4f6a0d;color:#4f687d!important;background:#ffffffe6!important;border-color:#d3e1eb!important}.app-shell.theme-light .metric-card,.app-shell.theme-light .panel,.app-shell.theme-light .table-panel,.app-shell.theme-light .settings-grid>section{color:#253c50!important;background:linear-gradient(145deg,#fffffffa,#f7fbfefa)!important;border-color:#d6e3ec!important;box-shadow:0 14px 36px #274c6912,inset 0 1px #ffffffe6!important}.app-shell.theme-light .metric-card strong,.app-shell.theme-light .metric-card .metric-value{color:#172d40!important}.app-shell.theme-light .metric-card small,.app-shell.theme-light .metric-card p,.app-shell.theme-light .metric-card span{color:#698095}.app-shell.theme-light .panel-header{color:#243b4f!important;background:#f7fafddb!important;border-bottom-color:#d8e4ed!important}.app-shell.theme-light .panel-header h2,.app-shell.theme-light .panel-header strong{color:#20384c!important}.app-shell.theme-light .panel-header p,.app-shell.theme-light .panel-footnote{color:#708598!important}.app-shell.theme-light .empty-state{color:#5e7589!important}.app-shell.theme-light .empty-state h3,.app-shell.theme-light .empty-state strong{color:#253d51!important}.app-shell.theme-light .health-legend>div,.app-shell.theme-light .vendor-list>div,.app-shell.theme-light .info-list>div{border-color:#dce6ee!important}.app-shell.theme-light .health-legend span,.app-shell.theme-light .vendor-list span,.app-shell.theme-light .info-list dt{color:#60778b!important}.app-shell.theme-light .health-legend strong,.app-shell.theme-light .vendor-list strong,.app-shell.theme-light .info-list dd{color:#21394d!important}.app-shell.theme-light table{color:#2a4155!important}.app-shell.theme-light thead,.app-shell.theme-light th{color:#647b8e!important;background:#f5f9fc!important;border-color:#d9e5ed!important}.app-shell.theme-light td{color:#344c60!important;border-color:#dce6ee!important}.app-shell.theme-light td strong{color:#1f374b!important}.app-shell.theme-light td small{color:#718699!important}.app-shell.theme-light tbody tr:hover{background:#f3f8fc!important}.app-shell.theme-light input,.app-shell.theme-light select,.app-shell.theme-light textarea{color:#1c3347!important;background:#fff!important;border-color:#cbdbe6!important}.app-shell.theme-light input::placeholder,.app-shell.theme-light textarea::placeholder{color:#93a5b4!important}.app-shell.theme-light input:focus,.app-shell.theme-light select:focus,.app-shell.theme-light textarea:focus{border-color:#3197e5!important;box-shadow:0 0 0 3px #3197e521!important}.app-shell.theme-light label{color:#435c70!important}.app-shell.theme-light .button.secondary,.app-shell.theme-light .pagination button,.app-shell.theme-light .text-button{color:#2d668f!important;background:#f8fbfd!important;border-color:#cadce8!important}.app-shell.theme-light .button.secondary:hover,.app-shell.theme-light .pagination button:hover,.app-shell.theme-light .text-button:hover{color:#116fb7!important;background:#edf7fd!important;border-color:#9dc9e6!important}.app-shell.theme-light .modal{color:#263e52!important;background:#fff!important;border-color:#d4e1ea!important;box-shadow:0 30px 90px #18385238!important}.app-shell.theme-light .modal h2,.app-shell.theme-light .modal h3{color:#1c3448!important}@media (max-width:820px){.app-shell .theme-toggle{flex:none}.app-shell.theme-light .sidebar{box-shadow:18px 0 50px #22456029}}.modal.wide:has(.olt-settings-form){width:min(1120px,100%)}.olt-settings-layout{grid-template-columns:minmax(0,1fr) 305px;display:grid}.olt-form-error{padding:18px 22px 0}.olt-settings-main{border-right:1px solid var(--line);gap:16px;padding:22px;display:grid}.olt-form-section{background:#05121e6b;border:1px solid #6fa0cb33;border-radius:14px;overflow:hidden}.olt-section-heading{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#258ef017,#258ef004);align-items:center;gap:12px;padding:14px 17px;display:flex}.olt-section-heading>span{color:#63baff;background:#1d89ee1c;border:1px solid #3ea3ff57;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:850;display:grid}.olt-section-heading h3{color:#eaf4fc;margin:0;font-size:13px;font-weight:800}.olt-section-heading p{color:#678096;margin:3px 0 0;font-size:9px;line-height:1.4}.olt-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px;padding:18px;display:grid}.olt-field-grid .span-2{grid-column:span 2}.olt-secret-input{position:relative}.olt-secret-input input{padding-right:92px}.olt-secret-input button{color:#78afd9;cursor:pointer;background:#0d2235;border:1px solid #4f9ee233;border-radius:7px;min-height:31px;padding:0 9px;font-size:8.5px;font-weight:750;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.olt-summary-pane{background:linear-gradient(#1a6fbb0e,#0000 55%);padding:22px}.olt-summary-card{position:sticky;top:82px}.olt-summary-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:17px;display:flex}.olt-summary-icon{color:#39a8ff;background:linear-gradient(145deg,#2791f029,#0a28444d);border:1px solid #399df640;border-radius:16px;flex:0 0 62px;place-items:center;width:62px;height:62px;display:grid}.olt-summary-brand span,.olt-summary-brand strong{display:block}.olt-summary-brand span{color:#4baeff;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:850}.olt-summary-brand strong{color:#eff8ff;margin-top:5px;font-size:18px}.olt-summary-card>h3{color:#edf7ff;margin:20px 0 6px;font-size:17px}.olt-summary-card>p{color:#718aa0;margin:0;font-size:9.5px;line-height:1.55}.olt-summary-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding:12px 0;display:flex}.olt-summary-status>span{color:#7890a5;font-size:9px;font-weight:700}.olt-summary-list{margin:11px 0 0}.olt-summary-list>div{border-bottom:1px solid #6791b51c;grid-template-columns:78px minmax(0,1fr);gap:8px;padding:10px 0;display:grid}.olt-summary-list dt{color:#607b92;font-size:8.5px}.olt-summary-list dd{overflow-wrap:anywhere;color:#c5d7e5;text-align:right;margin:0;font-size:8.5px;font-weight:700}.olt-detection-note{color:#43d79b;background:#20b2740b;border:1px solid #30cd8b29;border-radius:11px;gap:10px;margin-top:17px;padding:13px;display:flex}.olt-detection-note svg{flex:none}.olt-detection-note strong,.olt-detection-note span{display:block}.olt-detection-note strong{color:#99dbc0;font-size:9px}.olt-detection-note span{color:#658b7d;margin-top:5px;font-size:8px;line-height:1.5}.olt-form-actions{z-index:3;border-top:1px solid var(--line);background:#0b1928;justify-content:space-between;align-items:center;gap:18px;padding:15px 22px;display:flex;position:sticky;bottom:0;box-shadow:0 -16px 36px #00000029}.olt-form-actions>div{color:#6d8aa2;align-items:center;gap:8px;font-size:8.5px;display:flex}.olt-form-actions>div svg{color:#42ca92}.olt-form-actions>span{gap:9px;display:flex}.app-shell.theme-light .olt-form-section{background:#f9fcfe;border-color:#d7e4ed}.app-shell.theme-light .olt-section-heading{background:linear-gradient(90deg,#edf7ff,#f8fcff);border-color:#dbe7ef}.app-shell.theme-light .olt-section-heading h3,.app-shell.theme-light .olt-summary-card>h3,.app-shell.theme-light .olt-summary-brand strong{color:#17354d}.app-shell.theme-light .olt-summary-pane{background:linear-gradient(#f1f8fd,#fff 60%)}.app-shell.theme-light .olt-secret-input button{color:#276a9d;background:#edf7fd;border-color:#c9deec}.app-shell.theme-light .olt-summary-list dd{color:#31536c}.app-shell.theme-light .olt-form-actions{background:#fff;border-color:#d7e4ed;box-shadow:0 -14px 32px #1e4b6d14}@media (max-width:900px){.olt-settings-layout{grid-template-columns:1fr}.olt-settings-main{border-right:0}.olt-summary-pane{border-top:1px solid var(--line)}.olt-summary-card{position:static}}@media (max-width:600px){.olt-settings-main,.olt-summary-pane{padding:14px}.olt-field-grid{grid-template-columns:1fr;gap:15px;padding:15px}.olt-field-grid .span-2{grid-column:span 1}.olt-section-heading{align-items:flex-start;padding:13px 14px}.olt-form-actions{flex-direction:column;align-items:stretch;padding:13px 14px}.olt-form-actions>span{grid-template-columns:1fr;display:grid}.olt-form-actions .button{width:100%}}.onu-inventory-table{min-width:1260px}.onu-inventory-table td:first-child{min-width:190px}.onu-inventory-table td:nth-child(2){min-width:170px;max-width:240px}.onu-inventory-table td:nth-child(2) small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onu-detail-content{gap:18px;display:grid}.onu-detail-content .info-list{grid-template-columns:repeat(2,minmax(0,1fr))}.onu-detail-content .info-list>div{min-width:0}@media (max-width:720px){.onu-detail-content .info-list{grid-template-columns:1fr}}.onu-inventory-table th:last-child,.onu-inventory-table td:last-child{z-index:3;background:var(--surface);min-width:112px;position:sticky;right:0;box-shadow:-12px 0 18px #020c1838}.onu-inventory-table th:last-child{z-index:4;background:var(--surface-strong,var(--surface))}.onu-inventory-table td.table-actions{white-space:nowrap}@media (min-width:821px){.app-shell{display:block}.app-shell>.sidebar,.app-shell>.sidebar-overlay{display:none}.workspace{width:100%;margin-left:0}.topbar{min-height:72px;padding:0 clamp(22px,3vw,52px)}.topbar-left{flex:1;gap:clamp(20px,2.3vw,42px);min-width:0}.topbar-brand{cursor:pointer;background:0 0;border:0;flex:none;padding:0}.topbar-brand .brand-lockup{gap:9px}.topbar-brand .asm-mark{border-radius:11px;width:38px;height:38px}.topbar-brand .brand-copy strong{white-space:nowrap;font-size:13px}.topbar-brand .brand-copy span{white-space:nowrap;font-size:8px}.horizontal-nav{align-self:stretch;align-items:center;gap:3px;min-width:0;display:flex}.horizontal-nav>button,.settings-menu>button{color:#8298ad;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-self:stretch;align-items:center;gap:7px;padding:0 clamp(10px,1.2vw,18px);font-size:10px;font-weight:700;transition:all .18s;display:flex;position:relative}.horizontal-nav>button:hover,.settings-menu>button:hover{color:#dbeeff;background:#ffffff06}.horizontal-nav>button.active,.settings-menu>button.active{border-bottom-color:var(--blue);color:#edf7ff;background:linear-gradient(#268fff14,#268fff06)}.horizontal-nav .nav-dot{width:5px;height:5px;position:absolute;top:20px;right:7px}.settings-menu{align-self:stretch;display:flex;position:relative}.settings-dropdown{z-index:70;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081422fa;border-radius:0 0 13px 13px;width:255px;max-height:min(70vh,620px);padding:8px;position:absolute;top:calc(100% - 2px);right:0;overflow-y:auto;box-shadow:0 26px 65px #0000006b}.settings-dropdown>button{color:#7890a7;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:55px;padding:9px 11px;display:flex}.settings-dropdown>button:hover,.settings-dropdown>button.active{color:#e5f3ff;background:#268fff17;border-color:#268fff26}.settings-dropdown>button>svg{color:#54b3ff;flex:none}.settings-dropdown strong,.settings-dropdown small{display:block}.settings-dropdown strong{font-size:10px}.settings-dropdown small{color:#587087;margin-top:4px;font-size:7.5px;font-weight:500}.content{width:min(1800px,100%);padding-left:clamp(24px,3.3vw,58px);padding-right:clamp(24px,3.3vw,58px)}}.settings-tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:4px;margin:0 0 22px;padding:0 4px;display:flex;overflow-x:auto}.settings-tabs button{min-height:48px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:0 18px;font-weight:800}.settings-tabs button:hover{color:var(--text);background:color-mix(in srgb, var(--primary) 7%, transparent)}.settings-tabs button.active{border-bottom-color:var(--primary);color:var(--text);background:color-mix(in srgb, var(--primary) 11%, transparent)}.user-action-bar{flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:14px 16px;display:flex}.user-action-bar .button{min-height:40px}.metric-card.blue{background:linear-gradient(135deg,#1268c957,#081e37f5);border-color:#268fff4d}.metric-card.green{background:linear-gradient(135deg,#119b5e4d,#072621f5);border-color:#32d7904d}.metric-card.amber{background:linear-gradient(135deg,#d2780e4d,#311e09f5);border-color:#ffae3157}.metric-card.blue .metric-icon{box-shadow:0 0 25px #268fff33}.metric-card.green .metric-icon{box-shadow:0 0 25px #32d7902e}.metric-card.amber .metric-icon{box-shadow:0 0 25px #ffae3133}@media (max-width:1060px) and (min-width:821px){.horizontal-nav>button svg,.settings-menu>button>svg:first-child{display:none}.horizontal-nav>button,.settings-menu>button{padding-left:9px;padding-right:9px;font-size:9px}.topbar-right .profile-menu>span:nth-child(2),.topbar-right .profile-menu>svg{display:none}}@media (max-width:820px){.topbar-brand,.horizontal-nav{display:none}}.metric-card{border-width:1px;align-items:center;min-height:116px;padding:20px;box-shadow:inset 0 1px #ffffff1f,0 16px 38px #0000003d}.metric-card:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff21,#0000 37%);position:absolute;inset:0}.metric-card:after{opacity:.17;filter:blur(1px);width:145px;height:145px;top:-78px;right:-52px}.metric-card.blue{color:#fff;background:radial-gradient(circle at 88% 8%,#48b5ff6b,#0000 38%),linear-gradient(135deg,#0876dd 0%,#0756aa 100%);border-color:#1687f4}.metric-card.cyan{color:#fff;background:radial-gradient(circle at 88% 8%,#6ce7ff66,#0000 38%),linear-gradient(135deg,#009dc8 0%,#087593 100%);border-color:#13bfe9}.metric-card.green{color:#fff;background:radial-gradient(circle at 88% 8%,#69ffba61,#0000 38%),linear-gradient(135deg,#0dbd68 0%,#087445 100%);border-color:#20d37f}.metric-card.amber{color:#fff;background:radial-gradient(circle at 88% 8%,#ffdd756b,#0000 38%),linear-gradient(135deg,#f39718 0%,#bd5f08 100%);border-color:#ffad27}.metric-card .metric-icon{z-index:1;color:#fff;background:#00000024;border-color:#ffffff8c;width:46px;height:46px;position:relative;box-shadow:inset 0 1px #ffffff29,0 9px 24px #00000024}.metric-card>div:last-child{z-index:1;position:relative}.metric-card span{color:#ffffffc7;font-size:9.5px;font-weight:700}.metric-card strong{color:#fff;text-shadow:0 2px 12px #00000038;margin-top:3px;font-size:29px;font-weight:800}.metric-card small{color:#ffffffb8;margin-top:6px;font-size:8.5px;font-weight:550}.metric-card.blue:hover,.metric-card.cyan:hover,.metric-card.green:hover,.metric-card.amber:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff26,0 19px 44px #0000004d}.app-shell.theme-light .metric-card.blue,.app-shell.theme-light .metric-card.cyan,.app-shell.theme-light .metric-card.green,.app-shell.theme-light .metric-card.amber{border-width:1px}.app-shell.theme-light .metric-card span,.app-shell.theme-light .metric-card strong,.app-shell.theme-light .metric-card small{color:#fff}.olt-health-panel{overflow:hidden}.olt-health-list{align-content:center;gap:12px;min-height:225px;padding:17px;display:grid}.olt-health-card{background:radial-gradient(circle at 95% 0,#2d9aff1f,#0000 34%),#06121f9e;border:1px solid #3399ff2e;border-radius:14px;overflow:hidden}.olt-health-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:14px 15px;display:flex}.olt-health-heading>div:first-child{min-width:0}.olt-health-heading strong,.olt-health-heading small{display:block}.olt-health-heading strong{color:#e5f3ff;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.olt-health-heading small{color:#547087;margin-top:4px;font-size:8px}.olt-vendor{color:#48adff;letter-spacing:.12em;font-size:8px;font-weight:850}.olt-health-metrics{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.olt-health-metrics>div{border-right:1px solid var(--line);min-width:0;padding:14px}.olt-health-metrics>div:last-child{border-right:0}.olt-health-metrics span,.olt-health-metrics strong,.olt-health-metrics small{display:block}.olt-health-metrics span{color:#607a91;text-transform:uppercase;font-size:7.5px;font-weight:700}.olt-health-metrics strong{color:#e4f2ff;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:clamp(12px,1.25vw,17px);overflow:hidden}.olt-health-metrics small{color:#506b81;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:7px;overflow:hidden}.olt-health-metrics .normal strong{color:var(--green)}.olt-health-metrics .warning strong{color:var(--amber)}.olt-health-metrics .danger strong{color:var(--red)}.olt-health-footer{border-top:1px solid var(--line);color:#49647a;background:#0000001f;justify-content:space-between;gap:12px;padding:8px 14px;font-size:7px;display:flex}.app-shell.theme-light .olt-health-card{background:radial-gradient(circle at 95% 0,#2d9aff21,#0000 34%),#f7fbfff5;border-color:#1f7edb33}.app-shell.theme-light .olt-health-heading strong,.app-shell.theme-light .olt-health-metrics strong{color:#16344d}.app-shell.theme-light .olt-health-metrics .normal strong{color:#07985b}.app-shell.theme-light .olt-health-metrics .warning strong{color:#c36d00}.app-shell.theme-light .olt-health-metrics .danger strong{color:#d6384f}@media (max-width:600px){.olt-health-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.olt-health-metrics>div:nth-child(2){border-right:0}.olt-health-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}.metric-card.clickable{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;outline:none}.metric-card.clickable:focus-visible{box-shadow:0 0 0 3px #38bdf859}.metric-card.clickable:active{transform:translateY(0)scale(.995)}.horizontal-nav>button.planned{opacity:.58;cursor:default}.horizontal-nav>button.planned:hover{color:inherit;background:0 0}.horizontal-nav>button.planned:after{content:"";opacity:.55;background:#238cff;border-radius:50%;width:4px;height:4px;position:absolute;bottom:8px;left:50%}.configured-filters{border-bottom:1px solid var(--line);background:#071423;padding:14px 16px 10px}.configured-filter-row{align-items:center;column-gap:12px;width:100%;margin-bottom:10px;display:grid}.configured-filter-row.primary{grid-template-columns:max-content minmax(240px,1.8fr) max-content minmax(156px,1fr) max-content minmax(156px,1fr) max-content minmax(156px,1fr) max-content minmax(156px,1fr) max-content minmax(156px,1fr) max-content minmax(156px,1fr)}.configured-filter-row.second{grid-template-columns:max-content minmax(156px,1fr) max-content minmax(156px,1fr) max-content minmax(156px,1fr) max-content minmax(156px,1fr) max-content minmax(156px,1fr) max-content minmax(156px,1fr) max-content minmax(156px,1.8fr)}.configured-filter-row.second .configured-sensors{grid-column:9/-1}.configured-filter-row>.configured-field{display:contents}.configured-field{flex-direction:row;align-items:center;gap:8px;min-width:0;display:flex}.configured-field>span{color:#d7e6f6;white-space:nowrap;font-size:14px;font-weight:600}.configured-field input,.configured-field select{color:#e9f4ff;background:#0e2438;border:1px solid #3a6288;border-radius:4px;width:100%;min-width:0;height:40px;padding:0 12px;font-size:15px}.configured-sensors{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;min-width:0;display:flex}.configured-sensor{color:#9db0c4;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:30px;height:30px;padding:0;display:inline-grid}.configured-sensor.is-on{outline:1px solid #4aa3ff}.configured-sensor.online{color:#2fce57}.configured-sensor.power{color:#c5d0dc}.configured-sensor.los{color:#ff5a63}.configured-sensor.offline{color:#8ea0b3}.configured-sensor.bars{align-items:end;gap:2px;padding-bottom:7px;display:inline-flex}.configured-sensor.bars i,.configured-signal-bars i{background:currentColor;width:3px;display:block}.configured-sensor.bars i:first-child,.configured-signal-bars i:first-child{height:4px}.configured-sensor.bars i:nth-child(2),.configured-signal-bars i:nth-child(2){height:7px}.configured-sensor.bars i:nth-child(3),.configured-signal-bars i:nth-child(3){height:10px}.configured-sensor.bars i:nth-child(4),.configured-signal-bars i:nth-child(4){height:13px}.configured-sensor.good{color:#2fce57}.configured-sensor.warning{color:#f0c84a}.configured-sensor.critical{color:#ff5a63}.configured-sensor.letter{color:#fff;background:#1a73e8;border-radius:3px;width:28px;height:28px;font-size:12px;font-weight:800}.configured-sensor.router{color:#fff;background:#1a73e8}.configured-sensor.list{color:#49a6ff}.configured-toolbar-foot{align-items:center;gap:14px;margin-top:8px;display:flex}.configured-pages{gap:4px;display:flex}.configured-pages button{color:#d5e7f8;cursor:pointer;background:#10263d;border:1px solid #2c4d70;border-radius:3px;min-width:28px;height:28px}.configured-pages button.is-current{background:#1a73e8;border-color:#1a73e8}.configured-transfer{color:#49a6ff;cursor:pointer;background:0 0;border:0;margin-left:auto}.configured-transfer-panel{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;font-size:12px;display:flex}.configured-transfer-panel p{flex-basis:100%;margin:0}.configured-import{position:relative;overflow:hidden}.configured-import input{opacity:0;cursor:pointer;position:absolute;inset:0}.configured-date-label{color:#7f93a8;font-size:10px;font-weight:600;display:block}.configured-filter-grid{align-items:end;gap:12px;display:grid}.configured-filter-grid.primary{grid-template-columns:minmax(260px,1.8fr) repeat(4,minmax(125px,1fr))}.configured-filter-grid.secondary{grid-template-columns:repeat(5,minmax(130px,1fr)) auto;margin-top:12px}.configured-filter-grid label>span{color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.configured-filter-grid input,.configured-filter-grid select,.configured-search .search-box{width:100%}.configured-more{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:12px auto 0;display:flex}.configured-more svg{transition:transform .2s}.configured-more svg.rotate{transform:rotate(180deg)}.configured-filter-actions{align-items:end;gap:8px;display:flex}.configured-result-count{color:var(--muted);text-align:right;margin-top:14px;font-size:11px;font-weight:700}.configured-table-scroll{overflow-x:auto}.configured-table-scroll .onu-inventory-table{table-layout:auto;min-width:1540px}.configured-table-scroll .onu-inventory-table th{color:#aebed0;text-transform:none;letter-spacing:0;white-space:nowrap;padding:13px 12px;font-size:12px}.configured-table-scroll .onu-inventory-table td{vertical-align:middle;white-space:normal;background:#071628;border-bottom:1px solid #7eb2e657;padding:16px 12px!important}.configured-table-scroll .onu-inventory-table tbody tr:nth-child(2n) td{background:#123864}.configured-table-scroll .onu-inventory-table tbody tr:hover td{background:#1a4a80}.app-shell.theme-light .configured-table-scroll .onu-inventory-table td{background:#e7f1f8;border-bottom-color:#b7cfe2}.app-shell.theme-light .configured-table-scroll .onu-inventory-table tbody tr:nth-child(2n) td{background:#d3e6f4}.app-shell.theme-light .configured-table-scroll .onu-inventory-table tbody tr:hover td{background:#c3dcf0}.configured-table-scroll .onu-inventory-table th:last-child,.configured-table-scroll .onu-inventory-table td:last-child{z-index:auto;box-shadow:none;background:0 0;position:static;right:auto}.configured-table-scroll .onu-inventory-table th:first-child,.configured-table-scroll .onu-inventory-table td:first-child{width:54px;min-width:54px}.configured-table-scroll .onu-inventory-table th:nth-child(2),.configured-table-scroll .onu-inventory-table td:nth-child(2){width:82px;min-width:82px}.configured-table-scroll .onu-inventory-table th:nth-child(3),.configured-table-scroll .onu-inventory-table td:nth-child(3){width:220px;min-width:220px}.configured-table-scroll .onu-inventory-table th:nth-child(4),.configured-table-scroll .onu-inventory-table td:nth-child(4){width:150px;min-width:150px}.configured-table-scroll .onu-inventory-table th:nth-child(5),.configured-table-scroll .onu-inventory-table td:nth-child(5){width:205px;min-width:205px}.configured-table-scroll .onu-inventory-table th:nth-child(6),.configured-table-scroll .onu-inventory-table td:nth-child(6){width:115px;min-width:115px}.configured-table-scroll .onu-inventory-table th:nth-child(7),.configured-table-scroll .onu-inventory-table td:nth-child(7){width:85px;min-width:85px}.configured-table-scroll .onu-inventory-table th:nth-child(8),.configured-table-scroll .onu-inventory-table td:nth-child(8){width:105px;min-width:105px}.configured-table-scroll .onu-inventory-table th:nth-child(n+9),.configured-table-scroll .onu-inventory-table td:nth-child(n+9){width:auto;min-width:72px}.configured-table-scroll .onu-state{min-width:38px}.configured-table-scroll .onu-state>span:last-child{display:none}.configured-table-scroll .onu-state.online{color:#2fce57}.configured-table-scroll .onu-state.power,.configured-table-scroll .onu-state.offline,.configured-table-scroll .onu-state.disabled,.configured-table-scroll .onu-state.unknown{color:#9aa7b4}.configured-table-scroll .onu-state.los{color:#ff3b3b}.configured-table-scroll .onu-state-ball{width:34px;height:34px;box-shadow:none;background:#07162847;border:1px solid #a8c0d88c;border-radius:8px;flex-basis:34px}.app-shell.theme-light .configured-table-scroll .onu-state-ball{background:#f4f8fb;border-color:#c5d3e0}.configured-table-scroll .onu-inventory-table td small{font-size:13px;line-height:1.35}.configured-table-scroll .onu-inventory-table td.configured-serial,.configured-table-scroll .onu-inventory-table td.mono,.configured-table-scroll .onu-inventory-table td:nth-child(7){font-size:13px}.configured-serial{color:#8fcbff;white-space:nowrap!important}.configured-inline-edit{color:#62baff;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:1px;padding:0;font-size:10px;display:block}.configured-signal-cell{color:#c5d8eb;white-space:nowrap!important}.configured-signal-bars{align-items:end;gap:2px;height:14px;margin-bottom:3px;display:flex}.configured-signal-bars.good{color:#32d34f}.configured-signal-bars.warning{color:#f4a11a}.configured-signal-bars.critical{color:#ff3e48}.configured-mode-badge{color:#fff;white-space:nowrap;background:#1a73e8;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.configured-mode-badge.bridge{background:#1f6fbf}.configured-date-cell{color:#c5d8eb;min-width:130px;font-size:12px}.configured-date-cell small{color:#7f93a8;margin-bottom:4px;font-size:10px;display:block}@media (max-width:1180px){.configured-filter-grid.primary,.configured-filter-grid.secondary{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (max-width:720px){.configured-filter-grid.primary,.configured-filter-grid.secondary{grid-template-columns:1fr}.configured-filter-actions{flex-wrap:wrap}}.configured-filter-grid input,.configured-filter-grid select{color:#dcecff;background-color:#081b2e;border:1px solid #1d3b58;border-radius:9px;outline:none;min-height:42px;padding:0 13px;transition:border-color .18s,background-color .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff06,0 7px 18px #00000014}.configured-filter-grid input::placeholder{color:#698097;opacity:1}.configured-filter-grid input:hover,.configured-filter-grid select:hover{background-color:#0a2036;border-color:#2a5478}.configured-filter-grid input:focus,.configured-filter-grid select:focus{background-color:#0a2138;border-color:#238cff;box-shadow:0 0 0 3px #238cff24}.configured-filter-grid select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}.configured-filter-grid select option{color:#dcecff;background:#081b2e}.app-shell.theme-light .configured-filter-grid input,.app-shell.theme-light .configured-filter-grid select{color:#15324c;background-color:#edf6fd;border-color:#b9d1e5}.app-shell.theme-light .configured-filter-grid select option{color:#15324c;background:#edf6fd}.onu-inventory-table{font-size:13px}.onu-inventory-table th{font-size:11px}.onu-inventory-table td>strong{font-size:13px}.onu-inventory-table td>small{margin-top:4px;font-size:10.5px}.onu-state{align-items:center;gap:9px;min-width:142px;display:inline-flex}.onu-state-ball{background:color-mix(in srgb, currentColor 14%, transparent);width:31px;height:31px;box-shadow:0 0 16px color-mix(in srgb, currentColor 20%, transparent);border:1px solid;border-radius:50%;flex:0 0 31px;justify-content:center;align-items:center;display:inline-flex}.onu-state>span:last-child{min-width:0}.onu-state strong,.onu-state small{display:block}.onu-state strong{color:currentColor;font-size:12px;line-height:1.2}.onu-state small{color:#7890a5;white-space:nowrap;margin-top:3px;font-size:9.5px}.onu-state.online{color:#32dc91}.onu-state.power{color:#ffad35}.onu-state.los{color:#ff5265}.onu-state.offline{color:#8d9baa}.onu-state.disabled{color:#697887}.onu-state.unknown{color:#a58cff}.onu-view-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1687f4,#0867bd);border:1px solid #1687f4;border-radius:7px;min-width:62px;padding:8px 13px;font-size:12px;font-weight:750}.onu-view-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.onu-inventory-table{table-layout:auto;width:100%;min-width:1580px}.onu-inventory-table th{white-space:nowrap}.onu-inventory-table th:first-child,.onu-inventory-table td:first-child{width:165px;min-width:165px}.onu-inventory-table th:nth-child(2),.onu-inventory-table td:nth-child(2){width:82px;min-width:82px;max-width:none}.onu-inventory-table th:nth-child(3),.onu-inventory-table td:nth-child(3){width:220px;min-width:220px}.onu-inventory-table th:nth-child(4),.onu-inventory-table td:nth-child(4){width:205px;min-width:205px}.onu-inventory-table th:nth-child(5),.onu-inventory-table td:nth-child(5){width:190px;min-width:190px}.onu-inventory-table th:nth-child(6),.onu-inventory-table td:nth-child(6){width:115px;min-width:115px}.onu-inventory-table th:nth-child(7),.onu-inventory-table td:nth-child(7),.onu-inventory-table th:nth-child(8),.onu-inventory-table td:nth-child(8){width:105px;min-width:105px}.onu-inventory-table th:nth-child(9),.onu-inventory-table td:nth-child(9){width:90px;min-width:90px}.onu-inventory-table th:nth-child(10),.onu-inventory-table td:nth-child(10){width:75px;min-width:75px}.onu-inventory-table th:nth-child(11),.onu-inventory-table td:nth-child(11){width:72px;min-width:72px}.onu-inventory-table td:nth-child(2) small{white-space:normal;overflow:visible}.onu-inventory-table td.table-actions{justify-content:center}@media (min-width:821px){.topbar{min-height:76px}.topbar-brand .brand-lockup{gap:11px}.topbar-brand .asm-official-symbol{object-fit:contain;filter:drop-shadow(0 7px 14px #0f82ff33);flex:0 0 44px;width:44px;height:44px;display:block}.topbar-brand .brand-copy strong{letter-spacing:-.015em;font-size:15px;font-weight:800}.topbar-brand .brand-copy span{letter-spacing:.025em;margin-top:3px;font-size:9.5px;font-weight:600}.horizontal-nav>button,.settings-menu>button{letter-spacing:.005em;font-size:12px;font-weight:750}}@media (max-width:1180px) and (min-width:821px){.horizontal-nav>button,.settings-menu>button{padding-left:9px;padding-right:9px;font-size:10.5px}.topbar-brand .brand-copy strong{font-size:14px}.topbar-brand .brand-copy span{font-size:8.5px}}.brand-lockup .asm-official-symbol{object-fit:contain;flex:0 0 48px;width:48px;height:48px;display:block}.horizontal-nav .nav-dot,.horizontal-nav>button:after,.settings-menu>button:after{content:none!important;display:none!important}.horizontal-nav>button,.settings-menu>button{color:#b5c5d5;text-shadow:0 1px 8px #78beff21;font-weight:800}.horizontal-nav>button:hover,.settings-menu>button:hover{color:#fff;text-shadow:0 0 12px #43a6ff57}.horizontal-nav>button.active,.settings-menu>button.active{color:#fff;text-shadow:0 1px #ffffff1f,0 0 14px #37a3ff47;font-weight:850}.horizontal-nav>button.planned{color:#8298ac;opacity:.82}.topbar-brand .brand-copy strong{color:#fff;text-shadow:0 1px 10px #53afff29;font-weight:850}.topbar-brand .brand-copy span{color:#91a8bc;font-weight:650}@media (min-width:1181px){.horizontal-nav>button,.settings-menu>button,.horizontal-nav>button.planned{color:#c6d4df;opacity:1;letter-spacing:0;text-shadow:0 1px 8px #64afeb1f;min-height:76px;padding-left:15px;padding-right:15px;font-size:13px;font-weight:800;line-height:1}.horizontal-nav>button:hover,.settings-menu>button:hover,.horizontal-nav>button.planned:hover{color:#fff;opacity:1}.horizontal-nav>button.active,.settings-menu>button.active{color:#fff;opacity:1;font-size:13px;font-weight:850}.settings-menu>button>svg{width:17px;height:17px}}.horizontal-nav>button.planned{opacity:1}.topbar-right{font-weight:700}.onu-device-hero{background:radial-gradient(circle at 50% 10%,#2688ff29,#0000 42%),linear-gradient(135deg,#081e38f5,#051324fa);border:1px solid #409eff2e;border-radius:16px;grid-template-columns:minmax(220px,.86fr) minmax(360px,1.35fr) minmax(220px,.82fr);gap:18px;min-height:270px;padding:18px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.onu-hero-identity,.onu-live-summary{align-self:center}.onu-eyebrow,.onu-section-kicker{color:#4b9eea;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:850}.onu-hero-identity h3{color:#edf7ff;margin:9px 0 5px;font-size:20px;line-height:1.15}.onu-hero-identity>p{color:#7f9ab2;margin:0 0 18px;font-size:10px}.onu-position-chip{background:#ffffff06;border:1px solid #5387b429;border-radius:10px;justify-content:space-between;gap:14px;margin-top:8px;padding:9px 11px;display:flex}.onu-position-chip span{color:#66829a;font-size:8px}.onu-position-chip strong{color:#c8d9e7;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.onu-device-visual{text-align:center;flex-direction:column;align-self:center;align-items:center;min-width:0;display:flex}.onu-device-visual img{object-fit:contain;filter:drop-shadow(0 18px 25px #00000057)drop-shadow(0 0 20px #3496ff17);width:min(100%,440px);height:188px}.onu-device-placeholder{color:#47769e;border:1px dashed #50a0e638;border-radius:14px;place-items:center;width:100%;height:165px;font-weight:850;display:grid}.onu-device-visual strong{color:#e2eef8;margin-top:3px;font-size:12px}.onu-device-visual span{color:#78a4c9;margin-top:4px;font-size:8.5px}.onu-device-visual small{color:#526f88;margin-top:3px;font-size:7.5px}.onu-live-summary{background:#03101e85;border:1px solid #5193cc29;border-radius:14px;padding:14px}.onu-live-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.onu-live-heading>span{color:#7892a8;font-size:8px}.onu-signal-main small{color:#658096;font-size:8px;display:block}.onu-signal-main strong{color:#f0f7fc;letter-spacing:-.04em;margin:4px 0 7px;font-size:23px;display:block}.onu-signal-quality{border-radius:999px;padding:4px 7px;font-size:7px;font-weight:850;display:inline-flex}.onu-signal-quality.good{color:#36dfa0;background:#36dfa017}.onu-signal-quality.warning{color:#ffbe58;background:#ffbe581a}.onu-signal-quality.critical{color:#ff7182;background:#ff71821a}.onu-signal-quality.unknown{color:#7890a4;background:#7890a41a}.onu-hero-facts{grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0 0;display:grid}.onu-hero-facts>div{text-align:center;background:#ffffff06;border-radius:8px;padding:8px 5px}.onu-hero-facts dt{color:#57738b;font-size:6.7px}.onu-hero-facts dd{color:#bcd0df;margin:4px 0 0;font-size:7.8px;font-weight:750}.onu-detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.onu-detail-card{background:#071626ad;border:1px solid #4682b426;border-radius:14px;overflow:hidden}.onu-detail-card>header{border-bottom:1px solid #4682b41f;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px 12px;display:flex}.onu-detail-card h4{color:#dceaf5;margin:4px 0 0;font-size:12px}.onu-compact-list{margin:0;padding:4px 16px 10px}.onu-compact-list>div{border-bottom:1px solid #4682b41a;justify-content:space-between;gap:20px;min-width:0;padding:10px 0;display:flex}.onu-compact-list>div:last-child{border:0}.onu-compact-list dt{color:#617b91;font-size:8px}.onu-compact-list dd{color:#bbcedd;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:64%;margin:0;font-size:8.5px;font-weight:680;overflow:hidden}.onu-ip-value{color:#65b7ff!important}.onu-forward-link{color:#ddecf8;background:linear-gradient(135deg,#1e8bf133,#1056ab21);border:1px solid #41a6ff4d;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;margin:0 14px 14px;padding:11px 13px;text-decoration:none;transition:all .18s;display:flex}.onu-forward-link:hover{background:#1f8ef238;border-color:#50b4ff8c;transform:translateY(-1px)}.onu-forward-link span{gap:3px;display:grid}.onu-forward-link strong{font-size:9px}.onu-forward-link small{color:#7194b1;font-size:7px}.onu-forward-link b{color:#58afff;font-size:16px}.onu-metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.onu-metric-strip article{background:#ffffff05;border:1px solid #4884b824;border-radius:11px;min-width:0;padding:12px 13px}.onu-metric-strip span,.onu-metric-strip small{color:#58738a;text-overflow:ellipsis;white-space:nowrap;font-size:7px;display:block;overflow:hidden}.onu-metric-strip strong{color:#d8e7f2;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 4px;font-size:12px;display:block;overflow:hidden}.onu-detail-actions{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081626f5;border-top:1px solid #4682b424;margin:0 -18px -18px;padding:13px 18px;position:sticky;bottom:-18px}@media (max-width:900px){.onu-device-hero{grid-template-columns:1fr 1.25fr}.onu-live-summary{grid-column:1/-1}.onu-device-visual img{height:160px}}@media (max-width:680px){.modal.wide:has(.onu-detail-dashboard){width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.onu-detail-dashboard{padding:10px}.onu-device-hero,.onu-detail-columns,.onu-metric-strip{grid-template-columns:1fr}.onu-device-hero{padding:14px}.onu-device-visual{order:-1}.onu-device-visual img{height:145px}.onu-live-summary{grid-column:auto}.onu-metric-strip{grid-template-columns:repeat(2,1fr)}.onu-detail-actions{margin:0 -10px -10px;padding:10px;bottom:-10px}.onu-detail-actions .button{width:100%}}.onu-secret-value{justify-content:flex-end;align-items:center;gap:10px;display:flex;max-width:72%!important;overflow:visible!important}.onu-secret-value>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onu-secret-eye{color:#43a9f5;cursor:pointer;background:#2589de14;border:1px solid #45a0ef38;border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:30px;padding:0;transition:all .17s;display:inline-grid}.onu-secret-eye:hover{color:#89ccff;background:#2a92ec29;border-color:#52b1ff7a}.onu-secret-eye:disabled{cursor:wait;opacity:.48}.onu-secret-error{color:#ff9aa8;background:#ff5a6f11;border:1px solid #ff677a38;border-radius:9px;margin:0 18px 12px;padding:10px 12px;font-size:10px}:is(.modal.wide:has(.onu-detail-dashboard),.modal.wide:has(.onu-detail-dashboard) *){font-family:inherit}.modal.wide:has(.onu-detail-dashboard){width:min(1180px,100vw - 32px);max-height:calc(100vh - 28px)}.modal.wide:has(.onu-detail-dashboard)>header{padding:18px 22px}.modal.wide:has(.onu-detail-dashboard)>header h2{font-size:19px;font-weight:800;line-height:1.25}.modal.wide:has(.onu-detail-dashboard)>header p{margin-top:5px;font-size:12px;font-weight:550;line-height:1.4}.onu-detail-dashboard{gap:16px;padding:16px 18px 18px}.onu-device-hero{grid-template-columns:minmax(220px,.86fr) minmax(350px,1.35fr) minmax(230px,.86fr);gap:18px;min-height:270px;padding:18px}.onu-eyebrow,.onu-section-kicker{letter-spacing:.1em!important;font-size:10px!important;font-weight:800!important;line-height:1.35!important}.onu-hero-identity h3{margin:8px 0 5px;font-size:20px;font-weight:800;line-height:1.2}.onu-hero-identity>p{margin-bottom:17px;font-size:11.5px;font-weight:550;line-height:1.4}.onu-position-chip{align-items:center;min-height:43px;margin-top:8px;padding:9px 11px}.onu-position-chip span,.onu-live-heading>span,.onu-signal-main small{font-size:11px!important;font-weight:600!important;line-height:1.35!important}.onu-position-chip strong{font-size:12.5px!important;font-weight:750!important;line-height:1.35!important}.onu-device-visual img{width:min(100%,430px);height:185px}.onu-device-visual strong{margin-top:4px;font-size:14px!important;font-weight:800!important;line-height:1.35!important}.onu-device-visual span{margin-top:4px;font-size:11px!important;font-weight:600!important;line-height:1.35!important}.onu-device-visual small{margin-top:3px;font-size:10px!important;font-weight:500!important;line-height:1.35!important}.onu-live-summary{padding:15px}.onu-signal-main{margin-top:16px}.onu-signal-main strong{margin:5px 0 8px;font-size:24px;font-weight:800;line-height:1.15}.onu-signal-quality{padding:5px 8px;font-size:10px!important;font-weight:800!important}.onu-hero-facts{gap:7px;margin-top:16px}.onu-hero-facts>div{align-content:center;min-height:55px;padding:8px 5px;display:grid}.onu-hero-facts dt{font-size:10px!important;font-weight:600!important;line-height:1.3!important}.onu-hero-facts dd{margin-top:4px;font-size:11.5px!important;font-weight:750!important;line-height:1.3!important}.onu-detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.onu-detail-columns .onu-detail-card{border-color:#419be638;border-radius:15px;box-shadow:0 14px 32px #00000029}.onu-detail-columns .onu-detail-card>header{min-height:66px;padding:12px 17px}.onu-detail-columns .onu-detail-card h4{margin-top:4px;font-size:16px!important;font-weight:800!important;line-height:1.3!important}.onu-detail-columns .onu-detail-card>header>span:last-child{padding:5px 9px;font-size:10.5px!important;font-weight:800!important}.onu-detail-columns .onu-compact-list{padding:5px 12px 12px}.onu-detail-columns .onu-compact-list>div{background:#ffffff05;border:1px solid #4997d824;border-radius:9px;grid-template-columns:minmax(128px,34%) minmax(0,1fr);align-items:center;gap:12px;min-height:49px;margin-top:6px;padding:8px 11px;display:grid}.onu-detail-columns .onu-compact-list>div:nth-child(odd){background:#3087cf0b}.onu-detail-columns .onu-compact-list dt,.onu-detail-columns .onu-compact-list dt *{color:#9fb7c9;font-size:11.5px!important;font-weight:600!important;line-height:1.4!important}.onu-detail-columns .onu-compact-list dd,.onu-detail-columns .onu-compact-list dd *{color:#edf6fc;font-size:12.5px!important;font-weight:700!important;line-height:1.4!important}.onu-detail-columns .onu-compact-list dd{text-align:right;white-space:normal;overflow-wrap:anywhere;max-width:100%;margin:0;overflow:visible}.onu-detail-columns .onu-secret-value{justify-content:flex-end;align-items:center;gap:9px;display:flex;max-width:100%!important}.onu-detail-columns .onu-secret-eye{border-radius:8px;width:32px;min-width:32px;height:32px}.onu-detail-columns .onu-secret-eye svg{width:16px;height:16px}.onu-detail-columns .onu-ip-value{color:#58baff!important}.onu-metric-strip article{align-content:center;min-height:76px;padding:11px 13px;display:grid}.onu-metric-strip span,.onu-metric-strip small{font-size:10px!important;font-weight:550!important;line-height:1.35!important}.onu-metric-strip strong{margin:5px 0 4px;font-size:13px!important;font-weight:800!important;line-height:1.3!important}.onu-forward-link strong{font-size:12px!important;font-weight:800!important}.onu-forward-link small{font-size:10.5px!important;line-height:1.4!important}.app-shell.theme-light .onu-detail-card,.app-shell.theme-light .onu-live-summary{background:#f8fbfd!important;border-color:#d4e3ee!important}.app-shell.theme-light .onu-compact-list>div{background:#fff!important;border-color:#dce8f0!important}.app-shell.theme-light .onu-compact-list dt,.app-shell.theme-light .onu-compact-list dt *{color:#647d90!important}.app-shell.theme-light .onu-compact-list dd,.app-shell.theme-light .onu-compact-list dd *{color:#1c3448!important}@media (max-width:900px){.onu-device-hero{grid-template-columns:1fr 1.25fr}.onu-live-summary{grid-column:1/-1}.onu-detail-columns{grid-template-columns:1fr}}@media (max-width:680px){.modal.wide:has(.onu-detail-dashboard){width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.onu-device-hero{grid-template-columns:1fr}.onu-detail-columns .onu-compact-list>div{grid-template-columns:minmax(110px,38%) minmax(0,1fr)}.onu-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal.wide:has(.onu-v12){background:#071a35;border-radius:10px;width:min(1520px,100vw - 24px);max-height:calc(100vh - 20px)}.modal.wide:has(.onu-v12)>header{background:#081a31;padding:14px 20px}.onu-v12{color:#dce8f5;background:radial-gradient(circle at 78% 18%,#1568be33,#0000 34%),linear-gradient(145deg,#06162e,#092a58 48%,#061831);gap:14px;min-height:900px;padding:16px 24px 24px;font-family:inherit;display:grid;position:relative}.onu-v12-notice{color:#86e1b8;background:#20a46c17;border:1px solid #3dbe8b47;border-radius:7px;margin:12px 24px 0;padding:10px 13px;font-size:12px}.onu-v12-overview{grid-template-columns:minmax(310px,1fr) minmax(330px,1.15fr) minmax(370px,1.08fr);align-items:start;gap:30px;display:grid}.onu-v12-info{margin:0}.onu-v12-info>div{grid-template-columns:minmax(145px,44%) minmax(0,1fr);align-items:center;gap:13px;min-height:27px;display:grid}.onu-v12-info dt{color:#dce6f2;text-align:right;font-size:13px;font-weight:800}.onu-v12-info dd{color:#7fc1fb;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:550}.onu-v12-device{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;display:flex}.onu-v12-device img{object-fit:contain;filter:drop-shadow(0 18px 25px #00000057);width:min(100%,420px);height:145px}.onu-v12-device strong{color:#eef7ff;font-size:14px}.onu-v12-device small{color:#7798b7;margin-top:4px;font-size:11px}.onu-v12-live-info{margin-top:45px}.onu-v12-status{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex;color:#e8eef6!important}.onu-v12-status>span{align-items:center;gap:6px;display:inline-flex}.onu-v12-status svg{flex:none}.onu-v12-status.power svg,.onu-v12-status.offline svg,.onu-v12-status.disabled svg,.onu-v12-status.unknown svg{color:#9aa7b4}.onu-v12-status.los{color:#ff5a63!important}.onu-v12-online{color:#58dc80!important}.onu-v12-online small{color:#8ca5bd;margin-left:16px;font-size:10px;font-weight:500}.onu-v12-secret{align-items:center;gap:8px;display:flex}.onu-v12-secret button{color:#168fe8;cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:inline-grid}.onu-v12-service-value{color:#9ed4ff;max-width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:700;display:inline-flex}.onu-v12-service-value:hover:not(:disabled){color:#d9efff;text-underline-offset:3px;text-decoration:underline}.onu-v12-service-value:disabled{cursor:default;opacity:1}.onu-v12-service-value.wan-mode{white-space:nowrap;overflow-wrap:normal;flex:0 auto;width:auto;min-width:max-content;height:auto}.onu-service-backdrop{z-index:190}.onu-service-dialog{background:#101c2f;border-color:#3d5876;width:min(620px,100vw - 32px);box-shadow:0 28px 80px #0000009e}.onu-service-form{gap:16px;padding:20px;display:grid}.onu-service-field{grid-template-columns:145px minmax(0,1fr);align-items:center;gap:16px;display:grid}.onu-service-field>strong,.onu-service-choice legend{color:#e9f2fb;text-align:right;font-size:13px;font-weight:800}.onu-service-field input,.onu-service-field select{color:#edf5fc;min-width:0;height:42px;font:inherit;background:#1a273a;border:1px solid #42546b;border-radius:4px;padding:0 13px}.onu-service-hint,.onu-service-staging-note{color:#aab9c9;background:#182538;border:1px solid #35475e;border-radius:4px;gap:8px;padding:13px 15px;font-size:12px;line-height:1.5;display:grid}.onu-service-hint.compact{margin-left:161px}.onu-service-choice{border:0;align-items:center;gap:16px;padding:0;display:flex}.onu-service-choice legend{float:left;width:145px;margin-right:16px}.onu-service-choice label{color:#e2eaf3;align-items:center;gap:6px;font-size:13px;display:inline-flex}.onu-service-choice.stacked{flex-wrap:wrap;align-items:flex-start}.onu-service-choice.stacked>span{color:#8799ad;width:calc(100% - 161px);font-size:12px}.onu-service-choice.stacked>div{gap:14px;margin-left:161px;display:flex}.onu-service-choice .muted{color:#8190a0}.onu-service-password{grid-template-columns:minmax(0,1fr) 42px;display:grid}.onu-service-password input{border-radius:4px 0 0 4px}.onu-service-password button{color:#8fd0ff;cursor:pointer;background:#142236;border:1px solid #42546b;border-left:0;border-radius:0 4px 4px 0;place-items:center;display:grid}.onu-service-staging-note{color:#ffd880;background:#6a48042e;border-color:#ffc23d52}.onu-service-ip-details{background:#182538;border:1px solid #35475e;border-radius:5px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-left:161px;padding:14px;display:grid}.onu-service-ip-details>strong{color:#8fd0ff;text-align:right;grid-column:1/-1;font-size:13px}.onu-service-ip-details label{gap:6px;display:grid}.onu-service-ip-details label:nth-of-type(-n+3){grid-column:1/-1}.onu-service-ip-details span{color:#aebccd;letter-spacing:.035em;text-transform:uppercase;font-size:11px;font-weight:800}.onu-service-ip-details input{color:#edf5fc;box-sizing:border-box;width:100%;height:40px;font:inherit;background:#1a273a;border:1px solid #42546b;border-radius:4px;padding:0 12px}.onu-service-ip-details small{color:#8799ad;font-size:11px;line-height:1.45}@media (max-width:700px){.onu-service-field{grid-template-columns:1fr;gap:7px}.onu-service-field>strong,.onu-service-choice legend{text-align:left}.onu-service-choice{flex-wrap:wrap;align-items:flex-start}.onu-service-choice legend{width:100%;margin:0 0 5px}.onu-service-choice.stacked>span,.onu-service-choice.stacked>div{width:100%;margin-left:0}.onu-service-hint.compact,.onu-service-ip-details{margin-left:0}}.onu-v12-row{grid-template-columns:165px minmax(0,1fr);align-items:start;gap:18px;display:grid}.onu-v12-row>strong{color:#dce6f1;text-align:right;padding-top:9px;font-size:13px}.onu-v12-row>div:first-of-type{flex-wrap:wrap;gap:7px;display:flex}.onu-v12-row .button{min-height:38px;padding:0 18px;font-size:12px}.onu-v12-live{color:#fff;background:#19b82c;border-radius:5px;align-items:center;min-height:38px;padding:0 16px;font-size:13px;font-weight:850;display:inline-flex}.onu-v12-chart-row>strong{padding-top:12px}.onu-v12-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;display:grid!important}.onu-v12-chart{background:#060f1ddb;border:1px solid #31445b;border-radius:4px;overflow:hidden}.onu-v12-chart h4{color:#e6edf5;text-align:center;margin:0;padding:13px;font-size:12px}.onu-v12-chart svg{width:100%;height:180px;display:block}.onu-v12-chart svg line{stroke:#708ba84d;stroke-width:1px}.onu-v12-chart svg polyline{fill:none;stroke-width:3px}.onu-v12-chart .download{stroke:#398bf4}.onu-v12-chart .upload,.onu-v12-chart .signal{stroke:#ff8b16}.onu-v12-chart svg .onu-outage-band{fill:#ee4b4b33}.onu-v12-chart svg .onu-device-outage-band{fill:#fb923c33}.onu-v12-chart svg .onu-device-outage-band.onu_dying_gasp{fill:#facc152e}.onu-v12-chart svg line.onu-device-outage-edge{stroke:#fb923c;stroke-width:1.5px;stroke-dasharray:4 3}.onu-v12-chart svg line.onu-outage-edge{stroke:#f87171;stroke-width:1.5px;stroke-dasharray:4 3}.onu-v12-chart svg line.onu-outage-recovery{stroke:#4ade80;stroke-width:1.5px;stroke-dasharray:4 3}.onu-outage-history{color:#cbd5e1;border-top:1px solid #293b51;padding:9px 11px 11px;font-size:11px}.onu-outage-history>strong{color:#fca5a5;margin-bottom:6px;display:block}.onu-outage-history>div{flex-wrap:wrap;gap:7px 14px;padding:3px 0;display:flex}.onu-outage-history>div b{color:#f8fafc}.onu-outage-history>small{color:#94a3b8;margin-top:5px;display:block}.onu-v12-chart footer{color:#96a8bb;border-top:1px solid #293b51;flex-wrap:wrap;gap:12px;padding:8px 11px;font-size:10px;display:flex}.onu-v12-chart footer small{margin-left:auto}.onu-v12-chart .orange{color:#ff941f}.onu-v12-chart .blue{color:#4795ff}.onu-v12-table-wrap{overflow-x:auto;display:block!important}.onu-v12-table{border-collapse:collapse;color:#d9e4ef;width:100%;font-size:12px}.onu-v12-table th{color:#aebed0;text-align:left;background:#4b699161;padding:8px 9px;font-weight:750}.onu-v12-table td{background:#183e6c33;border-bottom:1px solid #53719526;height:34px;padding:7px 9px}.onu-v12-table tbody tr:nth-child(2n) td{background:#0c274b52}.onu-v12-table button{color:#8ed1ff;cursor:pointer;background:#0766bc29;border:1px solid #67beff6b;border-radius:5px;min-height:30px;padding:4px 10px;font-size:12px;font-weight:800;transition:transform .16s,border-color .16s,background .16s}.onu-v12-table button:hover{background:#1585e752;border-color:#78c9ff;transform:translateY(-1px)}.onu-v12-table button:disabled{cursor:not-allowed;opacity:.55}.onu-v12-band td,.onu-v12-table tbody tr.onu-v12-band:nth-child(2n) td{color:#aee7ff;letter-spacing:.02em;background:linear-gradient(90deg,#0484d073,#083f7561);border-top:1px solid #48c5ff7a;border-bottom:1px solid #48c5ff52;font-weight:800}.onu-v12-band.two span{color:#3fd9ff;text-shadow:0 0 10px #3fd9ffb3}.onu-v12-band.five td,.onu-v12-table tbody tr.onu-v12-band.five:nth-child(2n) td{color:#ead3ff;background:linear-gradient(90deg,#7e31ca75,#39227457);border-color:#bc74ff6b}.onu-v12-band.five span{color:#d196ff;text-shadow:0 0 10px #c376ffb8}.onu-v12-table .onu-v12-add-ssid{color:#c5e8ff;background:0 0;border-color:#0000;min-height:28px}.onu-v12-table .onu-v12-add-ssid:hover{background:#2376c72e;border-color:#73bfff57}.onu-v12-wifi-enable{align-items:center;gap:7px;padding:0 0 7px;font-size:12px;display:flex}.onu-v12-wifi-hint{color:#aac6df;margin:0 0 8px;font-size:12px;line-height:1.45}.onu-v12-services{gap:5px;margin-left:183px;display:grid}.onu-v12-services>div{grid-template-columns:80px minmax(0,1fr);gap:12px;font-size:13px;display:grid}.onu-v12-services span{color:#8ebfe8;font-style:italic}.onu-v12-iptv{color:#6cb6ff;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:700}.onu-v12-iptv.active{color:#3ddc84}.onu-v12-iptv:hover{text-decoration:underline}.onu-v12-iptv-enable{color:#e8f3ff;align-items:center;gap:8px;font-weight:700;display:flex}.onu-v12-iptv-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.onu-v12-iptv-actions button{color:#d7e8f8;cursor:pointer;background:0 0;border:1px solid #3a6288;border-radius:4px;min-height:36px;padding:0 14px}.onu-v12-iptv-actions .save{color:#fff;background:#1a73e8;border:0}.onu-v12-danger-actions{box-shadow:none;background:0 0;border:0;flex-wrap:wrap;gap:8px;margin:16px 0 18px 183px;padding:0;display:flex}.onu-v12-danger-actions button{color:#fff;cursor:pointer;border:0;border-radius:4px;align-items:center;gap:8px;min-height:36px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.onu-v12-danger-actions button svg{flex:none}.onu-v12-danger-actions button:hover:not(:disabled){filter:brightness(1.08)}.onu-v12-danger-actions button:disabled{cursor:not-allowed;opacity:.72}.onu-v12-danger-actions .reboot{background:#f5a623}.onu-v12-danger-actions .warning{background:#f5c518}.onu-v12-danger-actions .delete{background:#e23b3b}.onu-port-backdrop{z-index:250;background:#000711c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.onu-port-dialog{background:#0c192b;border:1px solid #33465d;border-radius:9px;width:min(940px,100vw - 32px);overflow:hidden;box-shadow:0 30px 100px #000000ad}.onu-port-dialog>header{background:#142033;border-bottom:1px solid #2b3a4d;justify-content:space-between;align-items:center;padding:19px 24px;display:flex}.onu-port-dialog h3{color:#edf4fb;margin:0;font-size:18px}.onu-port-dialog header button{color:#9faaba;cursor:pointer;background:0 0;border:0}.onu-port-form{gap:22px;padding:27px 42px;display:grid}.onu-port-form fieldset{border:0;flex-wrap:wrap;gap:18px;margin:0;padding:0;display:flex}.onu-port-form legend{float:left;color:#d6e0ec;width:125px;font-size:15px;font-weight:800}.onu-port-form label{color:#e0e7ef;align-items:center;gap:7px;font-size:14px;display:flex}.onu-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:2px 0 4px;display:grid}.onu-config-grid label{grid-template-columns:1fr auto;gap:8px;display:grid}.onu-config-grid label strong,.onu-config-grid label input{grid-column:1/-1}.onu-config-grid input{color:#eef7ff;background:#1b2a3e;border:1px solid #2878d6;border-radius:7px;min-height:45px;padding:0 13px;font-size:14px}.onu-config-grid small{color:#8ebfe8}.onu-port-dhcp{grid-template-columns:125px minmax(0,1fr);display:grid!important}.onu-port-dhcp select,.onu-port-vlan-preview input{color:#e6edf5;background:#1b2a3e;border:1px solid #2878d6;border-radius:7px;min-height:45px;padding:0 13px;font-size:14px}.onu-port-vlan-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-left:125px;display:grid}.onu-port-vlan-preview label{gap:7px;display:grid}.onu-port-dialog>footer{background:#142033;border-top:1px solid #2b3a4d;justify-content:flex-end;gap:12px;padding:15px 22px;display:flex}.onu-port-dialog footer button{cursor:pointer;border:0;border-radius:5px;min-height:42px;padding:0 20px;font-size:14px}.onu-port-dialog footer .close{color:#8dc8ff;background:0 0}.onu-port-dialog footer .save{color:#fff;background:#39bd43;font-weight:800}@media (max-width:1050px){.onu-v12-overview{grid-template-columns:1fr 1fr}.onu-v12-device{order:-1;grid-column:1/-1}.onu-v12-live-info{margin-top:0}}@media (max-width:760px){.onu-v12{padding:12px}.onu-v12-overview,.onu-v12-charts,.onu-v12-row{grid-template-columns:1fr}.onu-v12-row>strong{text-align:left;padding-top:0}.onu-v12-services,.onu-v12-danger-actions{margin-left:0}.onu-port-form{padding:22px}.onu-port-form legend{width:100%;margin-bottom:8px}.onu-port-dhcp{grid-template-columns:1fr}.onu-port-vlan-preview{grid-template-columns:1fr;padding-left:0}.onu-config-grid{grid-template-columns:1fr}}@media (min-width:901px){.onu-v12-overview{grid-template-rows:auto auto;align-items:start;overflow:visible;grid-template-columns:minmax(430px,.86fr) minmax(620px,1.14fr)!important;gap:0 70px!important}.onu-v12-overview>.onu-v12-info:first-child{grid-area:1/1/span 2}.onu-v12-device{place-self:start center;width:min(100%,620px);grid-area:1/2!important;margin-top:-325px!important;margin-bottom:-300px!important;padding-top:0!important}.onu-v12-device img{object-fit:contain;width:min(100%,390px)!important;height:205px!important}.onu-v12-device strong{text-align:center;margin-top:-2px}.onu-v12-device small{text-align:center}.onu-v12-live-info{place-self:start center;width:min(100%,590px);grid-area:2/2!important;margin-top:0!important}.onu-v12-live-info>div{grid-template-columns:minmax(190px,43%) minmax(0,57%)}.onu-v12-live-info dt{text-align:right}.onu-v12-live-info dd{text-align:left}}@media (max-width:900px){.onu-v12-overview{grid-template-columns:1fr!important}.onu-v12-device,.onu-v12-live-info,.onu-v12-overview>.onu-v12-info:first-child{grid-area:auto!important}.onu-v12-device{width:100%;margin:0!important;padding-top:0!important}.onu-v12-live-info{width:100%;margin-top:0!important}}@media (min-width:901px){.onu-v12-device{position:relative;z-index:8!important;margin-top:-90px!important;margin-bottom:-535px!important}}.onu-v12-device>small{display:none!important}.app-shell .topbar{z-index:120!important;position:sticky!important;top:0!important}.onu-detail-page{z-index:110;box-sizing:border-box;background:linear-gradient(135deg,#061426 0%,#082b55 58%,#073264 100%);padding:0 20px 24px;display:block;position:fixed;inset:67px 0 0;overflow:hidden auto}.onu-detail-page .onu-v12{box-sizing:border-box;width:100%;min-height:100%;margin:0;padding-top:0}.app-shell.theme-light .onu-detail-page{background:linear-gradient(135deg,#f4f8fb 0%,#e7f2fa 58%,#dcecf7 100%)}@media (max-width:900px){.onu-detail-page{padding:0 8px 16px;inset:67px 0 0}}@media (min-width:901px){.onu-v12-device>strong{z-index:9!important;text-align:center!important;margin:0!important;line-height:1.25!important;position:relative!important;transform:translateY(-48px)!important}.onu-v12-device>small{display:none!important}.onu-v12-live-info{margin-top:24px!important}}.onu-v12-optical dd{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex!important}.onu-v12-optical dd span{color:#69bfff;white-space:nowrap;font-weight:750}.onu-detail-page .onu-v12-overview{margin-top:22px!important}.configured-edit-form{padding-top:18px}.configured-edit-identity{background:#04111d7a;border:1px solid #3f97da33;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px;display:grid}.configured-edit-identity>div{background:#061726b8;border:1px solid #4b8ec226;border-radius:9px;gap:4px;min-width:0;padding:10px 11px;display:grid}.configured-edit-identity span,.configured-edit-section-title span{color:#718a9f;font-size:11px;font-weight:700}.configured-edit-identity strong{overflow-wrap:anywhere;color:#dcebf7;font-size:12px}.configured-edit-optical{color:#5dbbff;cursor:pointer;background:#1779c31c;border:1px solid #33a1f46b;border-radius:9px;justify-content:center;align-items:center;min-height:49px;padding:9px 12px;font-size:11px;font-weight:800;display:inline-flex}.configured-edit-optical:hover:not(:disabled){color:#f0f9ff;background:#1779c333;border-color:#58b9ff}.configured-edit-optical:disabled{cursor:wait;opacity:.58}.configured-edit-section-title{justify-content:space-between;align-items:baseline;gap:14px;margin-top:4px;padding:4px 1px 1px;display:flex}.configured-edit-section-title strong{color:#dcebf7;font-size:13px}.configured-edit-password{position:relative}.configured-edit-password input{width:100%;padding-right:66px!important}.configured-edit-password button{color:#5ebcff;cursor:pointer;background:#298edc14;border:0;border-radius:7px;min-width:54px;height:32px;padding:0 8px;font-size:10px;font-weight:800;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.configured-edit-password button:hover{color:#edf8ff;background:#298edc2b}.configured-edit-field-help{color:#718a9f;margin-top:6px;font-size:10px;font-weight:650;line-height:1.4;display:block}.configured-edit-options-error{color:#ffb2b2;background:#6d14142b;border:1px solid #ff686840;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:11px;font-weight:650;display:flex}.configured-edit-options-error button{color:#ffd0d0;cursor:pointer;background:#81232333;border:1px solid #ff919152;border-radius:7px;flex:none;padding:6px 9px;font-size:10px;font-weight:800}.configured-edit-warning{color:#f2c477;background:#70450726;border:1px solid #ffb54742;border-radius:10px;padding:12px 14px;font-size:11px;font-weight:650;line-height:1.55}@media (max-width:880px){.configured-edit-identity{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.configured-edit-identity{grid-template-columns:1fr}.configured-edit-section-title{flex-direction:column;align-items:flex-start;gap:3px}.configured-edit-options-error{flex-direction:column;align-items:stretch}}.modal-backdrop:has(.configured-edit-form){z-index:500!important}.modal-backdrop:has(.configured-edit-form){align-items:start!important;height:auto!important;padding:16px 20px 20px!important;top:67px!important;bottom:0!important}.modal.wide:has(.configured-edit-form){max-height:calc(100vh - 103px)!important}.onu-wan-ip-link{color:#70bdff;text-underline-offset:3px;align-items:center;gap:5px;font-weight:750;-webkit-text-decoration:underline #70bdff6b;text-decoration:underline #70bdff6b;display:inline-flex}.onu-wan-ip-link:hover{color:#a9dcff;text-decoration-color:currentColor}.onu-wan-ip-link b{border:1px solid #70bdff61;border-radius:6px;place-items:center;width:19px;height:19px;font-size:13px;line-height:1;display:inline-grid}.onu-wan-access{flex-wrap:nowrap;align-items:center;gap:7px;min-width:0;display:flex!important}.onu-wan-access>button:not(.onu-v12-service-value){color:#54b6ff;cursor:pointer;background:#0b63b12e;border:1px solid #2c9dff8c;border-radius:7px;flex:0 0 25px;place-items:center;width:25px;height:25px;padding:0;font-size:17px;font-weight:900;line-height:1;display:inline-grid}.onu-wan-access>.onu-web-open-button{white-space:nowrap;flex:none!important;width:auto!important;padding:0 7px!important;font-size:11px!important}.onu-wan-access>button:not(.onu-v12-service-value):hover{color:#fff;background:#087dd8}.onu-wan-access>button:not(.onu-v12-service-value):disabled{opacity:.45;cursor:wait}.onu-wan-access>.onu-v12-https-link{color:#78c5ff;white-space:nowrap;font-size:12px;text-decoration:underline}.onu-detail-page .onu-wan-access{flex-wrap:wrap!important}.onu-detail-page .onu-wan-access>small{white-space:normal;overflow-wrap:normal;word-break:normal;flex:0 0 100%;order:1;min-width:0}.onu-web-open-stack{flex-direction:column;flex:none;align-items:stretch;gap:4px;width:max-content;max-width:100%;display:inline-flex}.onu-web-open-stack>.onu-web-open-button{box-sizing:border-box;color:#54b6ff;white-space:nowrap;cursor:pointer;background:#0b63b12e;border:1px solid #2c9dff8c;border-radius:7px;justify-content:flex-start;align-items:center;width:100%;height:25px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:flex}.onu-web-open-stack>.onu-web-open-button:hover{color:#fff;background:#087dd8}.app-shell.theme-light .metric-card.blue span,.app-shell.theme-light .metric-card.blue strong,.app-shell.theme-light .metric-card.blue small,.app-shell.theme-light .metric-card.cyan span,.app-shell.theme-light .metric-card.cyan strong,.app-shell.theme-light .metric-card.cyan small,.app-shell.theme-light .metric-card.green span,.app-shell.theme-light .metric-card.green strong,.app-shell.theme-light .metric-card.green small,.app-shell.theme-light .metric-card.amber span,.app-shell.theme-light .metric-card.amber strong,.app-shell.theme-light .metric-card.amber small{z-index:2;color:#fff;text-shadow:0 1px 2px #001e3c3d;position:relative}.app-shell.theme-light .metric-card span{opacity:.96;font-weight:750}.app-shell.theme-light .metric-card small{opacity:.88;font-weight:650}.app-shell.theme-light .metric-card .metric-icon{z-index:2;color:#fff;background:#00285024;border-color:#ffffff9e;position:relative;box-shadow:inset 0 1px #ffffff38,0 8px 20px #00285024}.app-shell.theme-light .metric-card.blue{color:#fff!important;background:radial-gradient(circle at 88% 8%,#75caff7a,#0000 38%),linear-gradient(135deg,#278ee8 0%,#0870ce 100%)!important;border-color:#1687f4!important}.app-shell.theme-light .metric-card.cyan{color:#fff!important;background:radial-gradient(circle at 88% 8%,#99efff75,#0000 38%),linear-gradient(135deg,#28abc9 0%,#0786a8 100%)!important;border-color:#14bce2!important}.app-shell.theme-light .metric-card.green{color:#fff!important;background:radial-gradient(circle at 88% 8%,#95ffcb70,#0000 38%),linear-gradient(135deg,#25be70 0%,#079357 100%)!important;border-color:#20cd7d!important}.app-shell.theme-light .metric-card.amber{color:#fff!important;background:radial-gradient(circle at 88% 8%,#ffe69c7a,#0000 38%),linear-gradient(135deg,#ffa32b 0%,#e77b08 100%)!important;border-color:#ffa829!important}.app-shell.theme-light .metric-card.blue span,.app-shell.theme-light .metric-card.blue strong,.app-shell.theme-light .metric-card.blue small,.app-shell.theme-light .metric-card.cyan span,.app-shell.theme-light .metric-card.cyan strong,.app-shell.theme-light .metric-card.cyan small,.app-shell.theme-light .metric-card.green span,.app-shell.theme-light .metric-card.green strong,.app-shell.theme-light .metric-card.green small,.app-shell.theme-light .metric-card.amber span,.app-shell.theme-light .metric-card.amber strong,.app-shell.theme-light .metric-card.amber small{color:#fff!important}.app-shell.theme-light .metric-card .metric-icon{color:#fff!important;background:#00285024!important;border-color:#ffffff9e!important}.app-shell.theme-light .metric-card{box-shadow:inset 0 1px #ffffff3d,0 12px 28px #275b7e2e!important}.app-shell.theme-light .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,#d8ebf8 0%,#e8f4fb 48%,#cfe4f4 100%)!important;border-bottom-color:#b6d2e6!important;box-shadow:0 5px 20px #2653741f,inset 0 1px #ffffffb8!important}.app-shell.theme-light .topbar:after{content:"";background:linear-gradient(90deg,#0000,#2489d752,#0000);height:1px;position:absolute;bottom:0;left:12%;right:12%}.app-shell.theme-light .topbar .brand-copy strong,.app-shell.theme-light .topbar .brand-lockup strong{color:#153c5a!important;text-shadow:none!important}.app-shell.theme-light .topbar nav button,.app-shell.theme-light .topbar nav a{color:#45657e!important;text-shadow:none!important}.app-shell.theme-light .topbar .profile-menu strong{color:#183b55!important}.app-shell.theme-light .topbar{background:radial-gradient(circle at 14% 0,#4bb2ee47,#0000 32%),linear-gradient(135deg,#0b3f68 0%,#0d5d8d 48%,#0b4772 100%)!important;border-bottom-color:#0d5f91!important;box-shadow:0 6px 22px #042b4647,inset 0 1px #ffffff24!important}.app-shell.theme-light .topbar .brand-copy strong,.app-shell.theme-light .topbar .brand-lockup strong{color:#fff!important}.app-shell.theme-light .topbar .brand-copy span,.app-shell.theme-light .topbar .brand-lockup span{color:#bcd9eb!important}.app-shell.theme-light .topbar nav button,.app-shell.theme-light .topbar nav a{color:#d6e8f4!important}.app-shell.theme-light .topbar nav button:hover,.app-shell.theme-light .topbar nav a:hover{color:#fff!important;background:#ffffff1a!important}.app-shell.theme-light .topbar nav button.active,.app-shell.theme-light .topbar nav a.active{color:#fff!important;background:linear-gradient(#4cb5f53d,#2287c91f)!important;box-shadow:inset 0 -3px #59c3ff!important}.app-shell.theme-light .topbar .domain,.app-shell.theme-light .topbar .clock,.app-shell.theme-light .topbar .separator{color:#c2ddeb!important}.app-shell.theme-light .topbar .profile-menu{color:#fff!important;background:#0227413d!important;border-color:#95d2f566!important}.app-shell.theme-light .topbar .profile-menu span,.app-shell.theme-light .topbar .profile-menu strong{color:#fff!important}.app-shell.theme-light .topbar .profile-menu small{color:#bcd8e8!important}.app-shell.theme-light .topbar .icon-button,.app-shell.theme-light .topbar .theme-toggle,.app-shell.theme-light .topbar .mobile-menu{color:#e2f2fb!important;background:#02253e40!important;border-color:#9bd7f761!important}.app-shell.theme-light .topbar .icon-button:hover,.app-shell.theme-light .topbar .theme-toggle:hover,.app-shell.theme-light .topbar .mobile-menu:hover{color:#fff!important;background:#379fde47!important;border-color:#68c6f8!important}.onu-inventory-table tbody td{vertical-align:middle;line-height:1.45;padding-top:19px!important;padding-bottom:19px!important}.onu-inventory-table tbody tr{border-bottom:1px solid #4985b72e;min-height:92px}.onu-inventory-table tbody tr:last-child{border-bottom:0}.onu-inventory-table tbody td strong{margin-bottom:5px;line-height:1.35}.onu-inventory-table tbody td small{margin-top:4px;line-height:1.4;display:block}.onu-inventory-table .onu-state{gap:12px}.onu-inventory-table .onu-state-ball{flex:none}.app-shell.theme-light .onu-inventory-table tbody tr{border-bottom-color:#d6e4ee}.app-shell.theme-light .onu-inventory-table tbody tr:hover td{background:#1f84cb0e}@media (max-width:900px){.onu-inventory-table tbody td{padding-top:15px!important;padding-bottom:15px!important}}.configured-table-scroll .onu-inventory-table tbody td{padding-top:16px!important;padding-bottom:16px!important}.app-shell.theme-light .configured-filters{background:radial-gradient(circle at 82% 10%,#ffffff4d,#0000 34%),linear-gradient(145deg,#c3ceda 0%,#d1d9e1 48%,#c0cbd6 100%)!important;border-color:#afbfcc #afbfcc #a9bac8!important;box-shadow:inset 0 1px #ffffff80,0 8px 22px #30495e1f!important}.app-shell.theme-light .configured-filter-grid label,.app-shell.theme-light .configured-filters label,.app-shell.theme-light .configured-field>span,.app-shell.theme-light .configured-filter-grid label>span{font-weight:750;color:#111!important}.app-shell.theme-light .configured-filter-grid input,.app-shell.theme-light .configured-filter-grid select{box-shadow:inset 0 1px 2px #2a43580f,0 2px 7px #314b610d;color:#20384c!important;background:#fffffff0!important;border-color:#b8c8d5!important}.app-shell.theme-light .configured-filter-grid input::placeholder{color:#879daf!important}.app-shell.theme-light .configured-filter-grid input:focus,.app-shell.theme-light .configured-filter-grid select:focus{border-color:#278fd9!important;box-shadow:0 0 0 3px #278fd921,inset 0 1px 2px #2a43580d!important}.app-shell.theme-light .configured-filters .button.secondary{color:#2c5c7e!important;background:#f6fbfeeb!important;border-color:#adc2d2!important}.app-shell.theme-light .configured-filters .last-sync,.app-shell.theme-light .configured-filters small{color:#536f84!important}.onu-v12-status-detail{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;padding:18px 20px;display:grid}.onu-v12-status-block{min-width:0}.onu-v12-status-block h3{letter-spacing:.04em;margin:0 0 12px;font-size:14px;font-weight:800}.onu-v12-optical-status-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.onu-v12-optical-status-head,.onu-v12-optical-status-line{grid-template-columns:minmax(90px,.75fr) minmax(145px,1fr) minmax(145px,1fr) minmax(120px,.9fr);align-items:center;gap:12px;padding:11px 14px;display:grid}.onu-v12-optical-status-head{text-transform:uppercase;letter-spacing:.08em;opacity:.72;font-size:11px;font-weight:800}.onu-v12-optical-status-line{border-top:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px}.onu-v12-optical-status-line strong{font-family:inherit}.onu-v12-status-info{border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.onu-v12-status-info>div{border-bottom:1px solid var(--border);min-width:0;padding:10px 12px}.onu-v12-status-info dt{text-transform:uppercase;letter-spacing:.06em;opacity:.65;margin:0 0 3px;font-size:10px;font-weight:800}.onu-v12-status-info dd{overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:700}@media (max-width:900px){.onu-v12-status-detail{grid-template-columns:1fr}.onu-v12-optical-status-table{overflow-x:auto}.onu-v12-optical-status-head,.onu-v12-optical-status-line{min-width:610px}}.onu-v12-status-detail{width:100%;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;padding:20px!important;display:grid!important}.onu-v12-status-block{width:100%;min-width:0}.onu-v12-status-block h3{margin-bottom:14px}.onu-v12-optical-status-table{width:100%}.onu-v12-optical-status-head,.onu-v12-optical-status-line{grid-template-columns:minmax(105px,.7fr) minmax(160px,1fr) minmax(160px,1fr) minmax(150px,.9fr)!important}.onu-v12-status-info{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))!important}.onu-v12-status-info>div{min-height:66px}.onu-v12-status-info>div:nth-child(odd){border-right:1px solid var(--border)}@media (max-width:1100px){.onu-v12-status-info{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:700px){.onu-v12-status-detail{padding:14px!important}.onu-v12-optical-status-table{overflow-x:auto}.onu-v12-optical-status-head,.onu-v12-optical-status-line{min-width:610px}.onu-v12-status-info{grid-template-columns:1fr!important}.onu-v12-status-info>div{border-right:0!important}}.onu-v12-status-detail{width:100%!important;max-width:1180px!important;margin:0!important;padding:12px 20px 16px!important;display:block!important}.onu-v12-status-block{width:100%;max-width:100%;margin:0 0 14px!important}.onu-v12-status-block:last-child{margin-bottom:0!important}.onu-v12-status-block h3{font-size:15px;margin:0 0 10px!important}.onu-v12-optical-status-table{width:auto!important;max-width:850px!important;margin:0!important}.onu-v12-optical-status-head,.onu-v12-optical-status-line{grid-template-columns:120px 205px 205px 170px!important;column-gap:18px!important;padding:8px 10px!important;display:grid!important}.onu-v12-optical-status-head{font-size:10px!important}.onu-v12-optical-status-line{font-size:13px!important}.onu-v12-status-info{grid-template-columns:repeat(4,minmax(150px,190px))!important;justify-content:start!important;width:auto!important;max-width:850px!important;margin:0!important;display:grid!important}.onu-v12-status-info>div{min-height:54px!important;padding:8px 10px!important}.onu-v12-status-info dt{margin-bottom:2px!important;font-size:9px!important}.onu-v12-status-info dd{font-size:13px!important}@media (max-width:1100px){.onu-v12-status-detail{max-width:100%!important}.onu-v12-status-info{grid-template-columns:repeat(2,minmax(160px,220px))!important}}@media (max-width:700px){.onu-v12-status-detail{padding:10px 12px 14px!important}.onu-v12-status-block{overflow-x:auto}.onu-v12-optical-status-head,.onu-v12-optical-status-line{min-width:650px}.onu-v12-status-info{grid-template-columns:repeat(2,minmax(145px,1fr))!important;width:100%!important}}.onu-v12-getstatus-terminal{background:#03132b99;border:1px solid #82aad72e;border-radius:10px;width:calc(100% - 145px);max-width:1120px;margin:8px 0 20px 145px;padding:24px 26px 28px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.onu-terminal-section{margin:0 0 30px}.onu-terminal-section:last-child{margin-bottom:0}.onu-terminal-section h3{color:#b0c7e14d;margin:0 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;font-weight:500}.onu-terminal-riam-status h3{color:#dcecff;letter-spacing:.01em;font-size:21px;font-weight:650}.onu-terminal-table-scroll{margin-bottom:20px;overflow-x:auto}.onu-terminal-table{border-collapse:collapse;color:#e6f2ff;text-align:left;width:100%;min-width:610px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:17px;font-weight:550}.onu-terminal-table th,.onu-terminal-table td{white-space:nowrap;border:0;padding:8px 14px 8px 4px}.onu-terminal-table th{color:#d6e9ff;background:#1f4d7b85;font-weight:700}.onu-terminal-table tbody tr:nth-child(2n){background:#3164941f}.onu-detail-page .onu-terminal-riam-status .onu-terminal-table th,.onu-detail-page .onu-terminal-riam-status .onu-terminal-table td{color:#e6f2ff;font-size:17px;font-weight:550;line-height:1.45}.onu-detail-page .onu-terminal-riam-status .onu-terminal-table th{color:#d6e9ff;font-weight:700}.onu-terminal-vlan-heading{margin-top:28px!important}.onu-terminal-read-error{color:#f2aaaa}.onu-terminal-optical-head,.onu-terminal-optical-row{grid-template-columns:155px 290px 290px 180px;align-items:center;column-gap:18px;display:grid}.onu-terminal-optical-head{color:#d7e5f6eb;padding:0 0 8px;font-size:13px}.onu-terminal-optical-row{color:#d8e3f2;min-height:36px;font-size:14px;font-weight:500}.onu-terminal-optical-row span{white-space:nowrap}.onu-terminal-details dl{width:620px;max-width:100%;margin:0}.onu-terminal-details dl>div{grid-template-columns:240px minmax(220px,1fr);align-items:baseline;min-height:35px;display:grid}.onu-terminal-details dt,.onu-terminal-details dd{color:#d8e3f2;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;font-weight:500}.onu-terminal-details dt{white-space:nowrap}.onu-terminal-details dd{overflow-wrap:anywhere}@media (max-width:1200px){.onu-v12-getstatus-terminal{width:calc(100% - 110px);margin-left:110px}.onu-terminal-optical-head,.onu-terminal-optical-row{grid-template-columns:125px 215px 215px 155px}}@media (max-width:700px){.onu-v12-getstatus-terminal{width:100%;max-width:none;margin:8px 0 18px;padding:16px 14px;overflow-x:auto}.onu-terminal-optical{min-width:690px}.onu-terminal-optical-head,.onu-terminal-optical-row{grid-template-columns:110px 185px 185px 150px}.onu-terminal-details dl{width:100%}.onu-terminal-details dl>div{grid-template-columns:175px minmax(150px,1fr)}.onu-terminal-details dt,.onu-terminal-details dd,.onu-terminal-optical-row{font-size:12px}}button.onu-v12-live{appearance:none;cursor:pointer;font:inherit}button.onu-v12-live.is-open{box-shadow:0 0 0 1px #ffffff1f,0 0 18px #ff5c002e}.onu-v12-command-panel{background:#020e1ee6;border:1px solid #63a9e842;border-radius:10px;width:calc(100% - 145px);max-width:1120px;margin:8px 0 20px 145px;overflow:hidden;box-shadow:0 14px 32px #0000002e}.onu-v12-command-panel>header{background:#23609b38;border-bottom:1px solid #63a9e82e;justify-content:space-between;align-items:center;padding:11px 15px;display:flex}.onu-v12-command-panel>header strong{font-size:13px}.onu-v12-command-panel>header button{color:#67bfff;font:inherit;cursor:pointer;background:0 0;border:0;font-size:11px}.onu-v12-command-panel pre{color:#bfe6c5;white-space:pre-wrap;margin:0;padding:16px;font-size:12px;line-height:1.65;overflow-x:auto}.onu-v12-software-panel dl{background:#63a9e81f;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;display:grid}.onu-v12-software-panel dl>div{background:#071a31;min-width:0;padding:14px 16px}.onu-v12-software-panel dt{color:#829bb5;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:10px;font-weight:800}.onu-v12-software-panel dd{color:#e2f1ff;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:700}@media (max-width:900px){.onu-v12-command-panel{width:100%;margin-left:0}.onu-v12-software-panel dl{grid-template-columns:1fr}}.onu-v12-live-real-panel{background:#031228bd;border:1px solid #79a2d22e;border-radius:10px;grid-template-columns:minmax(0,1fr) 285px;width:calc(100% - 145px);max-width:1120px;margin:8px 0 20px 145px;display:grid;overflow:hidden}.onu-live-real-chart{border-right:1px solid #79a2d221;min-width:0;padding:18px 20px 12px}.onu-live-real-chart-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.onu-live-real-chart-head strong{font-size:14px}.onu-live-real-chart-head span{letter-spacing:.12em;font-size:10px;font-weight:800}.onu-live-real-chart svg{width:100%;min-height:260px;display:block;overflow:visible}.onu-live-real-chart .grid{stroke:#99b8db21;stroke-width:1px}.onu-live-real-chart polyline{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke}.onu-live-real-chart .live-upload-line{stroke:#f28b32}.onu-live-real-chart .live-download-line{stroke:#3688ef}.onu-live-real-legend{align-items:center;gap:18px;padding-top:6px;font-size:11px;display:flex}.onu-live-real-legend span:first-child{color:#f28b32}.onu-live-real-legend span:nth-child(2){color:#3688ef}.onu-live-real-legend small{opacity:.55;margin-left:auto}.onu-live-real-metrics{grid-template-rows:1fr 1fr;display:grid}.onu-live-real-metrics>article{grid-template-columns:105px minmax(0,1fr);align-items:center;padding:18px 16px;display:grid}.onu-live-real-metrics>article+article{border-top:1px solid #79a2d221}.onu-live-real-speed{text-align:center}.onu-live-real-speed small{opacity:.62;margin-bottom:3px;font-size:10px;display:block}.onu-live-real-speed strong{font-size:31px;font-weight:500;line-height:1;display:block}.onu-live-real-speed span{opacity:.55;margin-top:4px;font-size:10px;display:block}.onu-live-real-metrics dl{margin:0}.onu-live-real-metrics dl>div{grid-template-columns:minmax(70px,1fr) auto;gap:12px;padding:3px 0;display:grid}.onu-live-real-metrics dt{opacity:.58;font-size:10px}.onu-live-real-metrics dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700}.onu-live-real-error{justify-content:center;align-items:center;min-height:220px;padding:24px;font-size:13px;display:flex}@media (max-width:1050px){.onu-v12-live-real-panel{grid-template-columns:1fr;width:calc(100% - 110px);margin-left:110px}.onu-live-real-chart{border-bottom:1px solid #79a2d221;border-right:0}.onu-live-real-metrics{grid-template-rows:none;grid-template-columns:1fr 1fr}.onu-live-real-metrics>article+article{border-top:0;border-left:1px solid #79a2d221}}@media (max-width:700px){.onu-v12-live-real-panel{border-radius:8px;width:100%;margin:8px 0 18px}.onu-live-real-chart{padding:14px 10px 10px}.onu-live-real-chart svg{min-height:200px}.onu-live-real-metrics{grid-template-columns:1fr}.onu-live-real-metrics>article+article{border-top:1px solid #79a2d221;border-left:0}}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.feature-panel{padding:0 22px 22px}.reference-toolbar{align-items:end;gap:14px;margin-bottom:20px;padding:16px 18px;display:flex}.reference-toolbar .field{min-width:220px;margin:0}.reference-toolbar select,.reference-toolbar input,.compact-input{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--text);border-radius:11px;padding:0 12px}.reference-tabs{flex-wrap:wrap;gap:8px;display:flex}.reference-tabs button{border:1px solid var(--line);min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px;font-weight:800}.reference-tabs button.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 18%, transparent);color:var(--text)}.diagnostics-filters{grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(150px,1fr));display:grid}.diagnostics-page .page-header{margin-bottom:18px}.diagnostics-page .page-header h1{font-size:clamp(22px,2.5vw,29px)}.diagnostics-page .page-header p{font-size:10.5px}.diagnostics-filter-panel{border-color:color-mix(in srgb, var(--primary) 22%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, #1b2b46 68%, var(--panel)), var(--panel));margin-bottom:12px;overflow:hidden}.diagnostics-filter-panel>header{border-bottom:1px solid var(--line-strong);background:#33415557;align-items:center;gap:9px;min-height:45px;padding:0 15px;display:flex}.diagnostics-filter-panel>header strong{color:var(--text);font-size:12px}.diagnostics-filter-panel>header .text-button{margin-left:auto}.diagnostics-filter-grid{grid-template-columns:1.5fr 1.1fr repeat(5,minmax(105px,.72fr));align-items:end;gap:10px;padding:14px 15px 15px;display:grid}.diagnostics-filter-grid .field{gap:6px;min-width:0;margin:0}.diagnostics-filter-grid .field>span{font-size:9.5px}.diagnostics-filter-grid select,.diagnostics-filter-grid input,.diagnostics-filter-grid .search-box{border-color:var(--line-strong);background:color-mix(in srgb, #26364f 48%, var(--panel));border-radius:8px;width:100%;min-height:37px;font-size:10px}.diagnostics-filter-grid .search-box input{background:0 0;border:0;min-height:0}.diagnostic-button-filter{gap:6px;min-width:0;display:grid}.diagnostic-button-filter>span{color:#a9bed0;font-size:9.5px;font-weight:700}.diagnostic-button-filter>div{display:flex}.diagnostic-button-filter button{border:1px solid var(--line-strong);color:#71869b;background:color-mix(in srgb, #26364f 48%, var(--panel));min-width:35px;height:37px;font:inherit;cursor:pointer;border-right-width:0;place-items:center;padding:0 9px;font-size:15px;font-weight:900;display:grid}.diagnostic-button-filter button:first-child{border-radius:8px 0 0 8px}.diagnostic-button-filter button:last-child{border-right-width:1px;border-radius:0 8px 8px 0}.diagnostic-button-filter button:hover,.diagnostic-button-filter button.active{z-index:1;background:#ffffff0d;border-color:currentColor}.diagnostic-button-filter button.online{color:#27d56b}.diagnostic-button-filter button.offline{color:#8392a3}.diagnostic-button-filter button.los{color:#ff5665}.diagnostic-button-filter button.dying_gasp{color:#ffb72b}.diagnostic-button-filter button.disabled{color:#718097}.diagnostic-button-filter.signal button{letter-spacing:-2px;min-width:43px;font-size:9px}.diagnostic-button-filter.signal button.good{color:#25d465}.diagnostic-button-filter.signal button.warning{color:#ffad22}.diagnostic-button-filter.signal button.critical{color:#ff3d54}.diagnostics-result-bar{justify-content:space-between;align-items:center;gap:14px;margin:0 0 8px;display:flex}.diagnostics-result-bar>strong{color:#9fb2c5;font-size:10px}.diagnostics-pagination{display:flex}.diagnostics-pagination button{border:1px solid var(--line-strong);color:#a5b5c5;cursor:pointer;background:#1f34508c;border-right-width:0;min-width:32px;height:32px}.diagnostics-pagination button:first-child{border-radius:7px 0 0 7px}.diagnostics-pagination button:last-child{border-right-width:1px;border-radius:0 7px 7px 0}.diagnostics-pagination button.active{color:#fff;background:#1477d4}.diagnostics-table-panel{border-radius:10px}.diagnostics-table th{color:#aab9c8;background:color-mix(in srgb, #334155 55%, var(--panel));padding:9px 11px;font-size:8px}.diagnostics-table td{padding:10px 11px;font-size:8.7px}.diagnostics-table td strong{font-size:9px}.diagnostics-table td small{max-width:175px}.diagnostic-status{border-radius:50%;place-items:center;width:25px;height:25px;font-size:19px;font-weight:900;display:grid}.diagnostic-status.online{color:#23d25f}.diagnostic-status.offline,.diagnostic-status.unknown{color:#7a899b}.diagnostic-status.los{color:#ff4b5c}.diagnostic-status.dying_gasp{color:#ffb627}.diagnostic-status.disabled{color:#69798d}.diagnostic-signal{align-items:end;gap:2px;height:22px;display:inline-flex}.diagnostic-signal i{background:#304259;border-radius:1px;width:3px;height:5px;display:block}.diagnostic-signal i:nth-child(2){height:8px}.diagnostic-signal i:nth-child(3){height:11px}.diagnostic-signal i:nth-child(4){height:15px}.diagnostic-signal i:nth-child(5){height:19px}.diagnostic-signal.good i.on{background:#25d465}.diagnostic-signal.warning i.on{background:#ffad22}.diagnostic-signal.critical i.on{background:#ff3d54}.optical-sensor{gap:4px;min-width:62px;display:grid}.optical-sensor>i{background:linear-gradient(90deg,#ef4456 0 20%,#ffae24 20% 40%,#23c968 40% 100%);border-radius:999px;width:48px;height:6px;display:block;position:relative}.optical-sensor>i b{background:#132238;border:1px solid #fff;width:2px;height:12px;position:absolute;top:-3px;transform:translate(-1px)}.optical-sensor>strong{color:#c6d4e2;font-size:9px;font-weight:600}.optical-empty{color:#52657a}.changed-heading{gap:5px;display:grid}.changed-heading>span{display:flex}.changed-heading button{border:1px solid var(--line-strong);color:#8192a4;cursor:pointer;background:#26354a;padding:2px 6px;font-size:7px}.changed-heading button:first-child{border-radius:4px 0 0 4px}.changed-heading button:last-child{border-left:0;border-radius:0 4px 4px 0}.changed-heading button.active{color:#e6f2ff;background:#3b4d66}.changed-cell{color:#6eb8f4;white-space:nowrap}.tasks-page{--task-blue:#147ed8}.task-filter-panel{grid-template-columns:1.1fr 1.1fr 1.1fr .72fr .72fr auto;align-items:end;gap:12px;margin-bottom:12px;padding:16px;display:grid}.task-filter-panel .field{gap:6px}.task-filter-panel .field>span{color:var(--muted);font-size:12px}.task-reset{margin-bottom:9px}.task-result-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:0 2px 10px;font-size:12px;display:flex}.task-result-bar>div{gap:5px;display:flex}.task-result-bar button{border:1px solid var(--line);min-width:28px;height:28px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:6px}.task-result-bar button.active{color:#fff;border-color:var(--task-blue);background:var(--task-blue)}.task-table-panel{border-radius:8px}.task-table{min-width:1180px}.task-table th{white-space:nowrap}.task-table td{vertical-align:middle;min-width:120px}.task-table td:first-child{min-width:225px}.task-table td:nth-child(2){min-width:210px}.task-table tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface-strong) 70%, transparent)}.task-action-cell{align-items:center;gap:12px;display:flex}.task-action-cell .button.compact{white-space:nowrap;padding:8px 11px}.task-action-cell>span{gap:4px;display:grid}.task-action-cell small{color:#36b8e8}.task-count,.task-period{white-space:nowrap;grid-template-columns:auto 1fr;gap:3px 5px;display:grid}.task-count b,.task-period b{color:var(--text)}.task-user{text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:block;overflow:hidden}.task-stopped{color:var(--text);gap:4px;display:grid}.task-status{color:#dce7ee;white-space:nowrap;background:#5d7484;border-radius:5px;align-items:center;gap:5px;width:max-content;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.task-status.succeeded{background:#718b8d}.task-status.failed{background:#b83c4d}.task-status.cancelled{color:#fff;background:#ed930e}.task-status.running{background:#147ed8}.task-status.queued{background:#6f63bd}.task-detail{gap:14px;display:grid}.modal-open .topbar{z-index:0}.tasks-page .modal-backdrop{z-index:300}.task-detail-section{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:16px}.task-detail-section h3{margin:0 0 14px;font-size:15px}.task-overview-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.task-overview-grid>div{border:1px solid var(--line);border-radius:8px;gap:5px;padding:11px;display:grid}.task-overview-grid>div>strong{overflow-wrap:anywhere;min-width:0}.task-overview-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.task-progress{gap:8px;margin-top:14px;display:grid}.task-progress header{justify-content:space-between;display:flex}.task-progress>i{background:var(--surface-strong);border-radius:999px;height:10px;overflow:hidden}.task-progress>i span{border-radius:inherit;background:linear-gradient(90deg,#147ed8,#4fc3e8);height:100%;display:block}.task-action-summary{grid-template-columns:1.3fr .8fr 1fr;gap:10px;display:grid}.task-action-summary>div{border:1px solid var(--line);border-radius:8px;align-items:center;gap:9px;padding:12px;display:flex}.task-action-summary>div:first-child{justify-content:space-between}.task-action-summary span{color:var(--muted);font-size:12px}.task-detail-table{min-width:900px}.task-audit{gap:7px;margin-top:14px;display:grid}.task-audit span{border-left:2px solid var(--task-blue);color:var(--muted);background:var(--surface-strong);padding:7px 9px;font-size:12px}.task-no-audit{color:var(--muted);margin-top:12px;display:block}@media (max-width:1050px){.task-filter-panel{grid-template-columns:repeat(3,minmax(150px,1fr))}.task-overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.task-filter-panel,.task-overview-grid,.task-action-summary{grid-template-columns:1fr}}.reports-menu .reports-dropdown{width:285px;left:0;right:auto}.reports-page{--report-accent:#258fdf}.report-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 20px;display:grid}.report-tabs button{border:1px solid var(--line);min-width:0;color:var(--muted);background:var(--surface);cursor:pointer;text-align:left;border-radius:9px;gap:4px;padding:13px 15px;display:grid}.report-tabs button:hover,.report-tabs button.active{color:var(--text);background:#258fdf1a;border-color:#258fdf80}.report-tabs button.active{box-shadow:inset 0 -2px var(--report-accent)}.report-tabs strong{font-size:13px}.report-tabs small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.report-section{gap:14px;display:grid}.report-section-title{justify-content:space-between;align-items:flex-end;gap:20px;padding:4px 2px;display:flex}.report-section-title span{color:var(--report-accent);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:850}.report-section-title h2{margin:5px 0 4px;font-size:22px}.report-section-title p{color:var(--muted);margin:0;font-size:11px}.authorization-filters{grid-template-columns:1.3fr 1fr .7fr .72fr .72fr;align-items:end;gap:12px;padding:15px;display:grid}.pon-filter{min-height:39px;display:flex}.pon-filter button{border:1px solid var(--line);color:var(--muted);background:var(--surface-strong);cursor:pointer;flex:1}.pon-filter button:first-child{border-radius:8px 0 0 8px}.pon-filter button:last-child{border-radius:0 8px 8px 0}.pon-filter button+button{border-left:0}.pon-filter button.active{color:#fff;background:var(--report-accent)}.report-count{color:#aebfd0;font-size:15px;line-height:1.4}.report-table-panel table{min-width:860px}.reports-page .report-table-panel th{color:#91a9bf;letter-spacing:.075em;padding:16px 18px;font-size:13px;line-height:1.3}.reports-page .report-table-panel td{color:#afc0d0;padding:17px 18px;font-size:14px;line-height:1.4}.reports-page .report-table-panel td.report-link{color:#61bdff;font-size:14px;font-weight:650}.reports-page .report-table-panel td.mono,.reports-page .report-table-panel .table-sort{font-size:13px}.report-table-panel tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface-strong) 72%, transparent)}.report-link{color:#6bc1fb}.table-sort{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:800}.export-form{grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px;padding:18px;display:grid}.report-checkbox{color:var(--muted);grid-column:span 3;align-items:center;gap:9px;font-size:11px;display:flex}.report-checkbox input{width:17px;height:17px;accent-color:var(--report-accent)}.export-form>.button{place-self:end}.export-history{padding:17px}.export-history h3{margin:0 0 13px}.export-history>div:not(.empty-state){border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr 1fr auto;align-items:center;gap:14px;padding:11px 4px;display:grid}.export-history>div>span:first-child{color:var(--text);align-items:center;gap:8px;display:flex}.import-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.import-cards button{border:1px solid var(--line);color:var(--muted);background:var(--surface);cursor:pointer;text-align:left;border-radius:10px;justify-items:start;gap:7px;padding:16px;display:grid}.import-cards button.active{color:var(--text);background:#258fdf1a;border-color:#258fdf8c}.import-cards button svg{color:#54b3ff}.import-cards strong{font-size:13px}.import-validator{justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.import-validator h3{text-transform:capitalize;margin:0 0 6px}.import-validator p{color:var(--muted);margin:0}.import-actions{gap:9px;display:flex}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.import-preview table{min-width:800px}.import-preview .notice{margin:14px}.sync-status{justify-content:space-between;gap:20px;padding:18px;display:flex}.sync-status>div{color:#70d7ae;align-items:center;gap:12px;display:flex}.sync-status span{gap:4px;display:grid}.sync-status small{color:var(--muted)}.sync-status ul{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.mismatch-scan{grid-template-columns:1fr minmax(250px,.7fr) auto;align-items:end;gap:16px;padding:18px;display:grid}.mismatch-scan h3{margin:0 0 5px}.mismatch-scan p{color:var(--muted);margin:0}.mismatch-summary{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px;display:flex}.mismatch-summary strong{color:#ffbd55}.mismatch-results table{min-width:900px}.mismatch-chip{color:#ffe4b2;background:#ed930e33;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}@media (max-width:1050px){.authorization-filters{grid-template-columns:repeat(3,1fr)}.export-form{grid-template-columns:repeat(2,1fr)}.report-checkbox{grid-column:span 1}.mismatch-scan{grid-template-columns:1fr 1fr}}@media (max-width:700px){.report-tabs,.import-cards,.authorization-filters,.export-form,.mismatch-scan{grid-template-columns:1fr}.report-section-title,.import-validator,.sync-status{flex-direction:column;align-items:stretch}.import-actions{flex-direction:column}.export-history>div:not(.empty-state){grid-template-columns:1fr}}.simple-bars{gap:18px;padding-top:8px;display:grid}.simple-bar-row{grid-template-columns:110px minmax(120px,1fr) 72px;align-items:center;gap:14px;display:grid}.simple-bar-row>span,.summary-stat span{color:var(--muted);font-size:13px;font-weight:700}.simple-bar-row>strong{text-align:right}.simple-bar-track{background:color-mix(in srgb, var(--line) 70%, transparent);border-radius:999px;height:12px;overflow:hidden}.simple-bar-track i{border-radius:inherit;background:#3b82f6;height:100%;display:block}.simple-bar-track i.green{background:#20c983}.simple-bar-track i.red{background:#f25f74}.simple-bar-track i.amber{background:#f4b54a}.simple-bar-track i.purple{background:#8b7cf6}.summary-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.summary-stat-grid.reports{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-stat{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, var(--primary) 12%);border-radius:16px;gap:7px;min-height:118px;padding:18px;display:grid}.summary-stat strong{font-size:28px;line-height:1}.summary-stat small{color:var(--muted)}.diagnostic-list{gap:10px;display:grid}.diagnostic-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.diagnostic-list>div:last-child{border-bottom:0}.safe-check-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.safe-check-list li{color:var(--text);align-items:center;gap:10px;display:flex}.safe-check-list svg{color:#20c983;flex:none}@media (max-width:980px){.feature-grid,.summary-stat-grid.reports,.diagnostics-filters,.task-filters{grid-template-columns:1fr}.diagnostics-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.summary-stat-grid{grid-template-columns:1fr}.simple-bar-row{grid-template-columns:86px minmax(90px,1fr) 52px;gap:9px}.reference-toolbar{flex-direction:column;align-items:stretch}.diagnostics-filter-grid{grid-template-columns:1fr}.diagnostics-result-bar{flex-direction:column;align-items:flex-start}}.header-actions,.detail-backbar,.readonly-chip,.readonly-banner{align-items:center;gap:9px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end}.compact-button{min-height:34px;padding:0 13px}.detail-backbar{justify-content:space-between;margin-bottom:14px}.detail-backbar>span,.readonly-chip{color:var(--muted);font-size:12px;font-weight:800}.olt-detail-tabs{border-bottom:1px solid var(--line);gap:3px;margin-bottom:18px;display:flex;overflow-x:auto}.olt-detail-tabs button{min-height:45px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:0 15px;font-size:12px;font-weight:800}.olt-detail-tabs button:hover,.olt-detail-tabs button.active{border-bottom-color:var(--primary);color:var(--text);background:color-mix(in srgb, var(--primary) 10%, transparent)}.olt-detail-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);gap:18px;display:grid}.readonly-banner{border:1px solid color-mix(in srgb, var(--green) 35%, var(--line));color:color-mix(in srgb, var(--green) 70%, var(--text));background:color-mix(in srgb, var(--green) 8%, transparent);border-radius:12px;margin:14px 16px;padding:12px 14px;font-size:12px;line-height:1.5}.readonly-banner svg{flex:none}.detail-kv-table{display:grid}.detail-kv-table>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,.46fr) minmax(0,1fr);align-items:center;gap:18px;min-height:52px;padding:10px 16px;display:grid}.detail-kv-table>div:nth-child(odd){background:color-mix(in srgb, var(--primary) 5%, transparent)}.detail-kv-table span{color:var(--muted);font-size:12px;font-weight:700}.detail-kv-table strong{overflow-wrap:anywhere;color:var(--text);font-size:13px}.modal-detail-table{margin:0 -2px 18px}.olt-summary-card{text-align:center;flex-direction:column;align-self:start;align-items:center;gap:14px;padding:28px 20px;display:flex}.olt-summary-card>svg{color:var(--primary)}.olt-summary-image{object-fit:contain;width:min(100%,230px);height:150px;display:block}.olt-summary-card .info-list{text-align:left;width:100%}.settings-subtabs{margin-bottom:16px}.readonly-settings-panel .table-toolbar{flex-wrap:wrap}.olt-action-bar,.olt-detail-actions,.olt-icon-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.olt-action-bar{margin:-5px 0 14px}.olt-action-bar .readonly-chip{margin-left:auto}.olt-detail-actions{margin:-6px 0 18px}.olt-list-panel{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 7%, var(--panel)), var(--panel))}.olt-reference-table th{color:color-mix(in srgb, var(--muted) 88%, #fff);letter-spacing:.05em}.olt-reference-table tbody tr:nth-child(odd){background:color-mix(in srgb, var(--primary) 7%, transparent)}.olt-reference-table tbody tr:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}.olt-status-dot{background:#8a9cad;border-radius:999px;width:12px;height:12px;display:inline-block;box-shadow:0 0 10px #8a9cad52}.olt-status-dot.online{background:#4dca62;box-shadow:0 0 12px #4dca628c}.olt-status-dot.offline{background:#ef6477;box-shadow:0 0 12px #ef647766}.icon-action{border:1px solid var(--line-strong);color:#dbeaf7;background:color-mix(in srgb, var(--primary) 12%, var(--panel));cursor:pointer;border-radius:8px;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.icon-action.visibility:hover{color:#fff;background:color-mix(in srgb, var(--primary) 28%, var(--panel))}.icon-action.danger{color:#fff;background:linear-gradient(135deg,#fb5361,#dc3345);border-color:#ff5b697a}.icon-action:hover{filter:brightness(1.08);transform:translateY(-1px)}.readonly-form-preview input[readonly]{cursor:not-allowed;opacity:.82}.graph-period-select{border:1px solid var(--line);min-height:38px;color:var(--text);background:var(--panel);font:inherit;border-radius:10px;padding:0 34px 0 12px;font-size:11px;font-weight:750}.graph-control-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, var(--panel)), var(--panel));gap:14px;margin-bottom:20px;padding:18px;display:grid}.graph-control-primary,.graph-filter-row,.graph-type-tabs{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.graph-control-primary .field{width:min(310px,100%)}.graph-control-panel .field{margin:0}.graph-control-panel select{border:1px solid var(--line-strong);min-width:165px;min-height:44px;color:var(--text);background:color-mix(in srgb, var(--panel) 92%, var(--primary) 8%);font:inherit;border-radius:9px;padding:0 38px 0 12px;font-size:12px}.graph-for-label{color:var(--text);align-self:center;margin:20px 2px 0 12px;font-size:13px;font-weight:850}.graph-type-tabs{align-items:center}.graph-type-tabs button{border:1px solid var(--line-strong);min-height:44px;color:var(--muted);background:color-mix(in srgb, var(--panel) 92%, transparent);font:inherit;cursor:pointer;border-radius:9px;padding:0 18px;font-size:12px;font-weight:850}.graph-type-tabs button:hover,.graph-type-tabs button.active{border-color:color-mix(in srgb, var(--primary) 68%, var(--line));color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 55%, #102848), color-mix(in srgb, var(--primary) 32%, #10203a))}.graph-filter-row .field{flex:180px}.graph-filter-row select{width:100%}.graph-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.graph-data-note{color:var(--muted);margin:0 0 16px;font-size:13px}.graph-snapshot{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;min-height:210px;display:flex}.graph-snapshot span{color:var(--muted);justify-items:center;gap:8px;display:grid}.graph-snapshot i{border-radius:50%;width:11px;height:11px}.graph-snapshot strong{color:var(--text);font-size:clamp(22px,3vw,38px)}.graph-snapshot small,.graph-no-data{color:var(--muted);font-size:12px}.graph-card{width:100%;color:var(--text);background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 8%, var(--panel)), var(--panel));cursor:pointer;text-align:left;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:block;overflow:hidden}.graph-card:hover{border-color:color-mix(in srgb, var(--primary) 55%, var(--line));transform:translateY(-2px);box-shadow:0 18px 50px #00000038}.graph-card>header{color:#66b8ff;justify-content:space-between;gap:14px;font-size:13px;display:flex}.graph-card>header span{color:var(--muted);text-transform:uppercase;font-size:10px}.graph-chart-title{color:var(--text);text-align:center;margin:10px 0 2px;font-size:12px;font-weight:800}.line-graph{width:100%;min-height:220px;color:var(--muted);display:block}.graph-card>footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 20px;padding:8px 6px 0;display:flex}.graph-card>footer>span{color:var(--text);grid-template-columns:10px auto;align-items:center;gap:2px 7px;font-size:10px;font-weight:800;display:grid}.graph-card footer i,.graph-detail-stats i{border-radius:2px;width:9px;height:9px;display:inline-block}.graph-card footer small{color:var(--muted);grid-column:2;font-weight:600}.graph-card>footer>.graph-measured-at{white-space:nowrap;flex-direction:column;gap:2px;min-width:92px;margin-left:auto;display:flex}.graph-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 18px;display:grid}.graph-detail-stats>div{border:1px solid var(--line);background:color-mix(in srgb, var(--primary) 7%, transparent);border-radius:12px;gap:7px;padding:14px;display:grid}.graph-detail-stats span{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.graph-detail-stats strong{font-size:20px}.graph-detail-stats small{color:var(--muted)}.events-page .page-header{margin-bottom:19px}.events-page .page-header h1{font-size:clamp(22px,2.5vw,29px)}.events-page .page-header p{font-size:10.5px}.events-page .header-actions .button{min-height:35px;padding-inline:12px;font-size:9.5px}.events-page>.notice{margin-bottom:12px;padding:9px 12px}.events-filter-panel{border-color:color-mix(in srgb, var(--primary) 22%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, #1b2b46 72%, var(--panel)), var(--panel));margin-bottom:14px;overflow:hidden}.events-filter-panel>header{border-bottom:1px solid var(--line-strong);min-height:47px;color:var(--text);background:#33415561;align-items:center;gap:10px;padding:0 15px;display:flex}.events-filter-panel>header strong{font-size:13px}.events-filter-panel>header .text-button{margin-left:auto}.event-mode-tabs{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;max-width:650px;padding:14px 15px 6px;display:grid}.event-mode-tabs button{border:1px solid var(--line-strong);color:#c1ceda;background:color-mix(in srgb, #334155 62%, var(--panel));min-height:36px;font:inherit;cursor:pointer;border-radius:8px;font-size:11px;font-weight:900}.event-mode-tabs button:hover,.event-mode-tabs button.active{color:#fff;background:linear-gradient(135deg,#43c847,#27a83a);border-color:#41d25c85;box-shadow:0 8px 22px #27a83a2e}.events-filter-grid{grid-template-columns:1.4fr 1.15fr .9fr .9fr .8fr .8fr 48px;align-items:end;gap:8px;padding:10px 15px 14px;display:grid}.events-filter-grid .field{min-width:0;margin:0}.events-filter-grid select,.events-filter-grid input{border:1px solid var(--line-strong);width:100%;min-height:38px;color:var(--text);background:color-mix(in srgb, #26364f 52%, var(--panel));border-radius:8px}.events-filter-grid .search-box{width:100%}.event-search-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#43c847,#27a83a);border:1px solid #41d25c85;border-radius:8px;place-items:center;width:42px;height:38px;display:grid}.event-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.event-metric{border:1px solid var(--line-strong);color:#dce8f4;background:linear-gradient(145deg, color-mix(in srgb, #1e293b 82%, var(--panel)), var(--panel));border-radius:13px;min-height:88px;padding:14px;display:grid;position:relative;overflow:hidden}.event-metric>svg{opacity:.55;position:absolute;top:13px;right:13px}.event-metric strong{align-self:end;font-size:22px;line-height:1}.event-metric span{color:#9fb0c3;margin-top:5px;font-size:9.5px;font-weight:800}.event-metric.critical{border-color:#ff50586b}.event-metric.critical strong,.event-metric.critical svg{color:#ff574f}.event-metric.warning{border-color:#ffb7006b}.event-metric.warning strong,.event-metric.warning svg{color:#ffb700}.event-metric.loops strong,.event-metric.rogue strong,.event-metric.outages strong{color:#67b8ff}.events-table-panel{border-color:color-mix(in srgb, var(--primary) 24%, var(--line))}.events-table-panel .panel-header{background:#3341554d;min-height:52px;padding-block:10px}.events-table-panel .panel-header strong{font-size:14px}.events-table-panel .panel-header small{font-size:11px}.events-table{min-width:1580px}.events-table th{padding:11px 13px;font-size:12px}.events-table td{padding:12px 13px;font-size:13px;line-height:1.4}.events-table td:first-child,.events-table td:nth-child(4){white-space:nowrap}.events-table td strong{font-size:13px;line-height:1.4}.events-table td small{color:#819bb1;max-width:420px;font-size:11px;line-height:1.5}.events-table .status-badge{font-size:11px}.events-table .text-button{font-size:12px}.event-mode-badge{color:#e8f3ff;background:color-mix(in srgb, var(--primary) 22%, #24364b);text-transform:uppercase;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:900}.events-table th button{color:#66b8ff;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:900;display:inline-flex}.events-table th button span{color:var(--muted);font-size:8px}.events-table tbody tr:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}.event-type-chip{border:1px solid var(--line-strong);color:#b9cee1;white-space:nowrap;background:#ffffff06;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:850;display:inline-flex}.event-row-actions{gap:9px;display:flex}@media (max-width:980px){.olt-detail-layout,.graph-card-grid{grid-template-columns:1fr}.events-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-actions{justify-content:flex-start}.olt-action-bar .readonly-chip{width:100%;margin-left:0}}@media (max-width:620px){.detail-backbar{flex-direction:column;align-items:stretch}.detail-kv-table>div{grid-template-columns:1fr;gap:5px}.graph-control-primary,.graph-filter-row{flex-direction:column;align-items:stretch}.graph-for-label{margin:4px 0 0}.graph-control-primary .field,.graph-filter-row .field,.graph-control-panel select,.graph-type-tabs{width:100%}.graph-type-tabs button{flex:86px}.graph-detail-stats,.event-mode-tabs,.events-filter-grid,.event-summary-grid{grid-template-columns:1fr}.event-search-button{width:100%}}.topbar-brand .brand-copy strong,.topbar-brand .brand-copy span,.horizontal-nav>button,.settings-menu>button,.horizontal-nav>button:hover,.settings-menu>button:hover,.horizontal-nav>button.active,.settings-menu>button.active{text-shadow:none!important}.topbar{-webkit-backdrop-filter:none;background:#050e19;border-bottom-color:#7eacd638}@media (min-width:1181px){.horizontal-nav>button,.settings-menu>button,.horizontal-nav>button.planned{color:#d1deea;font-size:13.5px;font-weight:800}.horizontal-nav>button.active,.settings-menu>button.active{color:#fff;font-size:13.5px;font-weight:900}}.app-shell .topbar{background:#071526;min-height:68px;padding:0 28px 0 22px}.app-shell .topbar-brand .brand-copy span{display:none}.app-shell .topbar-brand .brand-copy strong{font-size:18px;line-height:1}.app-shell .topbar-brand .asm-official-symbol{flex-basis:42px;width:42px;height:42px}.app-shell .topbar-left{flex:1;gap:36px;min-width:0}.app-shell .topbar-right{flex:none}.app-shell .horizontal-nav{flex:1;gap:8px;min-width:0;overflow:visible}.app-shell .settings-menu{z-index:8;flex:none;position:relative}.app-shell .settings-menu>button{z-index:8;cursor:pointer;pointer-events:auto;position:relative}.app-shell .topbar-right{z-index:1;position:relative}.app-shell .settings-dropdown{z-index:30;background:#0c1a2b;min-width:260px;max-height:70vh;position:absolute;top:100%;overflow-y:auto}.app-shell .horizontal-nav>button,.app-shell .settings-menu>button{color:#e7eef6;letter-spacing:0;min-height:68px;box-shadow:none;background:0 0;border:0;padding:0 18px;font-size:16px;font-weight:500}.app-shell .horizontal-nav>button.active,.app-shell .settings-menu>button.active{color:#fff;background:0 0;box-shadow:inset 0 -2px #f4f8fc}.app-shell .topbar-right{gap:8px}.app-shell .topbar .theme-toggle,.app-shell .topbar-user,.app-shell .topbar-save{color:#e7eef6;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.app-shell .topbar-save:disabled{opacity:.7;cursor:wait}.app-shell .topbar-save-note{color:#d9ffee;background:#32d7902e;border-radius:8px;max-width:min(460px,42vw);margin:0;padding:7px 10px;font-size:13px;line-height:1.35}.app-shell .topbar-save-note.danger{color:#ffd7dc;background:#ff657733}.app-shell .save-banner{color:#e9fff5;background:#32d79033;align-items:center;gap:12px;margin:0;padding:10px 18px;font-size:14px;line-height:1.4;display:flex}.app-shell .save-banner.danger{color:#fff;background:#8d2433}.app-shell .save-banner button{color:inherit;cursor:pointer;background:#ffffff29;border:0;border-radius:6px;min-height:28px;margin-left:auto;padding:0 10px}.app-shell .topbar-save svg,.app-shell .topbar-user svg{width:18px;height:18px}.smart-dash{flex-direction:column;gap:14px;display:flex}.smart-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.smart-metric{color:#fff;text-align:left;cursor:pointer;border:0;border-radius:8px;flex-direction:column;align-items:stretch;gap:2px;min-height:108px;padding:12px 14px 10px;display:flex}.smart-metric-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.smart-metric-icon{flex:0 0 40px;width:40px;height:40px}.smart-metric strong{font-size:32px;font-weight:600;line-height:1}.smart-metric em{text-align:right;margin-top:1px;font-size:14px;font-style:normal;font-weight:500;display:block}.smart-metric small{opacity:.95;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;display:flex}.smart-metric.orange small:last-child{margin-top:2px;font-size:11px}.low-signal-summary{flex-wrap:wrap;align-items:center;gap:10px 18px;padding:14px 20px;display:flex}.low-signal-summary>span{color:var(--muted)}.low-signal-summary>button{margin-left:auto}.low-signal-coverage{flex-wrap:wrap;gap:8px;padding:0 20px 14px;display:flex}.low-signal-coverage>span{border:1px solid var(--line);border-radius:7px;padding:5px 9px;font-size:12px}.low-signal-table{width:100%}.low-signal-table th,.low-signal-table td{padding:10px 12px}.low-signal-table td small{color:var(--muted);display:block}.low-critical{color:#ff6b6b}.low-warning{color:#e39c17}.smart-metric.blue{background:#1c7ed6}.smart-metric.green{background:#2f9e44}.smart-metric.gray{background:#6c757d}.smart-metric.orange{color:#1b1404;background:#f59f00}.smart-metric.orange .smart-metric-icon{color:#fff}.smart-valid{text-align:right;color:#8ea3b8;margin:-4px 0 0}.smart-valid button{color:#49a6ff;cursor:pointer;background:0 0;border:0}.smart-split{grid-template-columns:minmax(0,1.7fr) minmax(260px,.75fr);gap:14px;display:grid}.smart-network,.smart-outage,.smart-auth{background:#101c2e;border-radius:10px}.smart-network header,.smart-olts header,.smart-outage>header,.smart-info>header,.smart-auth header,.smart-na header{align-items:center;gap:8px;padding:12px 14px;display:flex}.smart-network header button:first-of-type,.smart-olts select{margin-left:auto}.smart-olts select{text-overflow:ellipsis;min-width:0;max-width:72%}.smart-network header button,.smart-outage-tools button,.smart-na header button,.smart-na th button,.smart-na td button{color:#d5e4f2;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;width:auto;display:inline-flex}.smart-network .smart-icon{margin-left:4px}.smart-network>svg.smart-chart{width:100%;max-width:none;height:250px;max-height:none;display:block}.smart-network header svg,.smart-outage header svg,.smart-auth header svg,.smart-na svg,.smart-info svg,.smart-olts header svg{max-width:16px;max-height:16px;width:16px!important;height:16px!important}.smart-network line{stroke-width:2.5px;fill:none}.smart-network line.grid{stroke:#8ea3b82e;stroke-width:1px}.smart-network polygon.fill{fill:url(#smart-online-fill)}.smart-network line.g,.smart-network footer .g{stroke:#37b24d;background:#37b24d}.smart-network line.b,.smart-network footer .b{stroke:#4dabf7;background:#4dabf7}.smart-network line.o,.smart-network footer .o{stroke:#f59f00;background:#f59f00}.smart-network line.w,.smart-network footer .w{stroke:#ced4da;background:#ced4da}.smart-network text{fill:#8ea3b8;font-size:11px}.smart-network footer{color:#c5d4e4;flex-wrap:wrap;justify-content:center;gap:16px;padding:4px 12px 14px;display:flex}.smart-network footer i{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.smart-olts>div{flex-direction:column;display:flex}.smart-olts>div>button{color:#e7eef6;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #82a4c226;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:76px;padding:8px 12px;display:grid}.smart-olt-image{object-fit:contain;width:66px;height:54px;display:block}.smart-olt-content{gap:3px;min-width:0;display:grid}.smart-olts>div>button strong{overflow-wrap:anywhere;min-width:0}.smart-olt-facts{flex-wrap:wrap;align-items:baseline;gap:3px 10px;display:flex}.smart-olt-facts em{font-style:normal}.smart-olt-facts .smart-olt-offline{color:#ff6b6b;font-weight:700}.smart-olt-facts .smart-olt-stale{color:#f4b860;font-weight:700}.smart-olts>div>button strong{color:#8ec8ff}.smart-olts>div>button:hover strong{text-decoration:underline}.smart-olts b.hot{color:#ff6b6b}.smart-outage>header{border-bottom:1px solid #82a4c229}.smart-outage-tools{gap:8px;margin-left:auto;display:flex}.smart-outage section{border-bottom:1px solid #82a4c229}.smart-outage section>button{color:#e7eef6;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 14px;display:flex}.smart-outage section>button .ok{color:#37b24d;margin-left:auto}.smart-outage section.green>button svg:nth-child(2){color:#37b24d}.smart-outage section.orange>button svg:nth-child(2){color:#f59f00}.smart-outage section.red>button svg:nth-child(2){color:#fa5252}.smart-outage section.blue>button svg:nth-child(2){color:#4dabf7}.smart-clear{color:#37b24d;flex-direction:column;align-items:center;gap:8px;padding:22px 12px 26px;display:flex}.smart-clear svg{width:28px;height:28px}.smart-clear p,.smart-outage li{color:#9fb3c6;margin:0}.smart-outage ul{margin:0;padding:8px 18px 14px 42px}.smart-na header{gap:10px}.smart-na-title{align-items:center;gap:8px;display:inline-flex}.smart-na header b{color:#d5e4f2;background:#243246;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.smart-na header span{color:#9fb3c6;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.smart-na header span button{border-radius:6px;min-height:26px;padding:0 10px;border:1px solid #82a4c259!important}.smart-na header span button.on{color:#fff;background:#1c7ed6!important;border-color:#1c7ed6!important}.smart-na table{border-collapse:collapse;width:100%}.smart-na th,.smart-na td{text-align:left;color:#d5e4f2;border-top:1px solid #82a4c229;padding:8px 10px}.smart-na th button{font-weight:600}.smart-na-detail td{color:#9fb3c6}.smart-info>div p{align-items:flex-start;gap:8px;display:flex}.smart-info>div p span{flex-direction:column;gap:2px;display:flex}.smart-info>button{color:#d5e4f2;cursor:pointer;background:#1a2940;border:1px solid #82a4c24d;border-radius:6px;width:calc(100% - 28px);min-height:36px;margin:0 14px 14px}.smart-auth header{border-bottom:1px solid #82a4c229}.smart-bars{grid-template-columns:28px 1fr;gap:8px;height:210px;padding:12px 14px 8px;display:grid}.smart-bars>span{writing-mode:vertical-rl;color:#8ea3b8;text-align:center;font-size:12px;transform:rotate(180deg)}.smart-bars>div{align-items:flex-end;gap:3px;min-width:0;display:flex}.smart-bars i{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.smart-bars b{background:#1c7ed6;border-radius:2px 2px 0 0;width:70%}.smart-bars small{color:#8ea3b8;writing-mode:vertical-rl;white-space:nowrap;height:54px;margin-top:6px;font-size:10px;transform:rotate(180deg)}@media (max-width:980px){.smart-metrics,.smart-split{grid-template-columns:1fr}}.app-shell .topbar-logout{color:#e7eef6;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;width:auto;height:34px;padding:0 4px;font-size:16px;font-weight:500;display:inline-flex}@media (max-width:820px){.app-shell>.sidebar,.app-shell>.sidebar-overlay,.app-shell .mobile-menu{display:none!important}.app-shell .topbar-brand,.app-shell .horizontal-nav{display:flex!important}.app-shell .topbar-brand .brand-copy{display:none}.app-shell .workspace{width:100%;margin-left:0}}.onu-detail-page,.onu-detail-page button,.onu-detail-page input,.onu-detail-page select{-webkit-font-smoothing:auto;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.onu-detail-page{background:linear-gradient(135deg,#06172c 0%,#082c59 58%,#07366d 100%)}.onu-detail-page .onu-v12{color:#f1f7fd;background:url(/app/onu-detail-lines.svg) top/100% 100% no-repeat,radial-gradient(circle at 78% 18%,#1875da3d,#0000 34%),linear-gradient(145deg,#06172f,#0a3064 48%,#071a36)}.onu-detail-page .onu-v12-overview{background:linear-gradient(125deg,#1535608f,#0d2c5547 58%,#081c3d52);border:1px solid #afd7ff29;border-radius:16px;padding:clamp(14px,1.5vw,22px);box-shadow:0 18px 42px #030d2029,inset 0 1px #ebf7ff14}.app-shell.theme-light .onu-detail-page .onu-v12-overview{background:linear-gradient(125deg,#fff,#f4f9fe);border-color:#d7e5f2;box-shadow:0 12px 30px #23415f14}.onu-detail-page .onu-v12-online{color:#55e27c!important;font-weight:850!important}.onu-detail-page .onu-v12-online small{color:#b6c7d7;font-size:11px;font-weight:650}.onu-detail-page .onu-v12-device>strong{color:#fff;background:#051120b8;border-radius:5px;padding:4px 10px;text-shadow:none!important;font-size:14px!important;font-weight:850!important}.onu-detail-page .onu-v12-row .button,.onu-detail-page button.onu-v12-live{min-height:42px;text-shadow:none;border-width:1px;padding-left:20px;padding-right:20px;font-size:13px;font-weight:850}.onu-detail-page .onu-v12-row .button.primary{background:linear-gradient(#2699f8,#0873d7);border-color:#87cdff85;box-shadow:0 8px 18px #0052ab47}.onu-detail-page button.onu-v12-live{background:linear-gradient(#22c23b,#12a829);border:1px solid #92ffa5a6;box-shadow:0 8px 18px #0b87223d}.onu-detail-page .onu-v12-chart{background:#061224;border-color:#45617e;box-shadow:inset 0 0 0 1px #ffffff04}.onu-detail-page .onu-v12-chart h4{color:#f5f8fc;font-size:13px;font-weight:850}.onu-detail-page .onu-v12-chart svg line{stroke:#98b5d357}.onu-detail-page .onu-v12-chart svg polyline{stroke-width:3.5px}.onu-detail-page .onu-v12-chart footer{color:#c0cfdd;border-top-color:#3c526c;font-size:11px;font-weight:650}.onu-detail-page .onu-v12-table,.onu-detail-page .onu-v12-services,.onu-detail-page .onu-v12-command-panel{color:#eef6fd;font-size:13px}.onu-detail-page .onu-v12-table th{color:#d4e1ed;font-size:11px;font-weight:850}.onu-detail-page .onu-v12-table td{color:#d9e8f5;font-size:12px;font-weight:600}.onu-detail-page .onu-v12-device>strong,.onu-detail-page .onu-v12-device>small{display:none!important}@media (min-width:901px){.onu-detail-page .onu-v12-device{margin-top:-15px!important;margin-bottom:-80px!important}.onu-detail-page .onu-v12-device img{object-fit:contain;width:min(100%,500px)!important;height:120px!important}}.onu-detail-page .onu-v12-chart{background:#071326;border:1px solid #405773;border-radius:5px}.onu-detail-page .onu-v12-chart h4{padding:15px 12px 5px;font-size:14px}.onu-detail-page .onu-v12-chart svg .chart-grid{stroke:#7793b21a;stroke-width:1px}.onu-detail-page .onu-v12-chart svg .chart-axis{stroke:#7793b242;stroke-width:1px}.onu-detail-page .onu-v12-chart svg text{fill:#9bacc0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:12px;font-weight:600}.onu-detail-page .onu-v12-chart svg .chart-axis-title{fill:#a9b8c9;font-size:12px;font-weight:700}.onu-detail-page .onu-v12-chart svg .traffic-axis-title{font-size:10px}.onu-detail-page .onu-v12-chart svg .chart-unit{fill:#a9b8c9;font-size:11px;font-weight:700}.onu-detail-page .onu-v12-chart svg .chart-time,.onu-detail-page .onu-v12-chart svg .chart-date{font-size:11px}.onu-detail-page .onu-v12-chart svg polyline{stroke-linecap:round;stroke-linejoin:round}.onu-detail-page .onu-v12-chart footer{background:#0c1d34;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:7px 10px}.onu-chart-stats{gap:4px;min-width:0;display:grid}.onu-chart-stats span{flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;font-weight:750;display:flex}.onu-chart-stats em{color:#9cacc0;font-style:normal;font-weight:600}.onu-chart-actions{flex:none;align-items:center;gap:8px;display:flex}.onu-chart-actions button{color:#65bbff;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:30px;height:30px;padding:0;font-size:18px;font-weight:850;display:inline-grid}.onu-chart-actions button:last-child{color:#dff1ff;letter-spacing:-1px;background:#0c77d8;font-size:13px}.onu-chart-actions button:hover{color:#fff;background:#258ff047}@media (max-width:900px){.onu-detail-page .onu-v12-chart svg{min-width:600px}}.onu-detail-page .onu-v12-ethernet-row{align-items:stretch}.onu-detail-page .onu-v12-ethernet-row>strong{padding-top:12px;font-size:15px;line-height:1.35}.onu-detail-page .onu-v12-ethernet-row .onu-v12-table-wrap{width:100%}.onu-detail-page .onu-v12-ethernet-row .onu-v12-table{table-layout:fixed;width:100%;font-size:13px}.onu-detail-page .onu-v12-ethernet-row .onu-v12-table th{height:44px;padding:10px 14px;font-size:12px}.onu-detail-page .onu-v12-ethernet-row .onu-v12-table td{height:49px;padding:9px 14px;font-size:13px;font-weight:650}.onu-detail-page .onu-v12-ethernet-row .onu-v12-table button{min-width:112px;min-height:34px;padding:5px 13px;font-size:12px}.onu-detail-page .onu-v12-table th:last-child,.onu-detail-page .onu-v12-table td:not([colspan]):last-child{text-align:center;width:176px}.onu-detail-page .onu-v12-table td:not([colspan]):last-child>button:not(.onu-v12-add-ssid){justify-content:center;width:140px;min-width:140px;min-height:34px;margin-left:auto;margin-right:auto}.onu-detail-page .onu-v12-info dt{justify-content:flex-end;align-items:center;gap:7px;display:flex}.onu-detail-page .onu-v12-forward{color:#82caff;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:24px;height:24px;padding:0;transition:color .16s,background .16s,transform .16s;display:inline-grid}.onu-detail-page .onu-v12-forward:hover{color:#fff;background:#238fef47;transform:translate(1px,-1px)}.onu-detail-page .onu-v12-forward.preset{color:#69bfff}.onu-detail-page .onu-v12-history-link{color:#8fceff;font:inherit;cursor:pointer;background:0 0;border:0;padding:1px 3px;font-weight:650}.onu-detail-page .onu-v12-history-link:hover{color:#fff;text-decoration:underline}.onu-port-backdrop.onu-service-backdrop{place-items:start center;padding:88px 20px 24px;overflow-y:auto}.onu-port-dialog.onu-service-dialog{max-height:calc(100vh - 112px);overflow-y:auto}.onu-service-dialog>header{z-index:3;position:sticky;top:0}.onu-service-dialog>footer{z-index:3;position:sticky;bottom:0}.onu-detail-page .onu-v12-service-value.wan-mode,.onu-detail-page .onu-v12-secret>span{white-space:nowrap;word-break:normal;overflow-wrap:normal}.onu-detail-page .onu-v12-secret{flex-wrap:nowrap;min-width:0}.onu-detail-page,.onu-detail-page button,.onu-detail-page input,.onu-detail-page select{-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}.onu-detail-page .onu-v12-info dt{color:#eef4fb;font-size:15px;font-weight:700;line-height:1.35}.onu-detail-page .onu-v12-info dd{color:#8fcaff;font-size:15px;font-weight:400;line-height:1.35}.onu-detail-page .onu-v12-forward{width:22px;height:22px}.onu-detail-page .onu-v12-history-link{color:#8fcaff;font-weight:400}.onu-history-dialog{color:#dce8f6;background:#101d31;border:1px solid #344765;border-radius:12px;flex-direction:column;width:min(900px,100vw - 32px);max-height:min(82vh,760px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0000008c}.onu-history-dialog>header{border-bottom:1px solid #30405a;justify-content:space-between;align-items:center;padding:17px 22px;display:flex}.onu-history-dialog h3{margin:0;font-size:19px}.onu-history-dialog>header button{color:#b9c9dc;cursor:pointer;background:0 0;border:0}.onu-history-content{padding:14px;overflow-y:auto}.onu-history-content p,.onu-history-content small{color:#aabbd1}.onu-history-content small{margin:12px 2px 0;display:block}.onu-history-scroll{overflow-x:auto}.onu-history-scroll table{border-collapse:collapse;text-align:left;width:100%}.onu-history-scroll th{color:#b5c3d5;white-space:nowrap;background:#253449;padding:11px 12px}.onu-history-scroll td{vertical-align:top;border-top:1px solid #2b3b53;padding:12px}.onu-history-scroll tbody tr:nth-child(2n){background:#17263b}.onu-history-scroll td:last-child{white-space:nowrap}.onu-history-more{color:#e1eaf5;cursor:pointer;background:#253449;border:1px solid #3b4d67;border-radius:6px;width:100%;margin-top:6px;padding:11px;display:block}.onu-history-more:hover{background:#31445f}.onu-detail-page .onu-v12-online{font-weight:400!important}.onu-detail-page .onu-v12-online small{margin-left:10px;font-size:12px;font-weight:400}.onu-detail-page .onu-v12-optical dd span{font-weight:400}.onu-detail-page .onu-v12-row>strong{color:#eef4fb;font-size:15px;font-weight:700}.onu-detail-page .onu-v12-row .button,.onu-detail-page button.onu-v12-live{border-radius:5px;min-height:46px;padding:0 22px;font-size:15px;font-weight:700}@media (min-width:901px){.onu-detail-page .onu-v12{padding-left:clamp(18px,2.8vw,54px);padding-right:clamp(18px,2.8vw,54px)}.onu-detail-page .onu-v12-overview{grid-template-rows:154px auto!important;grid-template-columns:minmax(470px,.9fr) minmax(600px,1.1fr)!important;column-gap:clamp(34px,4vw,76px)!important;margin-top:20px!important}.onu-detail-page .onu-v12-overview>.onu-v12-info:first-child{grid-area:1/1/span 2!important}.onu-detail-page .onu-v12-device{grid-area:1/2!important;width:min(100%,640px)!important;min-height:154px!important;margin:-34px auto 0!important;padding:0!important}.onu-detail-page .onu-v12-device img{object-fit:contain;filter:drop-shadow(0 16px 20px #00000052);width:min(100%,445px)!important;height:178px!important}.onu-detail-page .onu-v12-device>strong,.onu-detail-page .onu-v12-device>small{display:none!important}.onu-detail-page .onu-v12-live-info{grid-area:2/2!important;place-self:start center!important;width:min(100%,620px)!important;margin:0!important}.onu-detail-page .onu-v12-live-info>div{grid-template-columns:minmax(205px,42%) minmax(0,58%)!important}.onu-detail-page .onu-v12-row{grid-template-columns:205px minmax(0,1fr);gap:16px;margin-top:18px}}@media (max-width:900px){.onu-detail-page .onu-v12-info dt,.onu-detail-page .onu-v12-info dd{font-size:14px}}.nav-flag-id{background:linear-gradient(#ce1126 0 50%,#fff 50% 100%);border-radius:2px;flex:none;width:22px;height:14px;display:inline-block;box-shadow:0 0 0 1px #ffffff73}.zones-page{flex-direction:column;gap:14px;display:flex}.zones-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.zones-search{color:#d5e6f4;flex-direction:column;gap:6px;min-width:min(320px,100%);font-size:15px;display:flex}.zones-search input{color:#f3f8fc;background:#081626b8;border:1px solid #82a4c259;border-radius:8px;min-height:42px;padding:0 12px;font-size:15px}.zones-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.zones-page .zones-add,.zones-page .zones-unused{color:#fff;border:0;border-radius:8px;min-height:42px;padding:0 16px;font-size:15px}.zones-page .zones-add{background:#2f6fed}.zones-page .zones-unused{background:#e23d3d}.zones-links{align-items:center;gap:14px;margin-left:8px;display:flex}.zones-links button{color:#b7c9d8;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:15px;display:inline-flex}.zones-help{color:#d5e2ee;margin:0;font-size:15px;line-height:1.5}.zones-table{border-collapse:collapse;width:100%}.zones-table th{text-align:left;color:#9fb3c6;text-transform:none;letter-spacing:0;border-bottom:1px solid #82a4c233;padding:14px 16px;font-size:14px;font-weight:700}.zones-table td{color:#edf4fa;border-bottom:1px solid #82a4c21f;padding:16px;font-size:15px}.zones-table th:nth-child(2),.zones-table td:nth-child(2){text-align:center}.zones-sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:14px;display:inline-flex}.zones-delete{color:#fff;cursor:pointer;background:#e23d3d;border:0;border-radius:6px;min-width:96px;min-height:36px;padding:0 16px;font-size:14px;font-weight:700}.zones-form{padding:18px 20px 20px}.zones-import-preview{flex-wrap:wrap;gap:8px;padding:16px 20px 0;display:flex}.zones-import-preview span{color:#d5e6f4;border:1px solid #82a4c247;border-radius:999px;padding:4px 10px;font-size:12px}.app-shell.theme-light .zones-search,.app-shell.theme-light .zones-help,.app-shell.theme-light .zones-table td{color:#173047}.app-shell.theme-light .zones-search input{color:#173047;background:#fff}.splitters-page{flex-direction:column;gap:16px;display:flex}.splitters-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.splitters-heading h1{letter-spacing:-.03em;margin:0;font-size:32px}.splitters-heading p{color:#c5d5e4;margin:6px 0 0}.splitters-actions{flex-wrap:wrap;gap:8px;display:flex}.splitters-page .splitters-add{color:#fff;background:#3cbf4a;border:0}.splitters-page .splitters-unused{color:#fff;background:#e23d3d;border:0}.splitters-page .splitters-muted{color:#f4f7fb;background:#5c6774;border:0}.splitters-page .splitters-muted:disabled{opacity:.55;cursor:not-allowed}.splitters-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.splitters-stats article{background:#0a18288c;border:1px solid #8caac62e;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.splitters-stats small{color:#9fb3c6;display:block}.splitters-stats strong{font-size:28px}.stat-icon{border-radius:999px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.stat-icon.blue{background:#2f6fed}.stat-icon.purple{background:#7c5cff}.stat-icon.green{background:#2f9e44}.stat-icon.gray{background:#6b7785}.splitters-filters{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:14px;display:grid}.splitters-filters label{color:#d5e4f2;flex-direction:column;gap:6px;font-size:13px;display:flex}.splitters-filters input,.splitters-filters select,.splitters-form input,.splitters-form select{color:#f3f8fc;background:#081626b8;border:1px solid #82a4c259;border-radius:8px;min-height:36px;padding:0 10px}.splitters-reset{color:#d5e4f2;cursor:pointer;background:0 0;border:1px solid #8caac659;border-radius:8px;justify-self:start;min-height:34px;padding:0 12px}.splitters-table{border-collapse:collapse;width:100%}.splitters-table th,.splitters-table td{text-align:left;border-bottom:1px solid #82a4c224;padding:12px 10px}.splitters-sort{color:#9fb3c6;font:inherit;cursor:pointer;background:0 0;border:0}.splitter-name{align-items:center;gap:8px;display:flex}.pin{color:#6d8296}.pin.on{color:#49a6ff}.onu-count{color:#fff;background:#2f6fed;border-radius:8px;place-items:center;min-width:28px;height:28px;font-weight:750;display:inline-grid}.usage-empty{color:#e0b15a}.splitters-delete{color:#fff;cursor:pointer;background:#e23d3d;border:0;border-radius:6px;min-width:84px;min-height:32px;font-weight:750}.splitters-form{padding:18px 20px 20px}.splitters-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.splitters-import-preview{flex-wrap:wrap;gap:8px;padding:16px 20px 0;display:flex}.splitters-import-preview span{color:#d5e6f4;border:1px solid #82a4c247;border-radius:999px;padding:4px 10px}@media (max-width:1100px){.splitters-stats,.splitters-filters{grid-template-columns:1fr 1fr}.splitters-form-grid{grid-template-columns:1fr}}.onu-types-page{flex-direction:column;gap:14px;display:flex}.onu-types-toolbar{display:flex}.onu-types-page .onu-types-add{color:#fff;background:#2f6fed;border:0}.onu-types-table{border-collapse:collapse;width:100%}.onu-types-table th,.onu-types-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #82a4c224;padding:12px 10px}.onu-types-sort{color:#9fb3c6;font:inherit;cursor:pointer;background:0 0;border:0}.onu-types-delete,.onu-types-page .onu-types-delete-confirm{color:#fff;cursor:pointer;background:#e23d3d;border:0;border-radius:6px;min-width:84px;min-height:32px;font-weight:750}.onu-type-add{flex-direction:column;gap:14px;padding:18px 22px 22px;display:flex}.onu-type-row{color:#d5e4f2;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:16px;display:grid}.onu-type-row>span{text-align:right}.onu-type-row input[type=text],.onu-type-row input:not([type]),.onu-type-row select{color:#f3f8fc;background:#081626b8;border:1px solid #82a4c259;border-radius:4px;width:100%;min-height:36px;padding:0 10px}.onu-type-row select:disabled{opacity:.55}.onu-type-choices{flex-wrap:wrap;gap:16px;display:flex}.onu-type-choices label,.onu-type-row small{align-items:center;gap:6px;display:flex}.onu-type-row small{color:#8ea4b8;margin-top:6px;font-size:12px;display:block}.onu-type-advanced-row{justify-content:flex-end;display:flex}.onu-type-advanced-row button,.onu-type-cancel{color:#49a6ff;cursor:pointer;background:0 0;border:0}.onu-type-advanced-note{color:#9fb3c6;text-align:right;margin:0}.onu-type-save-row{align-items:center;gap:14px;margin-left:196px;display:flex}.onu-type-save{color:#fff;cursor:pointer;background:#2f9e44;border:0;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 16px;font-weight:750;display:inline-flex}@media (max-width:700px){.onu-type-row,.onu-type-save-row{grid-template-columns:1fr;margin-left:0}.onu-type-row>span{text-align:left}}.api-keys-page{flex-direction:column;gap:14px;display:flex}.api-key-generate{color:#fff;cursor:pointer;background:#1c7ed6;border:0;border-radius:6px;min-height:34px;padding:0 14px;font-weight:750}.api-key-table,.api-key-limits{border-collapse:collapse;width:100%}.api-key-table th,.api-key-table td,.api-key-limits th,.api-key-limits td{text-align:left;border-bottom:1px solid #82a4c229;padding:10px 12px}.api-key-limits th{background:#142840e6}.api-key-actions{align-items:center;gap:8px;display:flex}.api-key-show,.api-key-edit,.api-key-delete{color:#fff;cursor:pointer;border:0;border-radius:6px;min-width:36px;min-height:32px;padding:0 12px;font-weight:750}.api-key-show{background:#2f9e44}.api-key-edit{background:#1c7ed6}.api-key-delete{background:#e23d3d}.api-key-copy,.api-keys-page h3{color:#d5e4f2;margin:0}.api-key-copy p{margin:0 0 8px}.api-key-heavy{color:#d5e4f2;margin:0}.api-key-token{overflow-wrap:anywhere;color:#f3f8fc;background:#081626b8;border-radius:6px;margin:0 0 12px;padding:12px}.api-logs-page{flex-direction:column;gap:14px;display:flex}.api-log-toolbar,.api-log-filters,.api-log-stats,.api-log-charts,.api-log-grid,.api-log-range,.api-log-pager{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.api-log-periods{align-items:center;gap:6px;display:flex}.api-log-periods button,.api-log-range button,.api-log-pager button{color:#d5e4f2;cursor:pointer;background:0 0;border:1px solid #82a4c259;border-radius:6px;min-height:32px;padding:0 10px}.api-log-periods button.on{color:#fff;background:#1c7ed6;border-color:#1c7ed6}.api-log-refresh{color:#fff;cursor:pointer;background:#2f9e44;border:0;border-radius:6px;align-items:center;gap:6px;min-height:32px;margin-left:auto;padding:0 12px;display:inline-flex}.api-log-health p,.api-log-health small{color:#9fb3c6}.api-log-filters{align-items:end}.api-log-filters label,.api-log-range label{color:#9fb3c6;flex-direction:column;gap:4px;font-size:12px;display:flex}.api-log-filters select,.api-log-filters input,.api-log-range input{color:#f3f8fc;background:#081626b8;border:1px solid #82a4c259;border-radius:4px;min-height:34px;padding:0 8px}.api-log-stats article{border:1px solid #82a4c233;border-radius:8px;min-width:140px;padding:12px 16px}.api-log-stats strong{font-size:28px;display:block}.api-log-charts{grid-template-columns:1.4fr .6fr;gap:12px;display:grid}.api-log-charts svg{width:100%;height:180px}.api-log-charts polyline{fill:none;stroke:#4dabf7;stroke-width:2px}.api-log-charts line.budget{stroke:#fa5252;stroke-dasharray:4 4}.api-log-charts text{fill:#8ea3b8;font-size:10px}.api-log-donut{border-radius:50%;width:150px;height:150px;margin:12px auto;-webkit-mask:radial-gradient(farthest-side,#0000 58%,#000 59%);mask:radial-gradient(farthest-side,#0000 58%,#000 59%)}.api-log-legend{color:#c5d4e4;justify-content:center;gap:10px;padding:0;list-style:none;display:flex}.api-log-legend i{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.api-log-legend .ok,.api-log-table b.ok{color:#d8ffe4;background:#2f9e44}.api-log-legend .mid{background:#4dabf7}.api-log-legend .warn{background:#f59f00}.api-log-legend .bad,.api-log-table b.bad{color:#fff;background:#fa5252}.api-log-table{border-collapse:collapse;width:100%}.api-log-table th,.api-log-table td{text-align:left;border-bottom:1px solid #82a4c229;padding:8px 10px}.api-log-table b{text-align:center;border-radius:4px;min-width:42px;padding:2px 6px;display:inline-block}.api-log-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.api-log-clear{color:#e8fff0;background:#1f6b3a;border-radius:6px;margin:0;padding:10px 12px}.api-logs-page .panel{padding:12px 14px 14px}.api-logs-page .panel header{margin-bottom:8px}@media (max-width:900px){.api-log-charts,.api-log-grid{grid-template-columns:1fr}}.api-key-add{flex-direction:column;gap:16px;max-width:920px;margin:12px auto 0;display:flex}.api-key-add-row{color:#d5e4f2;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:18px;display:grid}.api-key-add-row>span:first-child{text-align:right;padding-top:8px}.api-key-add-row input,.api-key-add-row select{color:#f3f8fc;background:#081626b8;border:1px solid #82a4c259;border-radius:4px;width:100%;min-height:38px;padding:0 10px}.api-key-add-row input[readonly]{color:#d5e4f2}.api-key-add-row small{color:#8ea4b8;margin-top:6px;font-size:13px;display:block}.api-key-add-actions{align-items:center;gap:14px;margin-left:228px;display:flex}.api-key-save{color:#fff;cursor:pointer;background:#2f9e44;border:0;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 16px;font-weight:750;display:inline-flex}.api-key-cancel{color:#49a6ff;cursor:pointer;background:0 0;border:0}.notify-page{flex-direction:column;gap:16px;display:flex}.notify-card{padding:16px 18px 18px}.notify-card header{color:#e7eef6;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.notify-guide-toggle,.notify-token button{color:#d5e4f2;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.notify-guide-toggle svg{transition:transform .15s}.notify-guide-toggle svg.open{transform:rotate(90deg)}.notify-guide{color:#c5d4e4;margin-top:12px}.notify-guide ol{margin:8px 0 0;padding-left:20px}.notify-check{color:#d5e4f2;align-items:center;gap:8px;margin:8px 0 16px;display:flex}.notify-row{color:#d5e4f2;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:16px;display:grid}.notify-token{align-items:center;gap:8px;display:flex}.notify-row input,.notify-row select{color:#f3f8fc;background:#081626b8;border:1px solid #82a4c259;border-radius:4px;width:100%;min-height:36px;padding:0 10px}.notify-help{color:#8ea4b8;margin:8px 0 14px 196px;font-size:13px}.notify-save{color:#fff;cursor:pointer;background:#2f9e44;border:0;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 16px;font-weight:750;display:inline-flex}@media (max-width:700px){.notify-row{grid-template-columns:1fr}.notify-help{margin-left:0}}.speed-profiles-page{flex-direction:column;gap:14px;display:flex}.speed-profile-tabs{gap:0;display:flex}.speed-profile-tabs button{color:#d5e4f2;cursor:pointer;background:0 0;border:1px solid #82a4c247;min-height:36px;padding:0 16px}.speed-profile-tabs button.active{background:#142840e6;border-bottom-color:#0000}.speed-profiles-page .speed-profile-add{color:#fff;background:#2f6fed;border:0}.speed-profile-table{border-collapse:collapse;width:100%}.speed-profile-table th,.speed-profile-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #82a4c224;padding:12px 10px}.prefix-yes{color:#1d6b45;background:#d9efe4;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.speed-profile-delete,.speed-profiles-page .speed-profile-delete-confirm{color:#fff;cursor:pointer;background:#e23d3d;border:0;border-radius:6px;min-width:84px;min-height:32px;font-weight:750}.speed-add{flex-direction:column;gap:14px;max-width:920px;margin:8px auto 0;padding:8px 12px 24px;display:flex}.speed-add-row{color:#d5e4f2;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:18px;display:grid}.speed-add-row>span:first-child{text-align:right}.speed-add-row input[type=text],.speed-add-row input:not([type]),.speed-add-row input[type=number],.speed-add-row select{color:#f3f8fc;background:#081626b8;border:1px solid #82a4c259;border-radius:4px;width:100%;min-height:36px;padding:0 10px}.speed-add-row input[readonly]{color:#9fb3c6}.speed-add-row small{color:#8ea4b8;margin-top:6px;font-size:12px;display:block}.speed-add-choices,.speed-add-check span{align-items:center;gap:16px;display:flex}.speed-add-choices input,.speed-add-check input{width:auto;min-height:0}.speed-add-advanced{color:#49a6ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.speed-add-advanced svg{transition:transform .15s}.speed-add-advanced svg.open{transform:rotate(90deg)}.speed-add-note{color:#9fb3c6;margin:0 0 0 228px}.speed-add-actions{align-items:center;gap:14px;margin-left:228px;display:flex}.speed-add-save{color:#fff;cursor:pointer;background:#2f9e44;border:0;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 16px;font-weight:750;display:inline-flex}.speed-add-cancel{color:#49a6ff;cursor:pointer;background:0 0;border:0}@media (max-width:700px){.speed-add-row,.speed-add-actions{grid-template-columns:1fr;margin-left:0}.speed-add-row>span:first-child{text-align:left}.speed-add-note{margin-left:0}}.olt-add-page{padding:22px 8px 28px}.olt-add-page form{flex-direction:column;gap:14px;max-width:920px;margin:0 auto;display:flex}.olt-add-row{color:#d5e4f2;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:18px;display:grid}.olt-add-row>span:first-child{text-align:right}.olt-add-row input,.olt-add-row select{color:#f3f8fc;background:#081626b8;border:1px solid #82a4c259;border-radius:4px;width:100%;min-height:38px;padding:0 10px}.olt-add-control{flex-direction:column;gap:4px;display:flex}.olt-add-control small,.olt-add-radios{color:#9fb3c6;font-size:13px}.olt-add-check,.olt-add-radios{flex-direction:column;gap:8px;display:flex}.olt-add-check{flex-direction:row;align-items:center}.olt-add-check input,.olt-add-radios input{width:auto;min-height:0}.olt-add-actions{justify-content:space-between;align-items:center;gap:12px;margin-left:238px;display:flex}.olt-add-save{color:#fff;cursor:pointer;background:#2f9e44;border:0;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 16px;font-weight:750;display:inline-flex}.olt-add-cancel{color:#49a6ff;cursor:pointer;background:0 0;border:0;margin-left:14px}.vpn-page{flex-direction:column;gap:12px;display:flex}.vpn-tabs{gap:8px;display:flex}.vpn-tabs button{color:#d5e4f2;cursor:pointer;background:0 0;border:1px solid #82a4c247;border-radius:8px;min-height:34px;padding:0 14px}.vpn-tabs button.active{color:#fff;background:#2f6fed;border-color:#2f6fed}.vpn-fold{color:#e7f2fb;cursor:pointer;background:#0c1c30b8;border:1px solid #82a4c233;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:0 14px;display:flex}.vpn-info{color:#9fb3c6;margin:0}.vpn-status-panel{border:1px solid #82a4c22e;border-radius:10px;flex-direction:column;gap:14px;padding:14px;display:flex}.vpn-type-row{color:#d5e4f2;align-items:center;gap:16px;display:flex}.vpn-type-row select,.vpn-form input,.vpn-form select{color:#f3f8fc;background:#081626b8;border:1px solid #82a4c259;border-radius:8px;min-height:36px;padding:0 10px}.vpn-table{border-collapse:collapse;width:100%}.vpn-table th,.vpn-table td{text-align:left;vertical-align:top;border-bottom:1px solid #82a4c224;padding:12px 10px}.vpn-status-cell{flex-direction:column;gap:3px;display:flex}.vpn-status-cell span,.vpn-info{color:#9fb3c6;font-size:13px}.vpn-actions{flex-wrap:wrap;gap:8px;display:flex}.vpn-mikrotik,.vpn-edit,.vpn-delete,.vpn-create{color:#fff;cursor:pointer;border:0;border-radius:6px;min-height:32px;padding:0 12px;font-weight:750}.vpn-mikrotik{background:#2f6fed}.vpn-edit,.vpn-create{background:#2f9e44}.vpn-delete{background:#e23d3d}.vpn-form{padding:18px 20px 20px}.vpn-form input[type=checkbox]{width:auto;min-height:0}.vpn-script{white-space:pre-wrap;color:#d7e7f5;background:#05101ca6;margin:0;padding:16px 20px;overflow:auto}.vpn-set-olts{color:#fff;cursor:pointer;background:#243246;border:0;border-radius:6px;min-height:32px;padding:0 12px}.tr069-status{flex-direction:column;gap:14px;display:flex}.tr069-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tr069-stat{background:#08162673;border:1px solid #82a4c238;border-radius:10px;flex-direction:column;gap:6px;min-height:92px;padding:16px;display:flex}.tr069-stat strong{font-size:28px}.tr069-stat span{color:#9fb3c6}.tr069-stat.danger strong{color:#ff5d6c}.tr069-section-head,.tr069-search{justify-content:space-between;align-items:center;gap:12px;display:flex}.tr069-search input,.vpn-status-panel select{color:#f3f8fc;background:#081626b8;border:1px solid #82a4c259;border-radius:8px;width:min(100%,520px);min-height:36px;padding:0 10px}.tr069-services{flex-wrap:wrap;gap:10px;display:flex}.tr069-service i{background:#e23d3d;border-radius:99px;width:10px;height:10px;margin-left:4px;display:inline-block}.tr069-service i.ok{background:#2f9e44}.tr069-check{align-items:center;gap:8px;display:flex}.tr069-view{gap:10px;padding:16px 20px;display:grid}.tr069-view div{grid-template-columns:140px 1fr;gap:8px;display:grid}.tr069-view dt{color:#9fb3c6}.tr069-files{color:#d5e4f2;margin:0;padding:16px 20px 0 36px}.general-settings{flex-direction:column;gap:14px;display:flex}.general-actions{gap:10px;display:flex}.general-table{border-collapse:collapse;width:100%}.general-table th,.general-table td{text-align:left;border-bottom:1px solid #82a4c229;padding:12px 14px}.general-table th{color:#9fb3c6;font-weight:650}.user-create{padding:18px 8px 28px}.user-create form{flex-direction:column;gap:14px;max-width:980px;margin:0 auto;display:flex}.user-create-row{color:#d5e4f2;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:16px;display:grid}.user-create-row>span:first-child{text-align:right;padding-top:8px}.user-create-row input,.user-create-row select{color:#f3f8fc;background:#081626b8;border:1px solid #82a4c259;border-radius:4px;width:100%;min-height:36px;padding:0 10px}.user-create-control,.user-create-groups,.user-create-checks{flex-direction:column;gap:8px;display:flex}.user-create-control small,.user-create-groups small{color:#9fb3c6}.user-create-groups label,.user-create-checks label,.user-create-control label{align-items:flex-start;gap:8px;display:flex}.user-create-groups input,.user-create-checks input,.user-create-control input[type=checkbox]{width:auto;min-height:0;margin-top:3px}.user-create-actions{align-items:center;gap:14px;margin-left:196px;display:flex}.user-create-save{color:#fff;cursor:pointer;background:#2f9e44;border:0;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 16px;font-weight:750;display:inline-flex}.user-create-cancel{color:#49a6ff;cursor:pointer;background:0 0;border:0}.group-rights{flex-direction:column;gap:8px;max-height:640px;padding-right:8px;display:flex;overflow:auto}.group-rights strong{margin-top:8px;display:block}.group-rights label{align-items:flex-start;gap:8px;display:flex}.group-rights input{width:auto;min-height:0;margin-top:3px}.group-rights small{color:#9fb3c6}.group-directory{padding:12px 8px 20px}.group-toolbar{align-items:center;gap:22px;margin:4px 8px 14px;display:flex}.group-toolbar button{color:#d7e6f4;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-weight:650;display:inline-flex}.group-mails{flex-direction:column;gap:2px;display:flex}.group-mails span{color:#d5e2ee}.group-directory td:last-child,.group-directory th:last-child{text-align:right}.group-delete{color:#fff;cursor:pointer;background:#e03131;border:0;border-radius:4px;min-height:32px;padding:0 14px;font-weight:750}.restrict-picker{position:relative}.restrict-picker>button{text-align:left;color:#f3f8fc;cursor:pointer;background:#081626b8;border:1px solid #82a4c259;border-radius:4px;width:100%;min-height:36px;padding:0 10px}.restrict-menu{z-index:4;background:#102033;border:1px solid #82a4c259;border-radius:6px;flex-direction:column;gap:6px;max-height:220px;margin-top:4px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:auto}.restrict-menu label{align-items:flex-start;gap:8px;display:flex}.restrict-menu input{width:auto;min-height:0;margin-top:3px}.restrict-menu small{color:#9fb3c6}@media (max-width:700px){.user-create-row,.user-create-actions{grid-template-columns:1fr;margin-left:0}.user-create-row>span:first-child{text-align:left}}@media (max-width:800px){.tr069-stats{grid-template-columns:1fr 1fr}}@media (max-width:700px){.olt-add-row,.olt-add-actions{grid-template-columns:1fr;margin-left:0}.olt-add-row>span:first-child{text-align:left}.olt-add-actions{flex-direction:column;align-items:stretch}}@media (max-width:800px){.onu-types-form-grid{grid-template-columns:1fr}}.login-gate{background:#6b4a32;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-gate-desk{object-fit:cover;object-position:center 72%;width:100%;height:100%;position:absolute;inset:0}.login-gate-land,.login-gate-map{aspect-ratio:2.5;pointer-events:none;width:min(98vw,104vh);height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.login-gate-land{opacity:.9;background:#0b4f93;-webkit-mask:url(/app/asm-indonesia-watermark.svg) 50%/contain no-repeat;mask:url(/app/asm-indonesia-watermark.svg) 50%/contain no-repeat}.login-gate-map{object-fit:contain}.login-gate-card{z-index:2;background:#fff;border-radius:2px;flex-direction:column;gap:16px;width:min(520px,100% - 36px);margin-top:9vh;padding:30px 32px 24px;display:flex;position:relative;box-shadow:0 18px 46px #0000004d}.login-gate-brand{justify-content:center;align-items:center;gap:14px;margin-bottom:8px;display:flex}.login-gate-brand img{object-fit:contain;filter:drop-shadow(0 6px 10px #0b4f9338);width:58px;height:58px}.login-gate-brand strong{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.login-gate-asm{color:#0b4f93;letter-spacing:.22em;font-size:15px;font-weight:800}.login-gate-name{color:#5d6d7e;letter-spacing:-.03em;margin-top:3px;font-size:34px;font-weight:700}.login-gate-olt{color:#0b4f93;font-weight:800}.login-gate-o{color:#1a73e8;vertical-align:.08em;border:2.5px solid #1a73e8;border-radius:50%;place-items:center;width:.86em;height:.86em;margin:0 .05em 0 .08em;font-size:.72em;font-weight:800;line-height:1;display:inline-grid}.onu-detail-page .onu-v12-info>div{gap:10px;min-height:22px}.onu-detail-page .onu-v12-info dt{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;line-height:1.2}.onu-detail-page .onu-v12-info dd{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.2}@media (min-width:901px){.onu-detail-page .onu-v12-overview{grid-template-columns:minmax(300px,1fr) minmax(360px,1fr);grid-template-areas:"facts device""facts live";align-items:start;gap:6px 28px}.onu-detail-page .onu-v12-overview>.onu-v12-info:first-child{grid-area:facts}.onu-detail-page .onu-v12-device{grid-area:device;justify-content:center;align-self:start;min-height:0;margin:-36px 0 0!important}.onu-detail-page .onu-v12-live-info{grid-area:live;margin-top:-36px!important}.onu-detail-page .onu-v12-device img{object-fit:contain;filter:none;max-height:132px;width:min(100%,400px)!important;height:auto!important}}.login-gate-status{color:#1a73e8;margin:0;font-size:16px;font-weight:600}.login-gate-card>input{color:#1d2b3a;background:#fff;border:1px solid #c5ced6;border-radius:2px;width:100%;min-height:48px;padding:0 12px;font-size:16px}.login-gate-card>input:focus{border-color:#1a73e8;outline:2px solid #1a73e859}.login-gate-remember{color:#4b5563;align-items:center;gap:8px;font-size:15px;display:flex}.login-gate-remember input{accent-color:#1a73e8;width:16px;height:16px}.login-gate-card>button[type=submit]{color:#fff;cursor:pointer;background:#1a73e8;border:0;border-radius:3px;min-height:48px;font-size:18px;font-weight:600}.login-gate-card>button[type=submit]:disabled{opacity:.7;cursor:wait}.login-gate-forgot{color:#1a73e8;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px}.login-gate-help{color:#4b5563;margin:0;font-size:13px}.login-gate-card .notice{margin:0}.app-shell.theme-light .onu-detail-page,.app-shell.theme-light .onu-detail-page .onu-v12{color:#1b2836;background:#fff!important}.app-shell.theme-light .onu-detail-page .onu-v12-info dt,.app-shell.theme-light .onu-detail-page .onu-v12-row>strong,.app-shell.theme-light .onu-detail-page .onu-v12-ethernet-row>strong,.app-shell.theme-light .onu-detail-page .onu-v12-status{color:#1b2836!important}.app-shell.theme-light .onu-detail-page .onu-v12-info dd,.app-shell.theme-light .onu-detail-page .onu-v12-optical dd span{color:#1a73e8!important}.app-shell.theme-light .onu-detail-page .onu-v12-online{color:#1e8e3e!important}.app-shell.theme-light .onu-detail-page .onu-v12-status small,.app-shell.theme-light .onu-detail-page .onu-v12-online small{color:#5f6b7a!important}.app-shell.theme-light .onu-detail-page .onu-v12-chart,.app-shell.theme-light .onu-detail-page .onu-v12-chart footer,.app-shell.theme-light .onu-detail-page .onu-v12-table,.app-shell.theme-light .onu-detail-page .onu-v12-table td,.app-shell.theme-light .onu-detail-page .onu-v12-services{color:#1b2836;background:#fff;border-color:#d5dde6}.app-shell.theme-light .onu-detail-page .onu-v12-table th{color:#1b2836;background:#f7f9fb}.app-shell.theme-light .onu-detail-page .onu-v12-table tbody tr:nth-child(2n) td{background:#f7f9fb}.app-shell.theme-light .onu-detail-page .onu-v12-chart h4,.app-shell.theme-light .onu-detail-page .onu-v12-chart footer,.app-shell.theme-light .onu-detail-page .onu-chart-stats em{color:#1b2836}.app-shell.theme-light .onu-detail-page .onu-v12-chart svg text,.app-shell.theme-light .onu-detail-page .onu-v12-chart svg .chart-axis-title{fill:#3c4a5a}.olt-settings-detail .page-header .eyebrow{font-size:12px}.olt-settings-detail .page-header p{max-width:900px;font-size:15px}.olt-settings-detail .olt-detail-tabs button{min-height:50px;font-size:15px}.olt-settings-detail .button{min-height:42px;font-size:14px}.olt-settings-detail .panel-header strong{font-size:15px}.olt-settings-detail .panel-header small{color:var(--muted);font-size:12px}.olt-settings-detail .notice{font-size:13px;line-height:1.55}.olt-settings-detail .table-scroll table{min-width:1120px}.olt-settings-detail .table-scroll th{color:#a4b7c9;letter-spacing:.025em;padding:13px 12px;font-size:12px}.olt-settings-detail .table-scroll td{color:#bdd0e2;padding:14px 12px;font-size:14px}.olt-settings-detail .table-scroll .compact-button{min-height:38px;font-size:13px}.olt-settings-detail .modal h2{font-size:20px}.olt-settings-detail .modal header p{font-size:13px}.olt-settings-detail .modal:has(.report-checkbox){width:min(560px,100%)}.olt-settings-detail .modal:has(.report-checkbox) form{flex-direction:column;gap:12px;padding:18px 20px 20px;display:flex}.olt-settings-detail .modal:has(.report-checkbox) form .notice{margin-bottom:3px}.olt-settings-detail .field>span{font-size:14px}.olt-settings-detail .field>small{font-size:12px}.olt-settings-detail .field input,.olt-settings-detail .field select,.olt-settings-detail .field textarea{font-size:15px}.olt-settings-detail .report-checkbox{grid-column:auto;font-size:14px}.olt-settings-detail .table-scroll:has(.uplink-up) table{min-width:1650px}.olt-settings-detail .uplink-up{color:#53d38d;font-weight:700}.olt-settings-detail .uplink-down{color:#ff7e88;font-weight:700}.olt-settings-detail .modal .detail-kv-table{max-height:55vh;overflow-y:auto}.olt-settings-detail .modal .olt-uplink-test-actions{padding:0 18px 18px}.olt-settings-detail .modal .detail-kv-table+.notice{margin:16px 18px}.olt-tool-controls{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;display:flex}.olt-tool-controls select,.olt-tool-controls input{color:#e7f1ff;background:#0b1b32;border:1px solid #45617d;border-radius:8px;min-width:220px;padding:10px 12px}.olt-tool-controls label{flex-direction:column;gap:6px;display:flex}.olt-tool-output{color:#dceaff;white-space:pre-wrap;overflow-wrap:anywhere;background:#071425;border:1px solid #345271;border-radius:8px;max-height:55vh;padding:16px;overflow:auto}.olt-tool-list{border:1px solid #345271;border-radius:8px;max-height:50vh;margin-top:16px;overflow:auto}.olt-tool-list>div{border-bottom:1px solid #29445d;justify-content:space-between;gap:16px;padding:10px 12px;display:flex}.olt-tool-list>div:last-child{border-bottom:0}.olt-tool-list span{color:#a7c1d8}.modal.wide:has(.olt-cli-terminal){width:min(1100px,100%)}.olt-cli-terminal{gap:12px;padding:16px 20px 20px;display:grid}.olt-cli-terminal .notice{margin:0}.olt-cli-toolbar{color:#9fb6cb;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.olt-cli-state{color:#f6ba58;font-weight:700}.olt-cli-state.connected{color:#60d993}.olt-cli-screen{color:#dceaff;white-space:pre-wrap;overflow-wrap:anywhere;background:#050e19;border:1px solid #345271;border-radius:9px;height:min(55vh,560px);min-height:280px;margin:0;padding:18px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.olt-cli-input{color:#60d993;background:#0b1b32;border:1px solid #45617d;border-radius:9px;align-items:center;gap:10px;padding:8px 12px;display:flex}.olt-cli-input input{color:#e7f1ff;background:0 0;border:0;outline:0;flex:1;min-width:0;font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.olt-cli-mask{color:#9fb6cb;align-items:center;gap:7px;font-size:12px;display:flex}.olt-cli-terminal .form-actions{margin-top:0}@media (max-width:640px){.olt-cli-terminal{padding:12px}.olt-cli-screen{min-height:220px}.olt-cli-input{flex-wrap:wrap}}@media (min-width:901px){.onu-detail-page .onu-v12-overview .onu-v12-info dt,.onu-detail-page .onu-v12-overview .onu-v12-info dd{font-size:15px}.onu-detail-page .onu-v12-overview .onu-v12-online small{font-size:13px}}.onu-detail-page .onu-v12-live-info>div{align-items:start;padding-block:3px}.onu-detail-page .onu-v12-live-info dt{padding-top:2px}.onu-detail-page .onu-v12-status{flex-direction:column;align-items:flex-start;gap:4px}.onu-detail-page .onu-v12-status>.onu-v12-uptime{font-size:13px;line-height:1.4;display:block}.onu-detail-page .onu-v12-status small{line-height:1.4;display:block}.onu-detail-page .onu-v12-optical dd{grid-template-columns:minmax(0,1fr);gap:4px;display:grid!important}.onu-detail-page .onu-v12-optical dd span{white-space:normal;line-height:1.4}.onu-detail-page .onu-v12-live-info dd{min-width:0}@media (min-width:901px){.onu-v12-device{position:relative;z-index:1!important;margin-top:0!important;margin-bottom:8px!important}.onu-v12-device>strong{margin-top:4px!important;transform:none!important}.onu-v12-live-info{margin-top:4px!important}}.onu-v12-status{align-items:baseline}.onu-v12-status-line{gap:8px}.onu-v12-uptime{font-weight:650}.onu-v12-rx-line span{color:#69bfff;font-weight:750}.onu-v12-status{flex-wrap:nowrap}.onu-v12-status-line{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:inline-flex}.onu-v12-status-line small{color:#9fb4c9;white-space:nowrap;margin:0;font-size:12px;font-weight:550;display:inline}.onu-v12-live-info>div:first-child{min-height:0;margin-bottom:0}.onu-vlan-picker{min-width:0;position:relative}.onu-vlan-picker-button{color:#edf5fc;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:#1a273a;border:1px solid #4d89d8;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.onu-vlan-picker-button span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onu-vlan-menu{z-index:8;background:#121c2c;border:1px solid #31465f;border-radius:6px;padding:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 18px 40px #00000073}.onu-vlan-menu input{color:#edf5fc;width:100%;height:36px;font:inherit;background:#1a273a;border:1px solid #3c5168;border-radius:4px;margin-bottom:6px;padding:0 10px}.onu-vlan-options{max-height:260px;overflow:auto}.onu-vlan-options label{color:#e8eef6;cursor:pointer;align-items:center;gap:10px;margin:0;padding:8px 10px;display:flex}.onu-vlan-options label.selected,.onu-vlan-options label:hover{background:#1d4e86}.onu-vlan-options input{accent-color:#2f89e6;width:16px;height:16px}.onu-vlan-empty{color:#9fb0c3;padding:10px}@media (min-width:901px){.onu-detail-page .onu-v12-chart-row{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:10px;width:min(100%,1120px);margin-left:auto;margin-right:auto}.onu-detail-page .onu-v12-chart-row>strong{text-align:left;width:100%;padding-top:2px}.onu-detail-page .onu-v12-charts{width:100%;margin-left:auto;margin-right:auto}}.onu-detail-page .onu-v12-chart{border-radius:4px}.onu-detail-page .onu-v12-chart h4{padding:8px 10px 0;font-size:12px;font-weight:650}.onu-detail-page .onu-v12-chart svg{height:148px;padding:0 4px}.onu-detail-page .onu-v12-chart svg text{font-size:10px;font-weight:500}.onu-detail-page .onu-v12-chart svg .chart-axis-title,.onu-detail-page .onu-v12-chart svg .traffic-axis-title,.onu-detail-page .onu-v12-chart svg .chart-unit,.onu-detail-page .onu-v12-chart svg .chart-time,.onu-detail-page .onu-v12-chart svg .chart-date{font-size:10px;font-weight:550}.onu-detail-page .onu-v12-chart svg polyline,.onu-detail-page .onu-v12-chart svg circle{stroke-width:1.6px;shape-rendering:geometricprecision}.onu-detail-page .onu-v12-chart footer{gap:8px;min-height:0;padding:6px 8px;font-size:10px;font-weight:550}.onu-chart-stats{gap:2px}.onu-chart-stats span{gap:5px;font-size:10px;font-weight:650}.onu-chart-actions{gap:6px}.onu-chart-actions button{width:24px;height:24px;font-size:14px}.onu-chart-actions button:last-child{font-size:11px}@media (min-width:901px){.onu-detail-page .onu-v12-status-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;width:min(100%,1120px);margin-top:8px;margin-left:auto;margin-right:auto}.onu-detail-page .onu-v12-status-row>strong{text-align:left;width:auto;padding-top:0}.onu-detail-page .onu-v12-row:not(.onu-v12-status-row):not(.onu-v12-chart-row){grid-template-columns:118px minmax(0,1fr);gap:12px}.onu-detail-page .onu-v12-services,.onu-detail-page .onu-v12-danger-actions{margin-left:130px}}.onu-service-dialog>header,.onu-service-dialog>footer{z-index:30}.onu-vlan-menu{z-index:1;box-shadow:none;margin-top:8px;position:static;top:auto}.onu-vlan-options{max-height:min(220px,36vh)}.onu-service-dialog>footer{background:#101c2f;justify-content:flex-end;gap:10px;display:flex}.users-page .page-header p{font-size:15px}.users-page .button,.users-page .user-action-bar strong,.users-page .user-action-bar small,.users-page .user-action-bar input,.users-page .notice{font-size:14px}.users-page th{letter-spacing:.04em;padding:14px 16px;font-size:13px}.users-page td{padding:14px 16px;font-size:15px}.users-page td strong{font-size:16px}.users-page td small{font-size:13px}.users-page .mono{font-size:15px}.users-page .role-chip{padding:6px 10px;font-size:13px}.users-page .status-badge{padding:6px 10px;font-size:12px}.users-page .text-button{font-size:15px}.users-page .modal h2{font-size:20px}.users-page .modal header p{font-size:14px}.users-page .field>span{font-size:13px}.users-page .field>small{font-size:12px}.users-page .field input,.users-page .field select,.users-page .field textarea{font-size:15px}.general-settings .general-table th{letter-spacing:.04em;font-size:13px}.general-settings .general-table td{color:#d5e4f2;font-size:15px}.general-settings .modal .general-table th,.general-settings .modal .general-table td{font-size:14px}.olt-list-panel th{letter-spacing:.04em;padding:14px 16px;font-size:13px}.olt-list-panel td{padding:14px 16px;font-size:15px}.olt-list-panel td strong{font-size:16px}.olt-list-panel td small{max-width:none;font-size:13px}.olt-list-panel .mono{font-size:15px}.olt-list-panel .compact-button{min-height:40px;font-size:14px}.olt-list-panel .search-box input{font-size:15px}.olt-list-panel .table-toolbar .button{font-size:14px}.olt-list-panel .pagination>span{font-size:13px}.onu-v12-getstatus-terminal .onu-terminal-section h3{color:#d6e4f6c7;font-size:16px}.onu-v12-getstatus-terminal .onu-terminal-details dl{margin-bottom:8px}.onu-detail-page .onu-v12-getstatus-terminal,.onu-detail-page .onu-v12-getstatus-terminal .onu-terminal-section h3,.onu-detail-page .onu-v12-getstatus-terminal .onu-terminal-riam-status h3,.onu-detail-page .onu-v12-getstatus-terminal .onu-terminal-optical-head,.onu-detail-page .onu-v12-getstatus-terminal .onu-terminal-optical-row,.onu-detail-page .onu-v12-getstatus-terminal .onu-terminal-details dt,.onu-detail-page .onu-v12-getstatus-terminal .onu-terminal-details dd,.onu-detail-page .onu-v12-getstatus-terminal .onu-terminal-table,.onu-detail-page .onu-v12-getstatus-terminal .onu-terminal-table th,.onu-detail-page .onu-v12-getstatus-terminal .onu-terminal-table td,.onu-detail-page .onu-v12-getstatus-terminal p{font-size:15px;line-height:1.45}.onu-detail-page .onu-v12-getstatus-terminal .onu-terminal-section h3,.onu-detail-page .onu-v12-getstatus-terminal .onu-terminal-table th{font-weight:650}.modal-backdrop:has(.low-signal-summary){z-index:200;align-items:start;padding-top:84px}.modal.wide:has(.low-signal-summary){max-height:calc(100vh - 104px)}.modal.wide:has(.low-signal-summary)>header h2{font-size:22px}.modal.wide:has(.low-signal-summary)>header p{color:#d5e4f0;font-size:16px}.modal.wide:has(.low-signal-summary)>header .icon-button{color:#f7fbff;background:#163049;border-color:#9ec3e4;flex:none;width:42px;height:42px}.modal.wide:has(.low-signal-summary)>header .icon-button svg{color:#f7fbff;stroke:#f7fbff}.modal.wide:has(.low-signal-summary) .low-signal-summary>strong{font-size:18px}.modal.wide:has(.low-signal-summary) .low-signal-summary>span{font-size:15px}.modal.wide:has(.low-signal-summary) .notice{font-size:15px}.modal.wide:has(.low-signal-summary) .low-signal-summary .button{font-size:15px}.modal.wide:has(.low-signal-summary) .low-signal-coverage>span{font-size:15px}.modal.wide:has(.low-signal-summary) .low-signal-table th{font-size:13px}.modal.wide:has(.low-signal-summary) .low-signal-table td{font-size:16px}.modal.wide:has(.low-signal-summary) .low-signal-table td strong{font-size:16px}.modal.wide:has(.low-signal-summary) .low-signal-table td small{font-size:14px}.onu-detail-page .onu-v12-status .onu-v12-status-line{white-space:nowrap;flex-wrap:nowrap;align-items:baseline;display:inline-flex}.onu-detail-page .onu-v12-status .onu-v12-status-line small{white-space:nowrap;flex:none;display:inline}.users-page .modal-backdrop{align-items:start;padding-top:92px}.users-page .modal{max-height:calc(100vh - 116px)}.users-page .modal>header .icon-button{z-index:3;flex:none;position:relative}.modal-backdrop:has(.olt-cli-terminal){align-items:start;padding-top:92px}.modal.wide:has(.olt-cli-terminal){flex-direction:column;width:min(920px,100vw - 36px);max-height:calc(100vh - 112px);display:flex;overflow:hidden}.modal.wide:has(.olt-cli-terminal)>header{flex:none}.modal.wide:has(.olt-cli-terminal)>header .icon-button{color:#f7fbff;background:#163049;border-color:#9ec3e4;flex:none;width:36px;height:36px}.olt-cli-terminal{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:12px 16px 14px;display:flex}.olt-cli-terminal .notice{margin:0;padding:8px 12px;font-size:13px;line-height:1.4}.olt-cli-toolbar{background:#0c1c2e;border:1px solid #82aacc47;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:8px;display:flex}.olt-cli-toolbar .button{border-radius:8px;min-height:34px;padding:0 12px;font-size:13px}.olt-cli-state{color:#f6ba58;background:#f6ba5824;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.olt-cli-state:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.olt-cli-state.connected{color:#67e0a0;background:#60d99324}.olt-cli-toolbar>span:last-child{color:#8eabc2;margin-left:auto;font-size:12px}.olt-cli-screen{color:#e7f2ff;background:#071321;border:1px solid #7eacd659;border-radius:12px;flex:auto;height:auto;min-height:220px;max-height:none;margin:0;padding:14px 16px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.olt-cli-input{background:#09182b;border:1px solid #7eacd673;border-radius:12px;min-height:48px;padding:6px 8px 6px 14px}.olt-cli-input input{font-size:14px}.olt-cli-input .button{border-radius:8px;min-height:36px}.olt-cli-mask{color:#9fb6cb;font-size:12px}.olt-cli-terminal .form-actions{margin:0;padding:0}.olt-cli-terminal .form-actions .button{min-height:36px}.onu-detail-page .onu-wan-access{position:relative}.onu-web-menu{flex:none;display:inline-flex}.onu-web-menu-arrow{color:#3aa6ff;cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;margin:0 0 0 2px;padding:0;display:inline-grid}.onu-web-menu-arrow svg{display:block}.onu-web-menu-arrow:hover{color:#7cc6ff}.onu-web-menu-pop{z-index:40;background:#161d27;border-radius:12px;flex-direction:column;min-width:112px;padding:8px 0;display:flex;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 14px 32px #0000006b}.onu-web-menu-pop button{color:#f5f8fb;text-align:center;cursor:pointer;background:0 0;border:0;padding:8px 18px;font-size:16px;font-weight:650;line-height:1.2}.onu-web-menu-pop button:hover{background:#ffffff0f}