/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.grid{display:grid}.table-row{display:table-row}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.shadow\/read-only{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.router-vpn-panel{margin-top:28px}.router-vpn-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.router-vpn-state{text-transform:uppercase;letter-spacing:.09em;border:1px solid var(--line);color:var(--green);border-radius:20px;padding:6px 10px;font-size:9px}.router-vpn-state.state-enabling{color:var(--amber)}.router-vpn-state.state-disabled,.router-vpn-state.state-error{color:var(--red)}.router-vpn-empty{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:24px;display:grid}.router-vpn-empty h3,.router-vpn-join h3{margin:0 0 6px;font-size:14px}.router-vpn-empty p,.router-vpn-join p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.router-vpn-icon{width:42px;height:42px;color:var(--green);background:#55e6c115;border-radius:11px;place-items:center;display:grid}.router-vpn-loading{color:var(--muted);align-items:center;gap:10px;padding:30px;font-size:11px;display:flex}.spin{animation:1.1s linear infinite router-vpn-spin}@keyframes router-vpn-spin{to{transform:rotate(360deg)}}.router-vpn-summary{background:var(--panel2);border-bottom:1px solid var(--line);grid-template-columns:1.3fr 1fr 1fr 1fr auto;align-items:center;gap:16px;padding:17px 20px;display:grid}.router-vpn-summary small,.router-vpn-summary code{display:block}.router-vpn-summary small{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:8px}.router-vpn-summary code{color:var(--text);font-size:10px}.secondary.danger{color:var(--red);align-items:center;gap:6px;margin:0;display:flex}.router-vpn-message{color:var(--muted);border:1px solid #8777ee25;border-radius:8px;align-items:center;gap:8px;margin:14px 20px 0;padding:10px 12px;font-size:10px;display:flex}.router-vpn-message.warning{color:var(--amber);background:#f4b84708;border-color:#f4b84728}.router-vpn-message.error{color:var(--red);background:#ff657708;border-color:#ff65772c;margin-bottom:14px}.router-vpn-create{grid-template-columns:1.4fr 1fr auto;align-items:end;gap:12px;padding:20px;display:grid}.router-vpn-create label{color:var(--muted);flex-direction:column;gap:6px;font-size:9px;display:flex}.router-vpn-create input,.router-vpn-create select,.pending-node select{border:1px solid var(--line);height:39px;color:var(--text);background:#0f1016;border-radius:8px;padding:0 10px}.router-vpn-join{background:#55e6c108;border:1px solid #55e6c12b;border-radius:12px;align-items:center;gap:17px;margin:0 20px 20px;padding:16px;display:flex}.router-vpn-join .qr{background:#fff;border-radius:8px;padding:5px;line-height:0}.router-vpn-join code{color:var(--green);margin:8px 0;font-size:13px;display:block}.router-vpn-join small{color:var(--faint);font-size:9px}.router-vpn-columns{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.router-vpn-columns>div{padding:20px}.router-vpn-columns>div+div{border-left:1px solid var(--line)}.router-vpn-columns h3{align-items:center;gap:7px;margin:0 0 12px;font-size:11px;display:flex}.router-vpn-list{flex-direction:column;gap:8px;display:flex}.router-vpn-client,.pending-node{border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.client-state{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.client-state>svg{color:var(--green);flex:none}.client-state b,.client-state small,.pending-node b,.pending-node code{display:block}.client-state b,.pending-node b{font-size:10px}.client-state small{color:var(--faint);margin-top:3px;font-size:8px}.path{text-align:right;text-transform:uppercase;color:var(--muted);font-size:8px}.path small{text-transform:none;color:var(--faint);display:block}.path-direct{color:var(--green)}.path-relay,.path-tunneled{color:var(--amber)}.path-offline{color:var(--red)}.pending-node>div{flex:1}.pending-node code{color:var(--purple);margin-top:4px;font-size:9px}.pending-node select{height:32px;font-size:9px}.pending-node>small,.router-vpn-muted{color:var(--faint);font-size:9px}.client-actions{gap:4px;display:flex}.router-vpn-client-edit{grid-template-columns:1.4fr 1fr auto;align-items:end;display:grid}.router-vpn-client-edit label{color:var(--muted);flex-direction:column;gap:5px;font-size:8px;display:flex}.router-vpn-client-edit input,.router-vpn-client-edit select{border:1px solid var(--line);min-width:0;height:34px;color:var(--text);background:#0f1016;border-radius:7px;padding:0 9px}.client-mode-warning{color:var(--amber);grid-column:1/-1;font-size:8px;line-height:1.45}html[data-theme=light] .router-vpn-create input,html[data-theme=light] .router-vpn-create select,html[data-theme=light] .pending-node select,html[data-theme=light] .router-vpn-client-edit input,html[data-theme=light] .router-vpn-client-edit select{background:#fff}@media (width<=900px){.router-vpn-summary{grid-template-columns:1fr 1fr}.router-vpn-summary .secondary{width:max-content}.router-vpn-create{grid-template-columns:1fr 1fr}.router-vpn-create .primary{grid-column:1/-1}.router-vpn-columns{grid-template-columns:1fr}.router-vpn-columns>div+div{border-left:0;border-top:1px solid var(--line)}}@media (width<=600px){.router-vpn-empty{grid-template-columns:auto 1fr}.router-vpn-empty .primary{grid-column:1/-1}.router-vpn-summary,.router-vpn-create{grid-template-columns:1fr}.router-vpn-create .primary{grid-column:auto}.router-vpn-join{align-items:flex-start}.router-vpn-join .qr{display:none}.router-vpn-client{flex-wrap:wrap}.router-vpn-client-edit{grid-template-columns:1fr}.client-mode-warning{grid-column:auto}.path{margin-left:auto}}.hysteria-egress{border:1px solid var(--border);background:linear-gradient(135deg,#4f46e51a,#0c14269e);border-radius:22px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:24px;margin:18px 0;padding:24px;display:grid}.hysteria-egress.is-active{border-color:#55e6c159;box-shadow:inset 0 0 0 1px #55e6c10f}.hysteria-egress.is-failed{border-color:#f5b9426b}.hysteria-copy{align-items:flex-start;gap:16px;display:flex}.hysteria-copy h3{margin:3px 0 8px;font-size:20px}.hysteria-copy p:last-child{color:var(--muted);margin:0;line-height:1.55}.hysteria-control{flex-direction:column;gap:12px;display:flex}.hysteria-status{align-items:center;gap:10px;display:flex}.hysteria-status>div{flex-direction:column;gap:2px;display:flex}.hysteria-status small,.hysteria-note{color:var(--muted)}.hysteria-subscription{align-items:flex-end;gap:8px;display:flex}.hysteria-subscription label,.hysteria-selection label{color:var(--muted);flex-direction:column;flex:1;gap:6px;font-size:12px;display:flex}.hysteria-subscription input,.hysteria-selection select{width:100%}.hysteria-selection{align-items:flex-end;gap:8px;display:flex}.hysteria-selection .icon-button{flex:none}.hysteria-power{cursor:pointer;border:0;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:10px 13px;display:inline-flex}.hysteria-power.start{color:#55e6c1;background:#55e6c124}.hysteria-power.stop{color:#ff9696;background:#f45c5c1f}.hysteria-message{line-height:1.4}.hysteria-message.success{color:#55e6c1}.hysteria-message.error{color:#ff9696}@media (width<=900px){.hysteria-egress{grid-template-columns:1fr}}@media (width<=620px){.hysteria-subscription,.hysteria-selection{flex-direction:column;align-items:stretch}.hysteria-selection .icon-button{align-self:flex-start}}.hysteria-diagnostics{border-top:1px solid var(--border);grid-column:1/-1;padding-top:18px}.hysteria-test-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hysteria-test-heading h4{margin:0 auto 0 0}.hysteria-diagnostics p{font-size:13px;line-height:1.5}.hysteria-test-list{gap:8px;margin:14px 0;display:grid}.hysteria-test-row{border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;align-items:center;gap:16px;padding:12px;display:grid}.hysteria-test-row>div:not(.hysteria-test-actions){overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;display:flex}.hysteria-test-row small{color:var(--muted)}.hysteria-test-row small.success{color:#55e6c1}.hysteria-test-actions{gap:8px;display:flex}@media (width<=620px){.hysteria-test-row{grid-template-columns:1fr;gap:10px}}:root{--bg:#0b0c11;--panel:#121319;--panel2:#171820;--line:#272934;--text:#f4f4f7;--muted:#8a8e9f;--faint:#5e6271;--purple:#8777ee;--green:#55e6c1;--cyan:#44b9ff;--amber:#f4b847;--red:#ff6577;--shadow:0 24px 70px #0005;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-width:320px;margin:0}button,input,select{font:inherit}.muted{color:var(--muted)}.eyebrow{letter-spacing:.18em;font-weight:800;color:var(--purple)!important;font-size:10px!important}.app-shell{grid-template-columns:224px 1fr;min-height:100vh;display:grid}.app-shell>aside{border-right:1px solid var(--line);background:#0e0f14;flex-direction:column;height:100vh;padding:25px 17px 18px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:11px;padding:0 8px;font-size:15px;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(145deg,#9587ff,#5f4bd0);border-radius:15px;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 12px 30px #7662e845}.brand-mark.small{border-radius:10px;width:34px;height:34px}.brand-mark span{background:var(--green);border:2px solid #6250ce;border-radius:50%;width:7px;height:7px;position:absolute;bottom:5px;right:5px}.brand-mark.small span{width:6px;height:6px;bottom:2px;right:2px}.app-shell nav{flex-direction:column;gap:5px;margin-top:46px;display:flex}.app-shell nav a{color:#777b8c;border-radius:9px;align-items:center;gap:13px;padding:11px 13px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.app-shell nav a:hover,.app-shell nav a.active{color:var(--text);background:#1a1a23}.app-shell nav a.active{box-shadow:inset 2px 0 var(--purple)}.aside-bottom{align-items:center;gap:8px;margin-top:auto;display:flex}.collector-state{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex:1;align-items:flex-start;gap:8px;padding:10px;display:flex}.collector-state b,.collector-state small{font-size:10px;display:block}.collector-state small{color:var(--faint);margin-top:3px}.live-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px #55e6c119,0 0 14px var(--green);border-radius:50%;flex:none;margin-top:3px;display:inline-block}.icon-button{border:1px solid var(--line);color:var(--muted);background:var(--panel);cursor:pointer;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{color:var(--text);border-color:#454857}.main-area{min-width:0}.main-area>header{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0c11e8;justify-content:flex-end;align-items:center;height:56px;padding:0 30px;display:flex;position:sticky;top:0}.header-user{color:var(--muted);align-items:center;gap:13px;font-size:12px;display:flex}.mobile-brand{display:none}.page{max-width:1540px;margin:auto;padding:35px 42px 60px}.page-title{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.page-title h1{letter-spacing:-.04em;margin:5px 0 7px;font-size:30px}.page-title p{color:var(--muted);margin:0;font-size:12px}.freshness{letter-spacing:.1em;color:var(--green);background:#55e6c10a;border:1px solid #55e6c122;border-radius:20px;align-items:center;gap:9px;padding:9px 13px;font-size:10px;display:flex}.freshness small{color:var(--faint);letter-spacing:0}.hero-strip,.detail-kpis{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:repeat(4,1fr);margin-bottom:38px;display:grid;overflow:hidden}.kpi{border-right:1px solid var(--line);align-items:center;gap:14px;min-width:0;padding:20px 22px;display:flex}.kpi:last-child{border:0}.kpi-icon{width:39px;height:39px;color:var(--purple);background:#8777ee18;border-radius:10px;flex:none;place-items:center;display:grid}.tone-green .kpi-icon{color:var(--green);background:#55e6c115}.tone-cyan .kpi-icon{color:var(--cyan);background:#44b9ff15}.tone-amber .kpi-icon{color:var(--amber);background:#f4b84715}.kpi span,.kpi small{color:var(--muted);font-size:10px;display:block}.kpi strong{white-space:nowrap;letter-spacing:-.04em;margin:2px 0;font-size:21px;display:block}.kpi small{color:var(--faint)}.section-heading{justify-content:space-between;align-items:end;margin:0 2px 15px;display:flex}.section-heading h2,.chart-card h3{margin:0 0 5px;font-size:15px}.section-heading p,.chart-card p{color:var(--faint);margin:0;font-size:10px}.count-pill{color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:6px 10px;font-size:10px}.router-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.router-card{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;min-height:272px;padding:18px;text-decoration:none;transition:all .2s;display:block;position:relative;overflow:hidden}.router-card:before{content:"";background:var(--green);opacity:.8;width:2px;position:absolute;inset:0 auto 0 0}.router-card.status-offline:before{background:var(--red)}.router-card.status-telemetryunavailable:before{background:var(--amber)}.router-card.status-pending:before{background:var(--faint)}.router-card.status-degraded:before{background:var(--amber)}.router-card:hover{box-shadow:var(--shadow);border-color:#3b3e4c;transform:translateY(-2px)}.router-top{align-items:center;gap:11px;display:flex}.router-icon{width:38px;height:38px;color:var(--muted);background:#22242d;border-radius:10px;place-items:center;display:grid}.router-icon svg{width:20px}.router-top h3{margin:0 0 3px;font-size:13px}.router-top code{color:var(--faint);font-size:10px}.status-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--green);background:#55e6c10b;border:1px solid #55e6c126;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:5px 8px;font-size:9px;display:flex}.status-badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-badge.offline{color:var(--red);background:#ff65770b;border-color:#ff657726}.status-badge.telemetryunavailable,.status-badge.degraded{color:var(--amber);background:#f4b8470b;border-color:#f4b84726}.status-badge.pending{color:var(--faint)}.sparkline{height:76px;margin:11px -1px 7px}.metric-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:12px 0;display:grid}.metric-row>div{border-right:1px solid var(--line);padding-left:12px}.metric-row>div:first-child{padding-left:0}.metric-row>div:last-child{border:0}.metric-row span,.metric-row b{display:block}.metric-row span{color:var(--faint);margin-bottom:4px;font-size:9px}.metric-row b{font-size:12px}.traffic-row{color:var(--muted);align-items:center;gap:15px;padding-top:12px;font-size:9px;display:flex}.traffic-row i{font-style:normal}.traffic-row .down{color:var(--green)}.traffic-row .up{color:var(--purple)}.traffic-row .seen{color:var(--faint);margin-left:auto}.router-card.skeleton{background:linear-gradient(110deg,var(--panel) 20%,#1c1e27 35%,var(--panel) 50%);background-size:200% 100%;animation:1.3s infinite pulse}@keyframes pulse{to{background-position:-200% 0}}.periods{background:var(--panel);border:1px solid var(--line);border-radius:9px;gap:4px;width:max-content;margin:-5px 0 20px;padding:4px;display:flex}.periods button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:10px}.periods button.active{color:#afa3ff;background:#292735}.detail-kpis{margin-bottom:14px}.chart-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.chart-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.chart-card.wide{grid-column:1/-1}.table-card,.diagnostic-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.table-head,.table-row{grid-template-columns:2fr .7fr .7fr 1fr;align-items:center;gap:20px;padding:13px 18px;display:grid}.table-head{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);background:var(--panel2);font-size:9px}.table-row{border-top:1px solid var(--line);font-size:11px}.table-row b,.table-row small{display:block}.table-row small{color:var(--faint);margin-top:4px}.table-row time{color:var(--muted)}.severity{background:#ffffff0a;border-radius:15px;width:max-content;padding:4px 8px}.severity.critical{color:var(--red)}.severity.warning{color:var(--amber)}.severity.info{color:var(--green)}.empty{text-align:center;color:var(--faint);padding:65px 20px}.empty h3{color:var(--text);font-size:14px}.empty p{font-size:11px}.diagnostic-card{padding:20px}.diagnostic-form{grid-template-columns:1.2fr .8fr 1.5fr auto;align-items:end;gap:12px;display:grid}.diagnostic-form label,.auth-card label{color:var(--muted);flex-direction:column;gap:7px;font-size:10px;display:flex}.diagnostic-form input,.diagnostic-form select,.auth-card input{border:1px solid var(--line);height:39px;color:var(--text);background:#0f1016;border-radius:8px;outline:none;padding:0 11px}.diagnostic-form input:focus,.diagnostic-form select:focus,.auth-card input:focus{border-color:var(--purple)}.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8878ee,#6756cf);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:41px;padding:0 16px;font-size:11px;font-weight:700;display:flex;box-shadow:0 10px 25px #6756cf30}.primary:disabled{opacity:.5}.terminal-output{color:#c8ccd6;white-space:pre-wrap;background:#090a0e;border:1px solid #22242c;border-radius:10px;min-height:310px;max-height:500px;margin:20px 0 0;padding:18px;font:11px/1.7 ui-monospace,SFMono-Regular,monospace;overflow:auto}.terminal-output span{color:var(--green);margin-bottom:10px;display:block}.settings-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.setting-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:14px;padding:20px;display:flex}.setting-icon{width:38px;height:38px;color:var(--purple);background:#8777ee15;border-radius:10px;flex:none;place-items:center;display:grid}.setting-icon svg{width:19px}.setting-card h3{margin:2px 0 7px;font-size:13px}.setting-card p{color:var(--muted);min-height:45px;font-size:10px;line-height:1.5}.coming{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.auth-page{background:radial-gradient(circle at 50% 30%,#241e4938,transparent 40%),var(--bg);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.auth-glow{filter:blur(80px);background:#7764ed18;border-radius:50%;width:500px;height:500px;position:absolute}.auth-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(420px,100vw - 32px);box-shadow:var(--shadow);background:#111219e8;border-radius:18px;padding:34px;position:relative}.auth-card .brand-mark{margin-bottom:25px}.auth-card h1{margin:7px 0;font-size:25px}.auth-card>p{font-size:11px;line-height:1.6}.auth-card form{flex-direction:column;gap:15px;margin-top:26px;display:flex}.auth-card input{height:43px}.auth-card .primary{margin-top:4px}.secure-note{border-top:1px solid var(--line);color:var(--faint);align-items:center;gap:7px;margin-top:22px;padding-top:17px;font-size:9px;display:flex}.form-error{color:var(--red);font-size:10px}.loading{height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:10px;font-size:11px;display:grid}.loading .brand-mark{animation:1.4s infinite breathe}@keyframes breathe{50%{opacity:.7;transform:scale(.94)}}html[data-theme=light]{--bg:#f4f5f8;--panel:#fff;--panel2:#f7f8fa;--line:#e3e5eb;--text:#171821;--muted:#696e7d;--faint:#9599a5;--shadow:0 24px 70px #31384918;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] .app-shell>aside{background:#fafbfc}html[data-theme=light] .main-area>header{background:#f4f5f8e8}html[data-theme=light] .diagnostic-form input,html[data-theme=light] .diagnostic-form select,html[data-theme=light] .auth-card input{background:#fff}html[data-theme=light] .terminal-output{color:#e5e7ee;background:#14151a}@media (width<=1100px){.hero-strip,.detail-kpis{grid-template-columns:1fr 1fr}.kpi:nth-child(2){border-right:0}.kpi:nth-child(-n+2){border-bottom:1px solid var(--line)}.router-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.diagnostic-form{grid-template-columns:1fr 1fr}.diagnostic-form .target{grid-column:1/-1}}@media (width<=760px){.app-shell{padding-bottom:65px;display:block}.app-shell>aside{z-index:20;border:0;border-top:1px solid var(--line);width:100%;height:64px;padding:6px 4px;display:block;position:fixed;top:auto;bottom:0;overflow-x:auto}.brand,.aside-bottom{display:none}.app-shell nav{grid-template-columns:repeat(11,minmax(58px,1fr));gap:2px;min-width:660px;margin:0;display:grid}.app-shell nav a{flex-direction:column;gap:3px;padding:6px 1px;font-size:7px}.main-area>header{justify-content:space-between;padding:0 16px}.mobile-brand{font-size:13px;font-weight:800;display:block}.page{padding:24px 15px}.page-title{align-items:flex-start}.page-title h1{font-size:24px}.freshness small{display:none}.hero-strip,.detail-kpis{grid-template-columns:1fr 1fr}.kpi{padding:15px 12px}.kpi-icon{display:none}.kpi strong{font-size:17px}.router-grid,.chart-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:auto}.diagnostic-form{grid-template-columns:1fr}.diagnostic-form .target{grid-column:auto}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.table-row time{grid-column:1/-1}.auth-card{padding:25px}}.settings-form{flex-direction:column;gap:14px;display:flex}.config-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:20px}.config-title{gap:13px;margin-bottom:20px;display:flex}.config-title h3{margin:2px 0 5px;font-size:14px}.config-title p{color:var(--muted);margin:0;font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid.three{grid-template-columns:2fr .6fr 1fr}.form-grid label{color:var(--muted);flex-direction:column;gap:6px;font-size:9px;display:flex}.form-grid input{border:1px solid var(--line);height:38px;color:var(--text);background:#0f1016;border-radius:8px;outline:none;padding:0 11px}.form-grid .check{flex-direction:row;align-items:center;padding-top:17px}.form-grid .check input{width:17px;height:17px}.secondary{border:1px solid var(--line);background:var(--panel2);color:var(--muted);cursor:pointer;border-radius:8px;margin-top:15px;padding:8px 11px;font-size:9px}.settings-actions{color:var(--green);justify-content:flex-end;align-items:center;gap:15px;font-size:10px;display:flex}.settings-actions .primary{min-width:170px}html[data-theme=light] .form-grid input{background:#fff}@media (width<=760px){.form-grid,.form-grid.three{grid-template-columns:1fr}.form-grid .check{padding-top:0}}.form-grid.thresholds{grid-template-columns:repeat(4,1fr)}.router-names{flex-direction:column;gap:8px;display:flex}.router-names>div{grid-template-columns:110px 1fr auto;align-items:center;gap:10px;display:grid}.router-names code{color:var(--faint);font-size:10px}.router-names input{border:1px solid var(--line);height:36px;color:var(--text);background:#0f1016;border-radius:8px;padding:0 10px}.router-names .secondary{height:36px;margin:0}html[data-theme=light] .router-names input{background:#fff}@media (width<=760px){.form-grid.thresholds{grid-template-columns:1fr 1fr}.router-names>div{grid-template-columns:1fr}.router-names .secondary{width:max-content}}.field-hint{color:var(--faint);font-size:9px;line-height:1.45}.form-error{line-height:1.5}.router-model{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--muted);margin-bottom:2px;font-size:10px;display:block;overflow:hidden}.router-events{margin-top:34px}.events-link{color:var(--purple);align-items:center;gap:3px;font-size:10px;text-decoration:none;display:flex}.router-header-actions{align-items:center;gap:8px;display:flex}.router-header-actions .status-badge{margin-left:0}.rename-inline input{border:1px solid var(--purple);width:230px;height:36px;color:var(--text);background:#0f1016;border-radius:8px;outline:none;padding:0 10px;font-size:11px}.rename-inline .icon-button{width:36px;height:36px}html[data-theme=light] .rename-inline input{background:#fff}@media (width<=760px){.router-header-actions{margin-top:8px}.rename-inline{width:100%}.rename-inline input{width:100%;min-width:0}.page-title:has(.router-header-actions){display:block}}.router-status-column{flex-direction:column;align-items:flex-end;gap:5px;margin-left:auto;display:flex}.router-status-column .status-badge{margin-left:0}.collector-version{color:var(--purple);white-space:nowrap;font-size:9px;display:block}.firmware-version{color:var(--green);white-space:nowrap;margin-top:3px;font-size:9px;display:block}.backup-uplink{width:max-content;max-width:100%;color:var(--amber);background:#f4b8470d;border:1px solid #f4b84735;border-radius:7px;align-items:center;gap:6px;margin-top:10px;padding:6px 8px;font-size:9px;font-weight:700;display:flex}.backup-uplink span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-line{border:1px solid var(--line);background:#ffffff03;border-radius:8px;align-items:center;gap:9px;min-width:0;margin-top:11px;padding:8px 9px;display:flex}.channel-line span{color:var(--green);white-space:nowrap;font-size:9px;font-weight:800}.channel-line small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.channel-line.channel-degraded span,.channel-line.channel-down span{color:var(--amber)}.channel-line.channel-down span{color:var(--red)}.channel-line.channel-unknown span{color:var(--faint)}.channel-diagnosis{border:1px solid var(--line);border-left:3px solid var(--green);background:var(--panel);border-radius:14px;margin:0 0 14px;padding:18px 20px}.channel-diagnosis.channel-degraded{border-left-color:var(--amber)}.channel-diagnosis.channel-down{border-left-color:var(--red)}.channel-diagnosis.channel-unknown{border-left-color:var(--faint)}.channel-diagnosis-head{justify-content:space-between;align-items:center;display:flex}.channel-diagnosis-head h3{margin:3px 0 0;font-size:17px}.channel-state{text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);color:var(--muted);border-radius:16px;padding:5px 9px;font-size:9px}.channel-description{color:var(--muted);margin:10px 0 16px;font-size:11px;line-height:1.45}.probe-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.probe{border:1px solid var(--line);background:var(--panel2);border-radius:9px;min-width:0;padding:10px}.probe span,.probe b,.probe small{display:block}.probe span{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.probe b{margin:4px 0;font-size:14px}.probe small{color:var(--muted);white-space:nowrap;font-size:8px}@media (width<=1100px){.probe-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.probe-grid{grid-template-columns:1fr 1fr}.channel-diagnosis{padding:15px}.probe-grid .probe:last-child{grid-column:1/-1}}.router-addresses{border:1px solid var(--line);background:var(--panel2);border-radius:9px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;display:grid;overflow:hidden}.router-addresses span{border-right:1px solid var(--line);min-width:0;padding:7px 9px}.router-addresses span:last-child{border:0}.router-addresses small,.router-addresses code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.router-addresses small{color:var(--faint);margin-bottom:3px;font-size:8px}.router-addresses code{color:var(--muted);font-size:9px}.notification-muted-line{color:var(--amber);align-items:center;gap:6px;margin-top:9px;font-size:9px;display:flex}.notifications-muted-badge{color:var(--amber);white-space:nowrap;background:#f4b8470d;border:1px solid #f4b84735;border-radius:16px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;display:flex}.icon-button.is-muted{color:var(--amber);background:#f4b8470d;border-color:#f4b84745}.router-action-message{color:var(--muted);white-space:nowrap;font-size:9px;position:absolute;top:44px;right:0}.router-header-actions{position:relative}.primary,.secondary,.danger-button{box-sizing:border-box;white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:41px;min-height:41px;margin:0;padding:0 16px;font-size:11px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.primary svg,.secondary svg,.danger-button svg{flex:none}.secondary{border:1px solid var(--line);background:var(--panel2);color:var(--muted);box-shadow:none}.danger-button{color:#f18a9d;box-shadow:none;background:#ef637a19;border:1px solid #ef637a77}.primary:disabled,.secondary:disabled,.danger-button:disabled{opacity:.5;cursor:not-allowed}.page>.table-card{margin-bottom:18px;padding:20px}.page>.table-card h2{margin:0 0 6px;font-size:15px}.page>.table-card>p{font-size:10px}.page>.table-card>.settings-grid{margin:18px 0}.page>.table-card>.settings-grid label{color:var(--muted);flex-direction:column;gap:6px;font-size:9px;display:flex}.page>.table-card>.settings-grid input{border:1px solid var(--line);height:38px;color:var(--text);background:#0f1016;border-radius:8px;outline:none;padding:0 11px}.page>.table-card>.settings-grid input:focus{border-color:var(--purple)}.page>.table-card>pre{border:1px solid var(--line);color:var(--green);background:#090a0e;border-radius:9px;padding:13px;font-size:11px;overflow:auto}.error-banner{color:var(--red)!important}.config-card>.secondary{margin-top:15px}.policy-fail-mode{border:1px solid var(--line);border-left:3px solid var(--green);background:var(--panel);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(360px,.7fr);align-items:center;gap:24px;margin:0 0 14px;padding:18px 20px;display:grid}.policy-fail-mode.is-open{border-left-color:var(--amber)}.policy-fail-mode-copy{align-items:flex-start;gap:14px;display:flex}.policy-fail-mode-copy h3{margin:3px 0 7px;font-size:15px}.policy-fail-mode-copy p:last-child{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.policy-fail-mode-control{grid-template-columns:minmax(190px,1fr) auto;align-items:end;gap:9px 12px;display:grid}.policy-fail-mode-status{grid-column:1/-1;align-items:flex-start;gap:9px;display:flex}.policy-fail-mode-status .live-dot{background:var(--green)}.policy-fail-mode.is-open .policy-fail-mode-status .live-dot{background:var(--amber);box-shadow:0 0 0 4px #f4b84719,0 0 14px var(--amber)}.policy-fail-mode-status b,.policy-fail-mode-status small{display:block}.policy-fail-mode-status b{font-size:11px}.policy-fail-mode-status small{color:var(--faint);margin-top:3px;font-size:9px}.policy-fail-mode-control label{color:var(--muted);flex-direction:column;gap:6px;font-size:9px;display:flex}.policy-fail-mode-control select{border:1px solid var(--line);height:41px;color:var(--text);background:#0f1016;border-radius:8px;padding:0 10px}.policy-message{grid-column:1/-1;font-size:9px}.policy-message.success{color:var(--green)}.policy-message.error{color:var(--red)}html[data-theme=light] .policy-fail-mode-control select{background:#fff}.policy-fail-mode.is-unsafe{border-left-color:var(--red)}.policy-fail-mode.is-unsafe .policy-fail-mode-status .live-dot{background:var(--red);box-shadow:0 0 0 4px #ff657719,0 0 14px var(--red)}.policy-readiness{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.policy-readiness span{border:1px solid var(--line);letter-spacing:.03em;border-radius:12px;padding:4px 7px;font-size:8px}.policy-readiness .ok{color:var(--green);background:#55e6c10a;border-color:#55e6c133}.policy-readiness .bad{color:var(--red);background:#ff65770a;border-color:#ff657733}@media (width<=900px){.policy-fail-mode{grid-template-columns:1fr}.policy-fail-mode-control{grid-template-columns:1fr auto}}@media (width<=760px){.policy-fail-mode{padding:15px}.policy-fail-mode-control{grid-template-columns:1fr}.policy-fail-mode-control .primary{width:100%}}.automation-card{flex-direction:column;gap:18px;display:flex}.automation-card .config-title{margin-bottom:0}.automation-create{flex-direction:column;gap:14px;display:flex}.automation-create-button{align-self:end;margin-bottom:1px}.automation-scopes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.automation-scopes label{border:1px solid var(--line);cursor:pointer;background:#0f1016;border-radius:9px;align-items:flex-start;gap:9px;padding:10px;display:flex}.automation-scopes input{margin-top:2px}.automation-scopes b,.automation-scopes code{display:block}.automation-scopes b{font-size:10px}.automation-scopes code{color:var(--faint);margin-top:4px;font-size:9px}.automation-secret{color:var(--green);background:#55e6c10a;border:1px solid #55e6c137;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;display:grid}.automation-secret>div{min-width:0}.automation-secret b,.automation-secret code,.automation-secret small{display:block}.automation-secret b{font-size:11px}.automation-secret code{color:var(--text);overflow-wrap:anywhere;margin:7px 0;font-size:10px}.automation-secret small{color:var(--muted);font-size:9px}.automation-notice{color:var(--green);align-items:center;gap:7px;font-size:10px;display:flex}.automation-token-list{border:1px solid var(--line);border-radius:11px;flex-direction:column;display:flex;overflow:hidden}.automation-token-list article{border-top:1px solid var(--line);background:#0f1016;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:15px;padding:12px 14px;display:grid}.automation-token-list article:first-child{border-top:0}.automation-token-list b,.automation-token-list small{display:block}.automation-token-list b{font-size:11px}.automation-token-list small{color:var(--faint);overflow-wrap:anywhere;margin-top:4px;font-size:9px}.automation-token-dates{text-align:right}.automation-token-dates span{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.automation-token-list .danger{color:var(--red)}.automation-token-list>p{margin:0;padding:15px;font-size:10px}html[data-theme=light] .automation-scopes label,html[data-theme=light] .automation-token-list article{background:#fff}@media (width<=900px){.automation-scopes{grid-template-columns:1fr 1fr}.automation-secret{grid-template-columns:auto minmax(0,1fr) auto}.automation-secret>.icon-button{grid-column:3}.automation-secret>.secondary{grid-column:2}.automation-token-list article{grid-template-columns:1fr auto}.automation-token-dates{text-align:left;grid-column:1}}@media (width<=760px){.automation-scopes,.automation-secret{grid-template-columns:1fr}.automation-secret>svg{display:none}.automation-secret>.secondary,.automation-secret>.icon-button{grid-column:auto;width:100%}.automation-token-list article{grid-template-columns:1fr}.automation-token-list .icon-button{width:100%}}.load-row{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 11px;display:grid}.load-spark{border:1px solid var(--line);background:var(--panel2);border-radius:9px;min-width:0;padding:8px 9px 6px}.load-spark.cpu{--load-color:var(--purple)}.load-spark.ram{--load-color:var(--cyan)}.load-spark-head{align-items:center;gap:6px;min-width:0;display:flex}.load-spark-head svg{color:var(--load-color);flex:none}.load-spark-head span{letter-spacing:.06em;color:var(--faint);font-size:9px}.load-spark-head b{white-space:nowrap;margin-left:auto;font-size:11px}.load-spark>svg{width:100%;height:30px;margin-top:6px;display:block;overflow:visible}.load-spark-empty{height:30px;color:var(--faint);place-items:center;margin-top:6px;font-size:9px;display:grid}.load-spark polyline{fill:none;stroke:var(--load-color);stroke-width:1.5px;vector-effect:non-scaling-stroke}.load-spark polygon{fill:var(--load-color);opacity:.13;stroke:none}.load-spark .load-limit{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3;opacity:.55;vector-effect:non-scaling-stroke}.load-spark.over{--load-color:var(--amber);background:#f4b8470d;border-color:#f4b84740}.load-spark.over .load-spark-head b{color:var(--load-color)}html[data-theme=light] .load-spark.over{--load-color:#b9770a}.firewall-repair-line{border:1px solid var(--line);background:var(--panel2);color:var(--faint);border-radius:8px;align-items:center;gap:7px;margin:-3px 0 10px;padding:7px 9px;font-size:9px;display:flex}.firewall-repair-line svg{color:var(--green)}.firewall-repair-line b{color:var(--muted);margin-left:auto}.firewall-repair-line i{color:var(--amber);text-transform:uppercase;letter-spacing:.06em;font-style:normal}.firewall-repair-line.busy{background:#f4b8470d;border-color:#f4b84740}.firewall-repair-line.busy svg,.firewall-repair-line.busy b{color:var(--amber)}.router-password-card{margin-top:14px;display:block}.router-password-card .config-title{margin-bottom:16px}.router-password-toolbar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.router-password-toolbar span{color:var(--faint);margin-left:auto;font-size:9px}.router-password-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.router-password-list label{border:1px solid var(--line);background:var(--panel2);cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:10px;display:flex}.router-password-list label.unavailable{opacity:.5;cursor:not-allowed}.router-password-list input{accent-color:var(--purple)}.router-password-list b,.router-password-list small{display:block}.router-password-list b{font-size:10px}.router-password-list small{color:var(--faint);margin-top:4px;font-size:8px}.router-password-fields{grid-template-columns:1fr 1fr auto 1fr;align-items:end;gap:10px;display:grid}.router-password-fields label{color:var(--muted);flex-direction:column;gap:6px;font-size:9px;display:flex}.router-password-fields input{border:1px solid var(--line);height:41px;color:var(--text);background:#0f1016;border-radius:8px;outline:none;padding:0 11px}.router-password-fields input:focus{border-color:var(--purple)}.router-password-confirm{color:var(--muted);align-items:flex-start;gap:9px;margin-top:14px;font-size:9px;line-height:1.45;display:flex}.router-password-confirm input{accent-color:var(--purple);margin-top:2px}.router-password-actions{align-items:center;gap:14px;margin-top:14px;display:flex}.router-password-actions span{color:var(--green);margin-right:auto;font-size:9px}.router-password-actions span.error{color:var(--red)}.router-password-results{border:1px solid var(--line);border-radius:9px;flex-direction:column;margin-top:14px;display:flex;overflow:hidden}.router-password-results>div{border-top:1px solid var(--line);align-items:flex-start;gap:9px;padding:10px 12px;display:flex}.router-password-results>div:first-child{border-top:0}.router-password-results .success{color:var(--green)}.router-password-results .failure{color:var(--red)}.router-password-results b,.router-password-results small{display:block}.router-password-results b{color:var(--text);font-size:10px}.router-password-results small{color:var(--muted);margin-top:3px;font-size:9px}.router-password-results svg{flex:none}.router-password-show{color:var(--muted);align-items:flex-start;gap:9px;margin-top:11px;font-size:9px;line-height:1.45;display:flex}.router-password-show input{accent-color:var(--purple);margin-top:2px}html[data-theme=light] .router-password-fields input{background:#fff}@media (width<=1100px){.router-password-list,.router-password-fields{grid-template-columns:1fr 1fr}.router-password-fields .generate-password{grid-column:1/-1;width:max-content}}@media (width<=760px){.router-password-toolbar{flex-wrap:wrap}.router-password-toolbar span{width:100%;margin-left:0}.router-password-list,.router-password-fields{grid-template-columns:1fr}.router-password-fields .generate-password{grid-column:auto;width:100%}.router-password-actions{flex-direction:column;align-items:stretch}.router-password-actions .primary{width:100%}}.nas-grid{gap:22px;display:grid}.nas-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:22px;padding:24px;position:relative;overflow:hidden}.nas-card:before{content:"";background:var(--green);width:3px;position:absolute;inset:0 auto 0 0}.nas-card.attention:before{background:var(--amber)}.nas-card.skeleton{min-height:420px}.nas-header{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.nas-header h2{margin:0 0 5px;font-size:21px}.nas-header p{color:var(--muted);margin:0;font-size:13px}.nas-title-icon{width:46px;height:46px;color:var(--cyan);background:color-mix(in srgb, var(--cyan) 12%, transparent);border-radius:14px;place-items:center;display:grid}.nas-link{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:12px;align-items:center;gap:8px;margin-top:18px;padding:10px 13px;font-size:13px;display:flex}.nas-link b{color:var(--text)}.nas-link small{margin-left:auto}.nas-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.nas-kpi{border:1px solid var(--line);background:color-mix(in srgb, var(--panel2) 80%, transparent);border-radius:15px;grid-template-columns:auto 1fr;gap:2px 10px;padding:14px;display:grid}.nas-kpi>div{width:34px;height:34px;color:var(--purple);background:color-mix(in srgb, var(--purple) 12%, transparent);border-radius:10px;grid-row:span 3;place-items:center;display:grid}.nas-kpi.tone-green>div{color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent)}.nas-kpi.tone-amber>div{color:var(--amber);background:color-mix(in srgb, var(--amber) 12%, transparent)}.nas-kpi svg{width:17px}.nas-kpi span,.nas-kpi small{color:var(--muted);font-size:11px}.nas-kpi b{font-size:14px}.nas-section-title{margin:24px 0 10px}.nas-section-title h3{margin:0 0 3px;font-size:15px}.nas-section-title p{color:var(--muted);margin:0;font-size:12px}.nas-disk-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.nas-disk-head,.nas-disk-row{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(82px,.7fr));align-items:center;gap:10px;padding:11px 14px;display:grid}.nas-disk-head{color:var(--muted);background:var(--panel2);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.nas-disk-row{border-top:1px solid var(--line);font-size:13px}.nas-disk-row>span:first-child{flex-direction:column;gap:3px;display:flex}.nas-disk-row small{color:var(--muted)}.nas-disk-row.warning{background:color-mix(in srgb, var(--amber) 5%, transparent)}.nas-disk-row.warning>span:nth-child(3),.nas-disk-row.critical>span:nth-child(n+3){color:var(--amber);font-weight:700}.nas-operations{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.nas-operation{border:1px solid var(--line);border-radius:14px;gap:12px;padding:14px;display:flex}.nas-operation>div{color:var(--muted)}.nas-operation.ok>div{color:var(--green)}.nas-operation.warning>div{color:var(--amber)}.nas-operation section{gap:3px;display:grid}.nas-operation span,.nas-operation small{color:var(--muted);font-size:11px}.nas-operation b{font-size:14px}.nas-operation p{color:var(--muted);margin:2px 0;font-size:12px;line-height:1.45}.nas-empty{text-align:center;align-content:center;place-items:center;gap:8px;min-height:260px;display:grid}.nas-empty svg{color:var(--muted)}.nas-empty h3,.nas-empty p{margin:0}.nas-empty p{color:var(--muted)}@media (width<=1050px){.nas-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.nas-card{padding:17px}.nas-header{grid-template-columns:auto 1fr}.nas-header .status-badge{grid-column:1/-1;justify-self:start}.nas-link{flex-wrap:wrap;align-items:flex-start}.nas-link small{width:100%;margin-left:22px}.nas-kpis,.nas-operations{grid-template-columns:1fr}.nas-disk-table{overflow-x:auto}.nas-disk-head,.nas-disk-row{min-width:680px}}.router-agent-create{margin-bottom:24px}.router-agent-create form{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.router-agent-create .form-grid{width:100%}.router-agent-create label,.agent-card-actions{color:var(--muted);font-size:9px}.router-agent-create input,.router-agent-create select,.agent-card-actions select{border:1px solid var(--line);height:39px;color:var(--text);background:#0f1016;border-radius:8px;outline:none;padding:0 10px}.router-agent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.router-agent-card{padding:16px}.agent-card-head{align-items:center;gap:10px;display:flex}.agent-card-head h3{margin:0 0 4px;font-size:12px}.agent-card-head code{color:var(--faint);font-size:9px}.agent-card-head>span{text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-left:auto;font-size:8px}.agent-card-head>span.online{color:var(--green)}.agent-radio{width:36px;height:36px;color:var(--red);background:#ff657712;border-radius:9px;place-items:center;display:grid}.agent-radio.online{color:var(--green);background:#55e6c115}.agent-radio svg{width:17px}.router-agent-card dl{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.router-agent-card dl div{min-width:0}.router-agent-card dt{color:var(--faint);margin-bottom:3px;font-size:8px}.router-agent-card dd{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;overflow:hidden}.agent-card-actions{gap:8px;display:flex}.agent-card-actions select{flex:1;min-width:0}.agent-card-actions .secondary{align-items:center;gap:6px;margin:0;display:flex}.enrollment-card{border-color:#87e5;margin-bottom:28px}.enrollment-card pre{white-space:pre-wrap;word-break:break-word;color:#cbd0db;background:#090a0e;border:1px solid #242630;border-radius:9px;max-height:390px;padding:14px;font:10px/1.6 ui-monospace,SFMono-Regular,monospace;overflow:auto}.token-warning{color:var(--amber);margin-bottom:10px;font-size:9px}.token-warning code{word-break:break-all;color:var(--text)}.enrollment-card .secondary{align-items:center;gap:7px;display:flex}.router-agent-grid>.empty{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-column:1/-1}html[data-theme=light] .router-agent-create input,html[data-theme=light] .router-agent-create select,html[data-theme=light] .agent-card-actions select{background:#fff}@media (width<=1100px){.router-agent-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.router-agent-grid,.router-agent-create .form-grid{grid-template-columns:1fr}.agent-card-actions{flex-direction:column}.agent-card-actions .secondary{justify-content:center}}