/* Shared surface and motion tokens for the website and both panel shells. */
@font-face{font-family:NetwatchInter;src:url('/assets/fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--glass-bg:#0b1117;--glass-surface:rgba(23,33,42,.68);--glass-raised:rgba(29,42,53,.82);--glass-edge:rgba(191,215,235,.13);--glass-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 1px rgba(230,246,255,.035);--glass-blur:18px;--glass-muted:#a6b5c2;--glass-faint:#8a9eae;--glass-radius:12px;--glass-green:#87dfb6;--glass-amber:#ebc181;--glass-red:#f19ba4}
html:not([data-theme=light]){--bg:var(--glass-bg);--surface:var(--glass-surface);--raised:var(--glass-raised);--line:var(--glass-edge);--border:var(--glass-edge);--text:#edf3f7;--muted:var(--glass-muted);--faint:var(--glass-faint);--text-muted:var(--glass-muted);--text-faint:var(--glass-faint);--mint:var(--glass-green);--ok:var(--glass-green);--amber:var(--glass-amber);--red:var(--glass-red);--critical:var(--glass-red);--font-ui:NetwatchInter,Inter,system-ui,sans-serif}
body{font-family:NetwatchInter,Inter,system-ui,sans-serif;background:var(--glass-bg);-webkit-font-smoothing:antialiased}
.panel,.stat-card,.chart-card,.gpu-card,.feature,.product-window,.passthrough-diagram,.security-grid article,.login-card,.fleet-numbers>div,.storage-stat,.announcement,.detail-dialog,.action-dialog,.modal{background:var(--glass-surface);border:1px solid var(--glass-edge);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow)}
.sidebar,.site-header,.topbar,.demo-sidebar,.demo-inspector,.auth-form-side{background:rgba(14,23,31,.8);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:var(--glass-edge)}
.site-header.scrolled{background:rgba(14,23,31,.92)}
.preview-main,.auth-scene{background:transparent}.panel-header,.panel-heading,th,.preview-toolbar{background:rgba(196,225,244,.022);border-color:var(--glass-edge)}
.workspace,.demo-workspace,.sidebar-help,.detail-item,.gpu-metrics>div,.message{background:rgba(186,214,237,.025);border-color:var(--glass-edge)}
.stat-card,.gpu-card,.feature{transition:border-color .2s,box-shadow .2s,transform .2s}.stat-card:hover,.gpu-card:hover,.feature:hover{border-color:rgba(164,217,222,.27);box-shadow:0 16px 46px #0002,inset 0 1px #e6f6ff0b}
.gpu-metrics>div{min-width:0}.gpu-metrics strong,.gpu-sub,.gpu-identity{overflow-wrap:anywhere}.gpu-identity{line-height:1.7}.gpu-sensor-note{display:block;font-size:10px;font-weight:400;color:var(--glass-muted);line-height:1.5;margin-top:5px}
.modal,.action-dialog,.detail-dialog,.demo-dialog{background:rgba(20,30,40,.96);max-height:90dvh;overflow:auto}dialog::backdrop{background:rgba(3,8,15,.7);backdrop-filter:blur(5px)}
.fleet-community{border:0}.fleet-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fleet-numbers>div,.fleet-numbers>div:first-child,.fleet-numbers>div:nth-child(odd),.fleet-numbers>div:nth-child(4){padding:24px;border:1px solid var(--glass-edge)}.fleet-numbers dd{font-size:clamp(28px,3.4vw,47px);letter-spacing:-.055em;white-space:nowrap}.fleet-numbers dt{font-size:12px}.fleet-numbers small{font-size:10px;color:var(--glass-faint)}.fleet-numbers dd.protected{font-size:20px}.community-heading h2{font-size:clamp(29px,3vw,42px)}.community-meta,.capacity-note{font-size:11px}.community-meta>p{font-size:11px}
.security-grid{gap:18px}.security-grid article{padding:24px}.feature-grid{gap:18px}.hero .lead{color:#b2c3d0}.hero h1{max-width:920px}.hero-index{border-color:var(--glass-edge)}
.fleet-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px}.fleet-status>article{display:flex;align-items:center;gap:13px;padding:16px 19px;min-width:0}.fleet-status strong{font-size:26px;font-weight:550;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.fleet-status .fleet-label{font-size:11px;color:var(--glass-muted)}.fleet-status .dot{height:7px;width:7px}.fleet-status .good{color:var(--glass-green)}.fleet-status .warning{color:var(--glass-amber)}.fleet-status .bad{color:var(--glass-red)}
.event-timeline{list-style:none;margin:0;padding:4px 20px}.event-timeline li{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:start;padding:17px 0}.event-timeline li:not(:last-child){border-bottom:1px solid var(--glass-edge)}.event-timeline .event-dot{width:7px;height:7px;border-radius:50%;background:var(--glass-green);margin-top:6px}.event-timeline .warning .event-dot{background:var(--glass-amber)}.event-timeline .critical .event-dot{background:var(--glass-red)}.event-timeline strong{font-size:12px;display:block;overflow-wrap:anywhere}.event-timeline p{font-size:11px;margin-top:4px;overflow-wrap:anywhere}.event-timeline time{font-size:10px;color:var(--glass-faint);white-space:nowrap}.event-timeline a:hover{color:var(--glass-green)}.timeline-panel{margin:20px 0}
.consent-row{display:flex!important;align-items:flex-start;gap:12px;line-height:1.6;margin:20px 0;font-size:13px}.consent-row input[type=checkbox]{flex:0 0 19px;width:19px;height:19px;min-height:19px;margin:3px 0;accent-color:var(--glass-green)}.consent-row small{display:block;color:var(--text-muted,var(--glass-muted));margin-top:5px;font-size:12px}.action-dialog input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--glass-green)}
.action-dialog .field:has(input[type=checkbox]){display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start}.action-dialog .field:has(input[type=checkbox]) label{grid-column:2;grid-row:1;line-height:1.6;cursor:pointer}.action-dialog .field input[type=checkbox]{grid-column:1;grid-row:1;margin-top:3px}
.drawer{background:rgba(20,30,40,.97);border-color:var(--glass-edge);backdrop-filter:blur(18px)}.drawer .modal-heading{background:rgba(20,30,40,.98)}.context-bar,.context-left{flex-wrap:wrap}.context-left{min-width:0;max-width:100%}.context-left select{max-width:100%}
.cpu-core-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,118px),1fr))}.cpu-core-grid .cpu-core-card{min-height:116px;padding:12px;gap:7px}.cpu-core-name{overflow:hidden;text-overflow:ellipsis}
.auth-form-side .login-card{padding:30px;max-width:460px}.auth-links{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:480px){.auth-brand>span{display:none}.auth-brand{gap:8px}.auth-brand strong{font-size:20px}.auth-form-side{padding:28px 16px 80px}.auth-form-side .login-card{padding:22px 18px}.auth-tools{right:20px}.auth-tools .language-switch{min-width:90px}.login-card h1{font-size:24px}}
html[data-motion=off] :is(.dot,.status-dot,.live-badge::before,.meter>span,.progress>span,.bar>b){animation:none!important}
@media(prefers-reduced-motion:reduce){.fleet-status .dot,.progress>span{animation:none!important}}
[data-count-value]{font-variant-numeric:tabular-nums}.stat-value>[data-count-value]{font:inherit;letter-spacing:inherit;color:inherit;margin:0}.cpu-core{min-width:0;overflow:hidden}
.nw-enter{animation:nw-enter .5s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--entry-delay,0ms)}
@keyframes nw-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes nw-heartbeat{0%,100%{box-shadow:0 0 0 0 rgba(135,223,182,0)}35%{box-shadow:0 0 0 4px rgba(135,223,182,.13)}65%{box-shadow:0 0 0 7px rgba(135,223,182,0)}}
@media(prefers-reduced-motion:no-preference){.badge.good .dot,.status-dot.ok,.fleet-status .good .dot,.live .dot,.live-badge[data-state=ready]::before{animation:nw-heartbeat 3.5s ease-in-out infinite}.meter>span,.progress>span,.bar>b{transform-origin:left;animation:nw-fill .75s cubic-bezier(.2,.75,.25,1)}@keyframes nw-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}}
html[data-motion=off] .nw-enter,html[data-motion=off] .status-dot,html[data-motion=off] .live-badge::before{animation:none!important}
html[data-theme=light]{--glass-bg:#ecf1f5;--glass-surface:rgba(255,255,255,.78);--glass-raised:rgba(248,252,255,.94);--glass-edge:rgba(39,72,96,.18);--glass-shadow:0 10px 35px #23374d0b,inset 0 1px #fff;--glass-muted:#42576b;--glass-faint:#586f80;--glass-green:#23764f;--glass-amber:#87601d;--glass-red:#b33f50}
html[data-theme=light] :is(.sidebar,.site-header,.topbar,.auth-form-side){background:rgba(246,250,254,.84)}html[data-theme=light] :is(.modal,.action-dialog,.detail-dialog,.drawer,.drawer .modal-heading){background:rgba(249,252,255,.97)}
@supports not (backdrop-filter:blur(1px)){:root{--glass-surface:#15212b}.sidebar,.site-header,.topbar{background:#111b24}html[data-theme=light]{--glass-surface:#fff}}
@media(max-width:800px){.fleet-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-numbers>div,.fleet-numbers>div:first-child,.fleet-numbers>div:nth-child(odd),.fleet-numbers>div:nth-child(4){padding:20px}.fleet-status>article{padding:13px 12px;gap:8px}.event-timeline li{grid-template-columns:10px minmax(0,1fr)}.event-timeline time{grid-column:2}.security-grid article{padding:22px}.fleet-status strong{font-size:23px}.fleet-status .fleet-label{font-size:10px}}
@media(max-width:380px){.fleet-numbers{gap:9px}.fleet-numbers>div,.fleet-numbers>div:first-child,.fleet-numbers>div:nth-child(odd),.fleet-numbers>div:nth-child(4){padding:16px}.fleet-status{gap:8px}.fleet-status>article{flex-wrap:wrap}.fleet-status .fleet-label{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nw-enter,.meter>span,.bar>b,.badge.good .dot,.status-dot,.live .dot,.live-badge::before{animation:none!important;transition:none!important}}