:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--border:#dde1e7;--text:#16191d;--text-muted:#5d6673;--accent:#2458d6;--accent-text:#fff;--danger:#c4312a;--ok:#1d8a4e;--ok-bg:#e3f4ea;--bad:#c4312a;--bad-bg:#fbe6e5;--warn:#a8610a;--warn-bg:#fdf0d9;--idle:#5d6673;--idle-bg:#eceef1;--info:#2458d6;--info-bg:#e5edfd;--radius:8px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font);color:var(--text);background:var(--bg);font-size:14px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1216;--surface:#171b21;--surface-2:#1e232b;--border:#2b323c;--text:#e6e9ed;--text-muted:#97a1ae;--accent:#5b8cff;--accent-text:#0b1020;--danger:#ff6b62;--ok:#4fcf86;--ok-bg:#16301f;--bad:#ff6b62;--bad-bg:#3a1a18;--warn:#f2b24c;--warn-bg:#362810;--idle:#97a1ae;--idle-bg:#242a33;--info:#7aa2ff;--info-bg:#1a2540;--shadow:none}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0;font-size:20px;font-weight:600}h2{margin:0 0 12px;font-size:15px;font-weight:600}code,.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--text-muted)}.small{font-size:12.5px}:root{--topbar-h:56px;--nav-w:232px;--nav-w-collapsed:64px}.topbar{height:var(--topbar-h);z-index:30;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.brand-link{color:var(--text);letter-spacing:-.01em;min-width:0;width:calc(var(--nav-w) - 32px);flex:none;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.brand-link:hover{text-decoration:none}.brand-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app.collapsed .brand-link{width:auto}.app.collapsed .brand-name{display:none}.brand-logo{object-fit:contain;flex:none;display:block}.brand-mark{background:var(--accent);color:var(--accent-text);border-radius:8px;flex:none;place-items:center;font-weight:700;display:inline-grid}.topbar-right{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.nav-toggle{display:none}.topbar .icon-btn{width:38px;height:38px;color:var(--text-muted);background:0 0;border-color:#0000;justify-content:center;padding:0;position:relative}.topbar .icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.live-pill{color:var(--text-muted);align-items:center;gap:6px;padding:0 6px;font-size:12px;display:inline-flex}.bell-count{background:var(--warn);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:700;line-height:1;display:grid;position:absolute;top:1px;right:0}.bell-count.critical{background:var(--bad)}.avatar{background:var(--accent);border-color:var(--accent);width:34px;height:34px;color:var(--accent-text);border-radius:50%;justify-content:center;padding:0;font-size:13px;font-weight:600}.avatar:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.sidenav{top:var(--topbar-h);width:var(--nav-w);z-index:20;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;padding:12px 8px;transition:width .15s;display:flex;position:fixed;bottom:0;left:0;overflow:hidden auto}.app.collapsed .sidenav{width:var(--nav-w-collapsed)}.sidenav nav{flex:1}.nav-group{margin-bottom:10px}.nav-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;padding:6px 10px 4px;font-size:11px}.nav-link{color:var(--text);white-space:nowrap;border-radius:6px;align-items:center;gap:12px;padding:8px 10px;display:flex;position:relative}.nav-link .icon{color:var(--text-muted);flex:none}.nav-link:hover{background:var(--surface-2);text-decoration:none}.nav-link.active{background:var(--info-bg);color:var(--accent);font-weight:600}.nav-link.active .icon{color:var(--accent)}.nav-count{background:var(--warn-bg);min-width:20px;color:var(--warn);text-align:center;border-radius:999px;margin-left:auto;padding:0 6px;font-size:12px;font-weight:600}.nav-count.critical{background:var(--bad);color:#fff}.collapse-btn{color:var(--text-muted);background:0 0;border:0;justify-content:flex-start;gap:12px;width:100%;padding:8px 10px}.app.collapsed .nav-heading,.app.collapsed .nav-label{display:none}.app.collapsed .nav-group+.nav-group{border-top:1px solid var(--border);padding-top:8px}.app.collapsed .nav-link,.app.collapsed .collapse-btn{justify-content:center;padding:9px 0}.app.collapsed .nav-count{min-width:16px;margin:0;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:1px;right:6px}.scrim{display:none}.main{margin-left:var(--nav-w);padding:calc(var(--topbar-h) + 24px) 28px 40px;min-width:0;transition:margin-left .15s}.app.collapsed .main{margin-left:var(--nav-w-collapsed)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.back{margin-bottom:8px;font-size:13px;display:inline-block}td.wrap{white-space:normal;min-width:260px}.rx{font-variant-numeric:tabular-nums}.rx.ok{color:var(--ok)}.rx.warn{color:var(--warn);font-weight:600}.rx.crit{color:var(--bad);font-weight:600}.cmd{flex:1;min-width:0;max-width:560px;margin:0 auto;position:relative}.cmd-field{border:1px solid var(--border);background:var(--surface-2);height:36px;color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.cmd-field:focus-within{border-color:var(--accent);background:var(--surface)}.cmd-field input{min-width:0;height:100%;color:var(--text);appearance:none;background:0 0;border:0;flex:1;padding:0;outline:none!important}.cmd-kbd{font-family:var(--mono);border:1px solid var(--border);color:var(--text-muted);background:var(--surface);border-radius:4px;padding:0 5px;font-size:11px}.cmd-toggle,.cmd-close{display:none!important}.cmd-panel{z-index:40;border:1px solid var(--border);background:var(--surface);border-radius:10px;max-height:min(70vh,520px);padding:6px;position:absolute;top:42px;left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0000002e}.cmd-group{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:8px 10px 3px;font-size:11px}.cmd-item{text-align:left;white-space:normal;background:0 0;border:0;border-radius:6px;justify-content:flex-start;gap:10px;width:100%;padding:8px 10px}.cmd-item.active{background:var(--info-bg)}.cmd-item .icon{color:var(--text-muted);flex:none}.cmd-title{font-weight:500}.cmd-sub{text-align:right;margin-left:auto}.cmd-empty{padding:12px 10px}.popover-host{position:relative}.popover{z-index:40;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:340px;max-width:calc(100vw - 24px);position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 12px 32px #0000002e}.popover-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.popover-foot{border-top:1px solid var(--border);text-align:center;padding:10px 14px;display:block}.notif-list{max-height:60vh;margin:0;padding:0;list-style:none;overflow-y:auto}.notif-item{color:var(--text);border-bottom:1px solid var(--border);gap:10px;padding:10px 14px;display:flex}.notif-item:hover{background:var(--surface-2);text-decoration:none}.notif-text{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.sev-dot{background:var(--warn);border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.sev-dot.critical{background:var(--bad)}.user-pop{width:260px}.user-pop-head{border-bottom:1px solid var(--border);padding:12px 14px}.user-name{font-weight:600}.menu-item{width:100%;color:var(--text);background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:10px;padding:10px 14px;display:flex}.menu-item:hover{background:var(--surface-2);text-decoration:none}@media (width<=900px){.nav-toggle{display:inline-flex}.brand-link{width:auto}.live-text{display:none}.sidenav,.app.collapsed .sidenav{z-index:40;width:280px;transition:transform .2s;transform:translate(-100%)}.app.drawer-open .sidenav{transform:none;box-shadow:6px 0 24px #00000040}.app.drawer-open .scrim{inset:var(--topbar-h) 0 0 0;z-index:35;background:#0f172a73;display:block;position:fixed}.app.collapsed .nav-label{display:inline}.app.collapsed .nav-heading{display:block}.app.collapsed .nav-link{justify-content:flex-start;padding:11px 10px}.app.collapsed .nav-count{min-width:20px;margin-left:auto;padding:0 6px;font-size:12px;line-height:normal;position:static}.app.collapsed .nav-group+.nav-group{border-top:0;padding-top:0}.collapse-btn{display:none}.nav-link{padding:11px 10px}.main,.app.collapsed .main{padding:calc(var(--topbar-h) + 14px) 14px 32px;margin-left:0}.topbar{gap:4px;padding:0 8px}.cmd{flex:none;max-width:none;margin:0 0 0 auto}.cmd-toggle{display:inline-flex!important}.cmd-field{display:none}.cmd.mobile-open{height:var(--topbar-h);z-index:45;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;margin:0;padding:0 10px;display:flex;position:fixed;inset:0 0 auto}.cmd.mobile-open .cmd-toggle{display:none!important}.cmd.mobile-open .cmd-field{flex:1;height:40px;display:flex}.cmd.mobile-open .cmd-close{display:inline-flex!important}.cmd.mobile-open .cmd-kbd{display:none}.cmd.mobile-open .cmd-panel{top:var(--topbar-h);max-height:calc(100vh - var(--topbar-h));border-left:0;border-right:0;border-radius:0;position:fixed;left:0;right:0}.cmd-sub{display:none}.popover-host{position:static}.popover,.user-pop{top:calc(var(--topbar-h) + 6px);width:auto;max-width:none;position:fixed;left:8px;right:8px}button,input,select{min-height:40px}input,select{font-size:16px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0}.page-header{margin-bottom:14px}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:14px 14px 0 0;max-width:none;max-height:92vh}.bulk-bar{z-index:25;border-radius:0;margin:0;position:fixed;inset:auto 0 0;box-shadow:0 -6px 18px #00000026}.toolbar input{max-width:none}}@media (width<=760px){.table-wrap:has(table.responsive){background:0 0;border:0;overflow:visible}table.responsive,table.responsive tbody,table.responsive tr,table.responsive td{display:block}table.responsive thead{position:absolute;left:-9999px}table.responsive tr{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:10px;padding:8px 12px}table.responsive tbody tr:hover{background:var(--surface)}table.responsive td{white-space:normal;text-align:right;border:0;justify-content:space-between;align-items:baseline;gap:14px;min-width:0;padding:5px 0;display:flex}table.responsive td:before{content:attr(data-label);color:var(--text-muted);text-align:left;flex:none;font-size:12px}table.responsive td:not([data-label]):before{display:none}table.responsive td.wrap{min-width:0}table.responsive td.actions,table.responsive td.check{text-align:left;padding-top:8px;display:block}table.responsive td.hide-sm,table.responsive td.actions:empty,table.responsive td.check:empty{display:none}table.responsive tr.stale td{opacity:1}table.responsive tr.stale{opacity:.6}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}button,.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}button:hover:not(:disabled),.btn:hover{background:var(--surface-2);text-decoration:none}button:disabled{opacity:.55;cursor:default}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled),.btn.primary:hover{background:var(--accent);filter:brightness(1.08)}button.danger{color:var(--danger)}button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;padding:7px 10px}input[type=checkbox]{width:auto}label{flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}label .hint{color:var(--text-muted);font-size:12px;font-weight:400}.field{flex-direction:column;gap:4px;display:flex}.field-label{font-size:13px;font-weight:500}label.radio{cursor:pointer;flex-direction:row;align-items:center;gap:6px;padding:7px 0;font-weight:500}label.radio:has(input:disabled){cursor:default;opacity:.6}.form-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px 16px;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:12px;padding:0;font-size:15px;font-weight:600}.alert{border-radius:6px;padding:10px 12px;font-size:13px}.alert.error{background:var(--bad-bg);color:var(--bad)}.alert.success{background:var(--ok-bg);color:var(--ok)}.alert pre{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);margin:6px 0 0;font-size:12px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px}th{color:var(--text-muted);background:var(--surface-2);font-size:12px;font-weight:600}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}.badge{border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.badge.working,.badge.ok{color:var(--ok);background:var(--ok-bg)}.badge.offline,.badge.error{color:var(--bad);background:var(--bad-bg)}.badge.dyinggasp{color:var(--warn);background:var(--warn-bg)}.badge.unknown{color:var(--idle);background:var(--idle-bg)}.badge.logging{color:var(--info);background:var(--info-bg)}.badge.cat-up{color:var(--ok);background:var(--ok-bg)}.badge.cat-los{color:#fff;background:var(--bad);font-weight:600}.badge.cat-power_off{color:var(--warn);background:var(--warn-bg)}.badge.cat-registering{color:var(--info);background:var(--info-bg)}.badge.cat-down_unknown,.badge.cat-unknown{color:var(--bad);background:var(--bad-bg)}.stat.cat-up .value{color:var(--ok)}.stat.cat-los .value,.stat.cat-down_unknown .value{color:var(--bad)}.stat.cat-power_off .value{color:var(--warn)}.stat.cat-registering .value{color:var(--info)}.stat.clickable{cursor:pointer;border-radius:6px;margin:-2px -6px;padding:2px 6px}.stat.clickable:hover{background:var(--surface-2)}.pills{flex-wrap:wrap;gap:6px;display:inline-flex}.pill{white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 8px;font-size:12px}.pill.up{color:var(--ok);background:var(--ok-bg)}.pill.los{color:#fff;background:var(--bad);font-weight:600}.pill.power_off{color:var(--warn);background:var(--warn-bg)}.pill.down_unknown{color:var(--bad);background:var(--bad-bg)}.pill.registering{color:var(--info);background:var(--info-bg)}.chip.los-chip:not(.active){border-color:var(--bad);color:var(--bad)}.stats{flex-wrap:wrap;gap:28px;display:flex}.stat .value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.stat .label{color:var(--text-muted);font-size:12px}.stat.working .value{color:var(--ok)}.stat.offline .value{color:var(--bad)}.stat.dyinggasp .value{color:var(--warn)}.stat.logging .value{color:var(--info)}.counts{font-variant-numeric:tabular-nums;gap:10px;display:inline-flex}.counts .working{color:var(--ok)}.counts .offline{color:var(--bad)}.counts .dyinggasp{color:var(--warn)}.counts .logging{color:var(--info)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:12px;display:flex;overflow-x:auto}.tab{color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px}.tab:hover:not(:disabled){color:var(--text);background:0 0}.tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.chip{border-radius:999px;padding:3px 10px;font-size:12.5px}.chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.chip.active:hover:not(:disabled){background:var(--text)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar input{max-width:240px}.login-page{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:100%;max-width:360px}.login-card .brand{padding:0 0 4px;font-size:22px}.since-up{color:var(--ok);font-variant-numeric:tabular-nums}.since-down{color:var(--bad);font-variant-numeric:tabular-nums;font-weight:600}tr.stale td{opacity:.55}.paused-tag{background:var(--idle-bg);color:var(--idle);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11px}.empty{text-align:center;color:var(--text-muted);padding:40px 16px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100vh;color:var(--text-muted);place-items:center;display:grid}.live-status{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:8px;display:flex}.live-dot{background:var(--idle);border-radius:50%;width:8px;height:8px}.live-dot.on{background:var(--ok)}.hero{letter-spacing:-.02em;font-size:56px;font-weight:650;line-height:1}.hero-sub{color:var(--text-muted);margin-top:4px}.dash-top{grid-template-columns:minmax(220px,300px) 1fr;gap:16px;margin-bottom:16px;display:grid}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tile{color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;text-decoration:none;display:block}a.tile:hover{background:var(--surface-2)}.tile .value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.tile .label{color:var(--text-muted);font-size:12px}.tile .sub{color:var(--text-muted);margin-top:2px;font-size:12px}.tile.bad .value{color:var(--bad)}.tile.warn .value{color:var(--warn)}.tile.ok .value{color:var(--ok)}@media (width<=760px){.dash-top{grid-template-columns:1fr}.hero{font-size:44px}}.olt-card{margin-bottom:12px}.olt-card h3{margin:0;font-size:15px}.port-row{grid-template-columns:44px minmax(120px,1fr) minmax(190px,auto);align-items:center;gap:12px;padding:5px 0;display:grid}.port-row.stale{opacity:.6}.port-label{color:var(--text-muted)}.port-text{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pbar{gap:2px;height:12px;display:flex}.seg{border-radius:4px;min-width:4px;display:block}.seg-up{background:var(--ok)}.seg-los{background:var(--bad)}.seg-power{background:var(--warn)}.seg-other{background:var(--idle)}.seg-empty{background:var(--idle-bg)}.chart-key{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.chart-key span{align-items:center;gap:6px;display:inline-flex}.key-swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.key-swatch.seg-up{background:var(--ok)}.key-swatch.seg-los{background:var(--bad)}.key-swatch.seg-power{background:var(--warn)}.key-swatch.seg-other{background:var(--idle)}.key-line{border-top:2px solid var(--accent);width:16px;height:0;display:inline-block}.key-line.warn{border-top:1px solid var(--warn)}.key-line.crit{border-top:1px solid var(--bad)}.key-band{background:var(--bad);opacity:.25;border-radius:2px;width:14px;height:10px;display:inline-block}.chart{transition:opacity .15s;position:relative}.chart.dim{opacity:.55}.chart svg{display:block;overflow:visible}.chart svg:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.tooltip{z-index:5;pointer-events:none;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:12px;position:absolute;top:10px}.tt-value{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:16px;font-weight:650;display:flex}.tt-key{border-top:2px solid var(--accent);width:12px;display:inline-block}.tt-sub{color:var(--text-muted)}.range-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.spark{vertical-align:middle}.since-list{margin:0;padding:0;list-style:none}.kv{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px 24px;display:grid}.kv dt{color:var(--text-muted);font-size:12px}.kv dd{font-variant-numeric:tabular-nums;margin:0}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 16px;display:grid}.perm{cursor:pointer;align-items:flex-start;gap:10px;font-weight:400;display:flex}.perm input{margin-top:3px}.nowrap{white-space:nowrap}.modal-backdrop{z-index:50;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;padding:18px;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.icon-btn{padding:2px 8px;line-height:1.2}.badge.maint{color:var(--info);background:var(--info-bg)}.stat-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.stat-num{margin-top:2px;font-size:22px;font-weight:600}table.inner{background:0 0;width:100%}.bulk-bar{z-index:5;background:var(--info-bg);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex;position:sticky;top:0}tr.selected td{background:var(--info-bg)}td.check{width:28px}.brand{letter-spacing:-.01em;font-size:16px;font-weight:700}.brand span{color:var(--accent)}.subnav{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.subnav a{color:var(--text-muted);white-space:nowrap;border-bottom:2px solid #0000;padding:8px 12px}.subnav a:hover{color:var(--text);text-decoration:none}.subnav a.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.logo-preview{border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:12px;padding:12px;display:flex}.meter{background:var(--idle-bg);border-radius:999px;height:8px;overflow:hidden}.meter>span{background:var(--accent);height:100%;display:block}.meter.full>span{background:var(--bad)}.olt-head h1{margin-bottom:6px}.meta-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.meta-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:2px 9px;font-size:12.5px}a.badge{text-decoration:none}.ont-card{padding:0;overflow:hidden}.port-tabs{background:var(--surface);margin:0;padding:0 8px}.port-tabs .tab{padding:12px 14px}.tile-row{flex-wrap:wrap;gap:8px;padding:14px 16px 10px;display:flex}.tile-btn{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:0;min-width:96px;padding:8px 12px}.tile-btn .tile-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.2}.tile-btn .tile-label{color:var(--text-muted);font-size:12px}.tile-btn.up .tile-value{color:var(--ok)}.tile-btn.los .tile-value,.tile-btn.down .tile-value,.tile-btn.down_unknown .tile-value{color:var(--bad)}.tile-btn.power_off .tile-value{color:var(--warn)}.tile-btn.registering .tile-value{color:var(--info)}.tile-btn.active{border-color:var(--accent);background:var(--info-bg);box-shadow:inset 0 0 0 1px var(--accent)}.health-bar{height:6px;margin:0 16px 6px}.list-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.list-toolbar input[type=search]{max-width:260px}.sort-select{flex-direction:row;align-items:center;gap:6px;font-weight:400}.sort-select select{width:auto}.link-btn{color:var(--accent);background:0 0;border:0;min-height:0;padding:0;text-decoration:underline}.table-wrap.flat{border:0;border-radius:0}.th-sort{font:inherit;color:inherit;background:0 0;border:0;gap:4px;min-height:0;padding:0;font-weight:600}.th-sort:hover:not(:disabled){color:var(--text);background:0 0}.sort-arrow{width:10px;font-size:9px;display:inline-block}th.num .th-sort{margin-left:auto}.ont-name{font-weight:600}td.ont-id{min-width:220px}@media (width<=760px){.tile-btn{flex:28%;min-width:0}.list-toolbar input[type=search]{flex:100%;max-width:none}table.ont-table td.ont-id{padding-bottom:4px;display:block}table.ont-table td.ont-id:before{display:none}}.card-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:150px;min-width:150px;padding:10px 14px}.brand-area{width:calc(var(--nav-w) - 32px);flex:none;align-items:center;gap:12px;min-width:0;display:flex}.app.collapsed .brand-area{width:auto}.np-home{flex:none;display:inline-flex}.brand-sep{background:var(--border);flex:none;width:1px;height:24px}.brand-area .brand-link{width:auto;min-width:0}.np-word span,.np-name span{color:var(--accent)}.np-name{white-space:nowrap}.np-logo{align-items:center;gap:9px;display:inline-flex}.np-wordmark{letter-spacing:-.02em;flex-direction:column;font-weight:700;line-height:1.05;display:inline-flex}.np-wordmark small{letter-spacing:0;color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:500}.app.collapsed .brand-area .brand-name{display:none}@media (width<=900px){.brand-area{gap:8px;width:auto}.brand-name{max-width:120px}}.side-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:10px 6px 0;display:flex}.side-logo{min-width:0;display:inline-flex}.sidenav .collapse-btn{width:34px;height:34px;color:var(--text-muted);background:0 0;border-color:#0000;flex:none;justify-content:center;padding:0}.app.collapsed .side-foot{flex-direction:column;gap:8px}@media (width<=900px){.side-foot .collapse-btn{display:none}}.login-wrap{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:380px;display:flex}.login-wrap .login-card{max-width:380px}.login-customer{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:10px;padding:10px 12px;display:flex}.revatix-credit{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.revatix-credit img{display:block}input.otp{letter-spacing:.4em;text-align:center;font-size:20px}.toasts{z-index:80;pointer-events:none;flex-direction:column;gap:8px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{pointer-events:auto;border:1px solid var(--border);background:var(--surface);border-left-width:4px;border-radius:10px;align-items:flex-start;animation:.18s ease-out toast-in;display:flex;box-shadow:0 10px 28px #0003}.toast.success{border-left-color:var(--ok)}.toast.error,.toast.critical{border-left-color:var(--bad)}.toast.warning{border-left-color:var(--warn)}.toast.info{border-left-color:var(--info)}.toast-main{text-align:left;white-space:normal;cursor:default;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:10px 6px 10px 12px}.toast.clickable .toast-main{cursor:pointer}.toast-title{word-break:break-word;font-size:13.5px;font-weight:600}.toast-body{color:var(--text-muted);word-break:break-word;font-size:12.5px}.toast-x{color:var(--text-muted);background:0 0;border:0;min-height:0;padding:8px 10px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=900px){.toasts{width:auto;bottom:72px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.page-header{margin-bottom:14px}.main{padding-top:calc(var(--topbar-h) + 18px)}.tabs-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.tabs-rule{border-bottom:1px solid var(--border);margin:0 0 12px}.tabs-bar .tab{padding:10px 12px}.tab-count{background:var(--surface-2);color:var(--text-muted);border-radius:999px;margin-left:6px;padding:0 7px;font-size:12px}.bulk-inline{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.bulk-count{color:var(--text-muted);text-align:right;min-width:150px;font-size:12.5px}.bulk-inline button{padding:4px 10px}.alerts-table td.alert-cell{min-width:280px;max-width:520px}.alerts-table td{vertical-align:top}.alerts-table td.actions button{padding:4px 10px}@media (width<=900px){.bulk-inline{z-index:25;background:var(--surface);border-top:1px solid var(--border);justify-content:space-between;padding:8px 12px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #0000001f}.bulk-count{text-align:left;flex:100%;min-width:0}}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;margin-bottom:4px;display:flex}.olt-titlebar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.olt-titlebar h1{margin:0}.olt-sub{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;margin-bottom:14px;display:flex}.tabs-search-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-right:12px;display:flex}.tabs-search-row .port-tabs{border-bottom:0;min-width:0;overflow-x:auto}.ont-search{flex:none;width:260px}.tile-row{align-items:stretch}.tile-summary{text-align:right;align-self:center;min-width:120px;margin-left:auto;line-height:1.5}.sort-mobile{padding:0 16px 10px;display:none}@media (width<=760px){.sort-mobile{display:block}.ont-search{width:100%}.tabs-search-row{flex-direction:column;align-items:stretch;padding:0 0 10px}.tile-summary{text-align:left;flex:100%;margin-left:0}}.report-controls{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:14px;padding:12px 16px;display:flex}.report-controls label{min-width:150px}.report-controls .radio{min-width:0}.seg-buttons{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.seg-buttons button{border:0;border-right:1px solid var(--border);background:var(--surface);border-radius:0}.seg-buttons button:last-child{border-right:0}.seg-buttons button.active{background:var(--accent);color:var(--accent-text)}.report-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;margin-bottom:14px;display:grid}@media (width<=900px){.report-grid{grid-template-columns:1fr}}.flat-card{margin-bottom:14px;padding:0;overflow:hidden}.card-head{border-bottom:1px solid var(--border);padding:12px 16px}.card-head h2{margin:0}.hbar{background:var(--idle-bg);vertical-align:middle;border-radius:999px;width:70px;height:6px;margin-left:8px;display:inline-block;overflow:hidden}.hbar>span{background:var(--bad);height:100%;display:block}.report-table td.num{white-space:nowrap}.hw-card{margin-bottom:4px}.hw-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:10px;display:grid}.hw-tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-height:92px;padding:10px 12px}.hw-events{flex-direction:column;gap:6px;max-height:260px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.sidenav{padding-bottom:0;overflow:hidden}.sidenav nav{overscroll-behavior:contain;flex:auto;min-height:0;padding-bottom:8px;overflow:hidden auto}.side-foot{background:var(--surface);flex:none;margin-top:0;padding:10px 6px}