:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-display:"Segoe UI Variable Display", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:"Cascadia Mono", "Cascadia Code", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--bg:#0b0c0f;--bg-dock:#0f1014;--surface:#14161b;--surface-2:#1a1d23;--surface-3:#22262e;--surface-sunken:#101216;--line:#ffffff13;--line-2:#ffffff21;--line-3:#fff3;--text:#eef0f4;--text-2:#aab1bd;--text-3:#808897;--text-4:#5a616d;--overlay:#0405089e;--highlight:#ffffff0b;--ok:#3ddc97;--ok-soft:#3ddc971f;--warn:#ffc053;--warn-soft:#ffc0531f;--danger:#ff6b7d;--danger-soft:#ff6b7d1f;--danger-strong:#e2364d;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-7:#9085e9;--series-neutral:#7d8593;--chart-grid:#ffffff0f;--chart-axis:#7d8593;--shadow-1:inset 0 1px 0 #ffffff09, 0 1px 2px #0006;--shadow-2:inset 0 1px 0 #ffffff0a, 0 18px 40px -22px #000000e6;--shadow-3:0 0 0 1px #ffffff12, 0 40px 90px -30px #000000f2;--shadow-glow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent), 0 12px 36px -12px color-mix(in srgb, var(--accent) 55%, transparent);--accent:#3b9bff;--accent-strong:#1d4ed8;--accent-2:#0e7490;--accent-glow:#38c4f2;--accent-text:#7cbcff;--accent-ink:#fff;--r-xs:6px;--r-sm:9px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:26px;--r-pill:999px;--gap:14px;--pad:18px;--pad-lg:24px;--control-h:38px;--page-x:28px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--t-1:.12s;--t-2:.2s;--t-3:.32s;--t-4:.56s;--border:var(--line-2);--muted:var(--text-3);--text-soft:var(--text-2);--surface-raised:var(--surface-2);--green:var(--ok);--red:var(--danger);--blue:var(--series-1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f7;--bg-dock:#fff;--surface:#fff;--surface-2:#f5f6f9;--surface-3:#eceef3;--surface-sunken:#eef0f4;--line:#11182714;--line-2:#11182724;--line-3:#11182738;--text:#0f1420;--text-2:#4a5263;--text-3:#667085;--text-4:#a3a9b5;--overlay:#0f14205c;--highlight:#ffffffe6;--ok:#0b7d4f;--ok-soft:#10a3681a;--warn:#a35f00;--warn-soft:#eda10024;--danger:#d0293f;--danger-soft:#d0293f17;--danger-strong:#c41e35;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-7:#6250d6;--series-neutral:#8a91a0;--chart-grid:#11182712;--chart-axis:#667085;--shadow-1:0 1px 2px #1018280d;--shadow-2:0 1px 2px #1018280a, 0 14px 34px -18px #10182833;--shadow-3:0 0 0 1px #1018280f, 0 36px 90px -28px #10182861;--accent:#2563eb;--accent-text:#1559d6;--accent-glow:#0ea5e9}:root[data-accent=violet]{--accent:#a184ff;--accent-strong:#7346f0;--accent-2:#a23ab8;--accent-glow:#d27bf2;--accent-text:#bba6ff}:root[data-theme=light][data-accent=violet]{--accent:#7346f0;--accent-text:#6a3fe0;--accent-glow:#b44ad6}:root[data-accent=emerald]{--accent:#2fd8a0;--accent-strong:#047857;--accent-2:#0f766e;--accent-glow:#5ee6c4;--accent-text:#5fe3b5}:root[data-theme=light][data-accent=emerald]{--accent:#059669;--accent-text:#047a57;--accent-glow:#14b8a6}:root{--accent-soft:color-mix(in srgb, var(--accent) 14%, transparent);--accent-softer:color-mix(in srgb, var(--accent) 8%, transparent);--accent-line:color-mix(in srgb, var(--accent) 45%, transparent);--accent-gradient:linear-gradient(135deg, var(--accent-strong) 0%, var(--accent-2) 100%);--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 32%, transparent)}:root[data-density=comfortable]{--gap:18px;--pad:22px;--pad-lg:28px;--control-h:42px;--page-x:34px}@media (width<=760px){:root{--page-x:16px;--pad:16px;--pad-lg:18px}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;scrollbar-color:var(--line-3) transparent;scrollbar-gutter:stable;font-size:14px;line-height:1.5}body{background:0 0;min-width:320px;min-height:100dvh;margin:0}[hidden]{display:none!important}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(42vmax 32vmax at 18% 8%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), radial-gradient(38vmax 30vmax at 86% 0%, color-mix(in srgb, var(--accent-glow) 11%, transparent), transparent 72%), radial-gradient(46vmax 36vmax at 70% 100%, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 70%);animation:aurora-drift 38s var(--ease-in-out) infinite alternate;will-change:transform;position:fixed;inset:-20vmax}:root[data-theme=light] body:before{opacity:.75}body:after{content:"";z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}:root[data-theme=light] body:after{opacity:.05;filter:invert()}#root{isolation:isolate;min-height:100vh}::selection{background:color-mix(in srgb, var(--accent) 34%, transparent);color:var(--text)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);letter-spacing:-.018em;margin:0;line-height:1.2}h1{letter-spacing:-.026em;font-size:clamp(24px,2.2vw,30px);font-weight:700}h2{font-size:16px;font-weight:650}h3{font-size:14px;font-weight:650}p{margin:0}a{color:var(--accent-text);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}small{font-size:12px}strong,b{font-weight:650}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}svg{flex-shrink:0}img,svg,canvas{display:block}.lucide{stroke-width:1.85px}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}*{scrollbar-width:thin;scrollbar-color:var(--line-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-2);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--line-3);background-clip:padding-box}:where(button,input,select,textarea){font:inherit;color:inherit}:where(button){cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}:where(button:disabled){cursor:not-allowed}:where(.secondary,.secondary-button),:where(.page-heading,.pagination,.network-actions,.bulk-actions,.panel-message,.empty,.button-row,.modal-actions,.section-mini-heading,.session-row,.notification-item,.thermal-actions,.thermal-control-footer,.thermal-monitoring .error,.panel-head,.admin-account-actions,.admin-pagination)>:where(button:not([class])){min-height:var(--control-h);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);white-space:nowrap;box-shadow:var(--shadow-1);transition:background var(--t-2) var(--ease-out), border-color var(--t-2) var(--ease-out), transform var(--t-1) var(--ease-out), box-shadow var(--t-2) var(--ease-out), color var(--t-2);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}:where(.secondary,.secondary-button):hover:not(:disabled),:where(.page-heading,.pagination,.network-actions,.bulk-actions,.panel-message,.empty,.button-row,.modal-actions,.section-mini-heading,.session-row,.notification-item,.thermal-actions,.thermal-control-footer,.thermal-monitoring .error,.panel-head,.admin-account-actions,.admin-pagination)>:where(button:not([class])):hover:not(:disabled){background:var(--surface-3);border-color:var(--line-3)}:where(.secondary,.secondary-button):active:not(:disabled),:where(.page-heading,.pagination,.network-actions,.bulk-actions,.panel-message,.empty,.button-row,.modal-actions,.section-mini-heading,.session-row,.notification-item,.thermal-actions,.thermal-control-footer,.thermal-monitoring .error,.panel-head,.admin-account-actions,.admin-pagination)>:where(button:not([class])):active:not(:disabled){transform:scale(.97)}:where(.secondary,.secondary-button):disabled,:where(.page-heading,.pagination,.network-actions,.bulk-actions,.panel-message,.empty,.button-row,.modal-actions,.section-mini-heading,.session-row,.notification-item,.thermal-actions,.thermal-control-footer,.thermal-monitoring .error,.panel-head,.admin-account-actions,.admin-pagination)>:where(button:not([class])):disabled{opacity:.45}:where(.secondary,.secondary-button) svg,:where(.page-heading,.pagination,.network-actions,.bulk-actions,.panel-message,.empty,.button-row,.modal-actions,.section-mini-heading,.session-row,.notification-item,.thermal-actions,.thermal-control-footer,.thermal-monitoring .error,.panel-head,.admin-account-actions,.admin-pagination)>:where(button:not([class])) svg{width:16px;height:16px}:where(.page-heading,.pagination,.network-actions,.bulk-actions,.panel-message,.empty,.button-row,.modal-actions,.section-mini-heading,.session-row,.notification-item,.thermal-actions,.thermal-control-footer,.thermal-monitoring .error,.panel-head,.admin-account-actions,.admin-pagination)>:where(button[aria-pressed=true]:not([class])){background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text)}.secondary.compact,.primary.compact{min-height:36px;padding:0 14px}.primary{isolation:isolate;border-radius:var(--r-md);background:var(--accent-gradient);width:100%;min-height:44px;color:var(--accent-ink);letter-spacing:.005em;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff38, 0 8px 22px -10px color-mix(in srgb, var(--accent-strong) 85%, transparent);transition:transform var(--t-1) var(--ease-out), box-shadow var(--t-3) var(--ease-out), filter var(--t-2);border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.primary:after{content:"";z-index:-1;background:linear-gradient(110deg,#0000 20%,#ffffff47 45%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.primary:hover:not(:disabled){filter:brightness(1.08)saturate(1.05);box-shadow:inset 0 1px 0 #ffffff40, 0 14px 30px -12px color-mix(in srgb, var(--accent-strong) 95%, transparent);text-decoration:none}.primary:hover:not(:disabled):after{transition:transform .9s var(--ease-out);transform:translate(120%)}.primary:active:not(:disabled){transform:scale(.975)}.primary:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.6)}.primary.compact{width:auto}.primary svg{width:17px;height:17px}.danger-button{min-height:var(--control-h);border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);background:var(--danger-soft);color:var(--danger);transition:background var(--t-2), border-color var(--t-2), transform var(--t-1) var(--ease-out), color var(--t-2);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:650;display:inline-flex}.danger-button:hover:not(:disabled){background:var(--danger-strong);border-color:var(--danger-strong);color:#fff}.danger-button:active:not(:disabled){transform:scale(.97)}.danger-button:disabled{opacity:.45}.danger-button svg{width:16px;height:16px}.text-button{color:var(--accent-text);border-radius:var(--r-sm);transition:color var(--t-2), opacity var(--t-2);justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:13px;font-weight:600;display:inline-flex}.text-button:hover:not(:disabled){text-underline-offset:4px;text-decoration:underline}.text-button:disabled{opacity:.45}button.icon{width:var(--control-h);height:var(--control-h);border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface-2);color:var(--text-2);box-shadow:var(--shadow-1);transition:color var(--t-2), background var(--t-2), border-color var(--t-2), transform var(--t-1) var(--ease-out);place-items:center;display:inline-grid;position:relative}button.icon:hover{color:var(--text);background:var(--surface-3);border-color:var(--line-3)}button.icon:active{transform:scale(.94)}button.icon svg{width:17px;height:17px}button.icon b{background:var(--danger-strong);color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--bg);border-radius:999px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select,textarea){width:100%;min-width:0;min-height:var(--control-h);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-sunken);color:var(--text);transition:border-color var(--t-2) var(--ease-out), box-shadow var(--t-2) var(--ease-out), background var(--t-2);padding:0 12px;font-size:13.5px;font-weight:450;box-shadow:inset 0 1px 2px #0000001f}:where(textarea){resize:vertical;min-height:90px;padding:10px 12px}:where(input,select,textarea)::placeholder{color:var(--text-4)}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):hover:not(:disabled){border-color:var(--line-3)}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus{border-color:var(--accent);box-shadow:var(--focus-ring);background:var(--surface);outline:none}:where(input,select,textarea):disabled{opacity:.55;cursor:not-allowed}:where(input[readonly]){color:var(--text-2)}:where(select){appearance:none;cursor:pointer;background-image:var(--chevron);text-overflow:ellipsis;background-position:right 11px center;background-repeat:no-repeat;background-size:14px 14px;padding-right:34px}:root{--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab1bd' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root[data-theme=light]{--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5263' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}select option{background:var(--surface);color:var(--text)}:where(input[type=number]){font-variant-numeric:tabular-nums}:where(input[type=datetime-local]){color-scheme:inherit}:where(label){color:var(--text-2);font-size:12.5px;font-weight:550}input[type=checkbox],input[type=radio]{appearance:none;border:1.5px solid var(--line-3);background:var(--surface-sunken) center / 12px 12px no-repeat;cursor:pointer;vertical-align:middle;width:18px;height:18px;transition:background-color var(--t-2) var(--ease-out), border-color var(--t-2), box-shadow var(--t-2), transform var(--t-1) var(--ease-spring);border-radius:6px;flex-shrink:0;margin:0}input[type=radio]{border-radius:50%}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--accent)}input[type=checkbox]:active:not(:disabled){transform:scale(.88)}input[type=checkbox]:checked{background-color:var(--accent-strong);box-shadow:0 4px 12px -4px color-mix(in srgb, var(--accent-strong) 80%, transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17 19 7.5'/%3E%3C/svg%3E");border-color:#0000}input[type=radio]:checked{border:5px solid var(--accent-strong);background:#fff}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{box-shadow:var(--focus-ring);outline:none}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.4;cursor:not-allowed}input[type=checkbox][role=switch]{background-color:var(--surface-3);width:42px;height:24px;box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color var(--t-3) var(--ease-out), background-position var(--t-3) var(--ease-spring), box-shadow var(--t-2);background-image:radial-gradient(circle,#fff 0 8px,#0000 8.5px);background-position:0 0;background-repeat:no-repeat;background-size:24px 24px;border:0;border-radius:999px}input[type=checkbox][role=switch]:checked{background-color:var(--accent-strong);box-shadow:inset 0 0 0 1px transparent, 0 6px 16px -8px var(--accent-strong);background-image:radial-gradient(circle,#fff 0 8px,#0000 8.5px);background-position:18px 0}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 55%, var(--surface-3)), var(--surface-3));height:6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}input[type=range]::-moz-range-track{background:var(--surface-3);height:6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}input[type=range]::-moz-range-progress{background:var(--accent-gradient);border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-strong);width:20px;height:20px;box-shadow:0 2px 10px #00000059, 0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent);transition:transform var(--t-2) var(--ease-spring), box-shadow var(--t-2);border:3px solid #fff;border-radius:50%;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--accent-strong);border:3px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 10px #00000059}input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{box-shadow:0 2px 10px #00000059, 0 0 0 7px color-mix(in srgb, var(--accent) 18%, transparent);transform:scale(1.12)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}input[type=range]:disabled{opacity:.45;cursor:not-allowed}progress{appearance:none;background:var(--surface-3);width:100%;height:8px;color:var(--accent);border:0;border-radius:999px;overflow:hidden}progress::-webkit-progress-bar{background:var(--surface-3);border-radius:999px}progress::-webkit-progress-value{background:var(--accent-gradient);transition:width var(--t-4) var(--ease-out);border-radius:999px}progress::-moz-progress-bar{background:var(--accent-gradient);border-radius:999px}details>summary{cursor:pointer;list-style:none}details>summary::-webkit-details-marker{display:none}:where(table){border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%;font-size:13px}:where(th){text-align:left;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:600}:where(thead th){z-index:1;background:var(--surface-2);border-bottom:1px solid var(--line);padding:11px 14px;position:sticky;top:0}:where(tbody th,tbody td){border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 14px}:where(tbody th){color:var(--text);letter-spacing:0;text-transform:none;font-size:13px;font-weight:600}:where(tbody th small){color:var(--text-3);margin-top:2px;font-size:11.5px;font-weight:450;display:block}:where(tbody tr){transition:background var(--t-1)}:where(tbody tr:hover){background:var(--highlight)}:where(tbody tr:last-child th,tbody tr:last-child td){border-bottom:0}kbd{border:1px solid var(--line-2);background:var(--surface-2);min-height:20px;color:var(--text-3);letter-spacing:.02em;border-bottom-width:2px;border-radius:6px;align-items:center;padding:0 6px;font-size:10.5px;font-weight:600;display:inline-flex}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);align-items:center;gap:8px;font-size:10.5px;font-weight:600;display:inline-flex}.center{min-height:60vh;animation:fade-in var(--t-3) var(--ease-out) both;place-items:center;display:grid}#root>.center,.auth-shell+.center{min-height:100vh}.pulse{background:conic-gradient(from 0deg, transparent 0 18%, var(--accent-glow) 55%, var(--accent) 100%);width:44px;height:44px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 60%, transparent));border-radius:50%;animation:.9s linear infinite spin;position:relative;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px))}.spin{animation:.9s linear infinite spin}.error,.success,.warning{border-radius:var(--r-md);animation:message-in var(--t-3) var(--ease-out) both;border:1px solid #0000;align-items:flex-start;gap:10px;padding:11px 14px;font-size:13px;line-height:1.45;display:flex;position:relative}.error{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, transparent);color:var(--danger)}.success{background:var(--ok-soft);border-color:color-mix(in srgb, var(--ok) 30%, transparent);color:var(--ok)}.warning{background:var(--warn-soft);border-color:color-mix(in srgb, var(--warn) 30%, transparent);color:var(--warn)}.error>button,.success>button,.warning>button{margin-left:auto}.error.banner,.success.banner,.warning.banner{margin-bottom:var(--gap);align-items:center}.banner>button[aria-label]{width:28px;height:28px;min-height:0;color:inherit;box-shadow:none;opacity:.8;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.banner>button[aria-label]:hover{opacity:1;background:color-mix(in srgb, currentColor 14%, transparent)}.banner>button svg{width:16px;height:16px}.panel-message{border-radius:var(--r-md);border:1px dashed var(--line-2);background:var(--highlight);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.panel-message>button{min-height:30px;margin-left:auto;padding:0 11px;font-size:12px}.portal-page>.panel-message{margin-bottom:var(--gap)}.empty{text-align:center;color:var(--text-2);animation:enter-up var(--t-4) var(--ease-out) both;justify-items:center;gap:8px;padding:48px 24px;display:grid}.empty>svg{width:44px;height:44px;color:var(--text-4);stroke-width:1.4px;margin-bottom:6px}.empty h2{font-size:18px}.empty p{max-width:420px;color:var(--text-3)}.empty.small{padding:28px 16px}.empty.small>svg{width:32px;height:32px}.empty .button-row{justify-content:center;margin-top:10px}.empty .pulse{margin-bottom:8px}.muted-copy,.help-copy{color:var(--text-3);font-size:12.5px;line-height:1.55}.status-chip{letter-spacing:.02em;background:var(--danger-soft);min-height:22px;color:var(--danger);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:650;display:inline-flex}.status-chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-chip.resolved{background:var(--ok-soft);color:var(--ok)}.button-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.chart-resize-instructions{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes enter-up{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes enter-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;filter:blur(6px);transform:translateY(22px)}to{opacity:1;filter:none;transform:none}}@keyframes scale-in{0%{opacity:0;transform:translateY(12px)scale(.955)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{transform:translate(104%)}to{transform:none}}@keyframes slide-in-left{0%{transform:translate(-104%)}to{transform:none}}@keyframes message-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes ripple{0%{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 55%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.45}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bar-sheen{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes aurora-drift{0%{transform:translate(0,0)rotate(0)scale(1)}50%{transform:translate(-3vmax,2vmax)rotate(4deg)scale(1.04)}to{transform:translate(2vmax,-1vmax)rotate(-3deg)scale(1.02)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes spin-in{0%{opacity:0;transform:rotate(-120deg)scale(.4)}to{opacity:1;transform:none}}@keyframes value-flash{0%{color:var(--accent-text);text-shadow:0 0 18px color-mix(in srgb, var(--accent) 60%, transparent)}to{color:inherit;text-shadow:none}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=760px){:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px}}@media (forced-colors:active){.primary,.danger-button,button.icon,.secondary,.secondary-button{border:1px solid buttontext}body:before,body:after{display:none}.active,.selected,[aria-pressed=true]{outline-offset:-2px;outline:2px solid highlight!important}.series-hidden{outline:1px dashed graytext}.capacity-track,.memory-capacity-track,.live-stat-capacity,.rank-track,.heatmap-row>div{forced-color-adjust:none}}@media print{.portal-sidebar,.portal-topbar,.portal-footer,.theme-toggle,.nav-scrim,.nav-toggle,.chart-tools,.back,.pause,.dashboard-layout-toolbar,.dashboard-drag-handle,.dashboard-resize-handle,.mobile-table-sort,.component-chart-controls{display:none!important}.portal-shell{display:block}.portal-page{padding:12px;animation:none}body:before,body:after{display:none}.component-table-wrap,.network-table-scroll,.thermal-table-scroll{max-height:none;overflow:visible}thead th{position:static}.component-chart-panel,.component-table-section,.glass-card,.panel{break-inside:avoid;box-shadow:none}}:where(.glass-card,.panel,.chart-card,.live-stat,.memory-distribution,.summary,.component-chart-panel,.component-table-section,.component-evidence,.overview-welcome,.overview-message){border:1px solid var(--line);border-radius:var(--r-xl);background-color:var(--surface);background-image:linear-gradient(180deg, var(--highlight), transparent 96px);min-width:0;box-shadow:var(--shadow-2);position:relative}.glass-card{padding:var(--pad)}.page-heading,.overview-header{margin:6px 0 calc(var(--gap) + 8px);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.page-heading>div:first-child,.overview-heading{gap:6px;min-width:0;max-width:760px;display:grid}.page-heading h1,.overview-heading h1{font-size:clamp(26px,2.4vw,34px)}.page-heading p,.overview-heading p{color:var(--text-2);font-size:14.5px}.page-heading>svg{width:30px;height:30px;color:var(--accent-text);opacity:.8}.page-heading>button{flex-shrink:0}.page-heading .eyebrow,.overview-heading .eyebrow{animation:enter-up var(--t-4) var(--ease-out) both}.page-heading h1,.overview-heading h1{animation:enter-up var(--t-4) var(--ease-out) 40ms both}.page-heading p,.overview-heading p{animation:enter-up var(--t-4) var(--ease-out) 80ms both}.workspace-page{gap:var(--gap);min-width:0;display:grid}.workspace-page>.page-heading{margin-bottom:8px}.section-title{margin:calc(var(--gap) + 14px) 0 12px;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.section-title h2{font-size:18px}.section-title p{color:var(--text-3);margin-top:2px;font-size:13px}.panel-head{padding:var(--pad) var(--pad) 12px;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-head>div{gap:3px;min-width:0;display:grid}.panel-head h2{align-items:center;gap:8px;font-size:15px;display:flex}.panel-head h2 svg{width:17px;height:17px;color:var(--accent-text)}.panel-head p{color:var(--text-3);font-size:12.5px}.panel-head>svg{width:18px;height:18px;color:var(--text-3)}.glass-card>.panel-head{padding:0 0 12px}.panel-title{text-align:left;gap:2px;display:grid}.panel-title strong{font-size:14px}.component-panel-trigger{width:100%;color:var(--text);text-align:left;border-radius:var(--r-xl) var(--r-xl) 0 0;transition:background var(--t-2);align-items:center}.component-panel-trigger:hover{background:var(--highlight)}.component-panel-trigger>svg{transition:transform var(--t-3) var(--ease-spring), color var(--t-2)}.component-panel-trigger:hover>svg{color:var(--accent-text);transform:translate(2px,-2px)}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-bar>select{flex:0 220px;width:auto;min-width:170px}.filter-bar>label:not(.search-field){gap:6px;display:grid}.filter-bar .search-field{flex:260px}.connection-state{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);min-height:30px;color:var(--text-2);white-space:nowrap;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:12.5px;font-weight:550;display:inline-flex}.connection-state>span{background:var(--text-4);width:8px;height:8px;color:var(--text-4);border-radius:50%}.connection-state.connected>span{background:var(--ok);color:var(--ok);animation:ripple 2.2s var(--ease-out) infinite}.connection-state.connecting>span,.connection-state.reconnecting>span{background:var(--warn);color:var(--warn);animation:breathe 1.1s var(--ease-in-out) infinite}.connection-state.disconnected>span{background:var(--danger);color:var(--danger)}.connection-state.disconnected{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.settings-note{border-radius:var(--r-md);background:var(--accent-softer);color:var(--text-2);align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;display:flex}.settings-note svg{width:17px;height:17px;color:var(--accent-text)}.pagination{color:var(--text-3);justify-content:flex-end;align-items:center;gap:8px;padding-top:14px;font-size:12.5px;display:flex}.pagination span{font-variant-numeric:tabular-nums;margin-right:auto}.pagination button[aria-label]{width:36px;padding:0}.metric-value-update{font-variant-numeric:tabular-nums}.portal-shell{grid-template-columns:276px minmax(0,1fr);min-height:100dvh;display:grid}.portal-sidebar{z-index:50;border:1px solid var(--line);border-radius:var(--r-2xl);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 240px), var(--bg-dock);height:calc(100dvh - 24px);box-shadow:var(--shadow-2);animation:sidebar-in var(--t-4) var(--ease-out) both;flex-direction:column;align-self:start;margin:12px 0 12px 12px;display:flex;position:sticky;top:12px;overflow:hidden}@keyframes sidebar-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}.portal-brand{text-align:left;width:100%;color:var(--text);align-items:center;gap:12px;padding:18px 18px 12px;display:flex}.portal-brand>span,.auth-brand .logo{background:var(--accent-gradient);color:#fff;width:40px;height:40px;box-shadow:inset 0 1px 0 #ffffff4d, 0 10px 24px -10px color-mix(in srgb, var(--accent-strong) 90%, transparent);transition:transform var(--t-3) var(--ease-spring);border-radius:13px;flex-shrink:0;place-items:center;display:grid;position:relative}.portal-brand>span:after,.auth-brand .logo:after{content:"";border-radius:inherit;mix-blend-mode:soft-light;background:linear-gradient(140deg,#ffffff59,#0000 45%);position:absolute;inset:0}.portal-brand>span svg{width:22px;height:22px}.portal-brand:hover>span{transform:rotate(-6deg)scale(1.05)}.portal-brand strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:15.5px;font-weight:700;display:block}.portal-brand small{color:var(--text-3);font-size:11.5px;line-height:1.35;display:block}.portal-sidebar nav{overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;min-height:0;padding:4px 12px 10px;display:flex;overflow-y:auto}.nav-caption{color:var(--text-4);font-family:var(--font-mono);letter-spacing:.18em;padding:16px 10px 7px;font-size:10px;font-weight:600}.portal-sidebar nav>button{min-height:38px;color:var(--text-2);text-align:left;transition:background var(--t-2) var(--ease-out), color var(--t-2), transform var(--t-1) var(--ease-out);border-radius:11px;align-items:center;gap:11px;padding:0 10px;font-size:13.5px;font-weight:550;display:flex;position:relative}.portal-sidebar nav>button svg{width:18px;height:18px;color:var(--text-3);transition:color var(--t-2), transform var(--t-3) var(--ease-spring)}.portal-sidebar nav>button:hover{background:var(--highlight);color:var(--text)}.portal-sidebar nav>button:hover svg{color:var(--text-2);transform:scale(1.08)}.portal-sidebar nav>button:active{transform:scale(.98)}.portal-sidebar nav>button.active{color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 17%, transparent), color-mix(in srgb, var(--accent) 3%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent)}.portal-sidebar nav>button.active svg{color:var(--accent-text)}.portal-sidebar nav>button.active:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 12px var(--accent);animation:grow-y var(--t-3) var(--ease-spring) both;border-radius:0 4px 4px 0;position:absolute;top:9px;bottom:9px;left:-12px}.portal-sidebar nav>button b{background:var(--danger-strong);color:#fff;text-align:center;min-width:20px;height:20px;animation:pop-in var(--t-3) var(--ease-spring) both;border-radius:999px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;line-height:20px}.nav-device{gap:2px;margin:4px 0 6px;display:grid}.nav-device label{color:var(--text-4);font-family:var(--font-mono);letter-spacing:.18em;padding:14px 10px 6px;font-size:10px;font-weight:600}.nav-device select{background-color:var(--surface-2);border-radius:11px;min-height:38px;font-weight:600}.portal-account{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--highlight);align-items:center;gap:10px;margin:8px 12px 12px;padding:10px 10px 10px 12px;display:flex}.portal-account>div{flex:1;min-width:0}.portal-account strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.portal-account small{color:var(--text-3);align-items:center;gap:4px;font-size:11px;display:flex}.portal-account small svg{color:var(--ok)}.portal-account>button{width:32px;height:32px;color:var(--text-3);transition:color var(--t-2), background var(--t-2);border-radius:10px;place-items:center;display:grid}.portal-account>button:hover{color:var(--danger);background:var(--danger-soft)}.user-orb,.user-avatar{background:conic-gradient(from 210deg, var(--accent-strong), var(--accent-glow), var(--accent-2), var(--accent-strong));color:#fff;width:36px;height:36px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #ffffff2e}.user-orb.small{width:34px;height:34px;font-size:13px}.portal-workspace{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.portal-topbar{z-index:30;min-height:60px;padding:0 calc(var(--page-x) + 50px) 0 var(--page-x);transition:background var(--t-3), border-color var(--t-3);border-bottom:1px solid #0000;align-items:center;gap:14px;display:flex;position:sticky;top:0}@supports (animation-timeline:scroll()){.portal-topbar{animation:linear both topbar-shade;animation-timeline:scroll(root);animation-range:0 72px}}@keyframes topbar-shade{0%{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000}to{background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.25);backdrop-filter:blur(16px)saturate(1.25)}}.nav-toggle{border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface-2);width:38px;height:38px;color:var(--text);place-items:center;display:none}.nav-toggle svg{width:19px;height:19px}.breadcrumbs{min-width:0;color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumbs svg{width:14px;height:14px;color:var(--text-4)}.breadcrumbs strong{text-overflow:ellipsis;color:var(--text);font-weight:600;overflow:hidden}.command-trigger{border:1px solid var(--line-2);border-radius:var(--r-pill);background:color-mix(in srgb, var(--surface-2) 80%, transparent);width:clamp(220px,30vw,400px);min-height:40px;color:var(--text-3);text-align:left;box-shadow:var(--shadow-1);transition:border-color var(--t-2), box-shadow var(--t-3) var(--ease-out), color var(--t-2), background var(--t-2);align-items:center;gap:10px;margin-left:auto;padding:0 8px 0 14px;font-size:13px;display:flex}.command-trigger svg{width:16px;height:16px}.command-trigger span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.command-trigger:hover{color:var(--text-2);border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-softer)}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar-actions>button{width:38px;height:38px;color:var(--text-2);transition:color var(--t-2), background var(--t-2), transform var(--t-1) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.topbar-actions>button svg{width:19px;height:19px}.topbar-actions>button:hover{color:var(--text);background:var(--surface-2)}.topbar-actions>button:active{transform:scale(.92)}.notification-bell:hover svg{animation:bell-ring .7s var(--ease-out)}@keyframes bell-ring{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-11deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-3deg)}}.notification-bell i{background:var(--danger-strong);width:8px;height:8px;color:var(--danger);box-shadow:0 0 0 2px var(--bg);animation:ripple 2s var(--ease-out) infinite;border-radius:50%;position:absolute;top:8px;right:9px}.topbar-actions .user-orb{margin-left:4px}.portal-page{width:100%;max-width:1560px;padding:2px var(--page-x) 20px;animation:page-in var(--t-4) var(--ease-out);flex:1;margin:0 auto}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.portal-footer{padding:8px var(--page-x) 10px;color:var(--text-4);justify-content:space-between;gap:16px;font-size:12px;display:flex}.portal-footer span:first-child{color:var(--text-3);align-items:center;gap:8px;font-weight:600;display:inline-flex}.portal-footer i{background:var(--accent-gradient);width:8px;height:8px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:3px}.theme-toggle{z-index:45;border:1px solid var(--line-2);background:color-mix(in srgb, var(--surface-2) 82%, transparent);width:38px;height:38px;color:var(--text-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-1);transition:color var(--t-2), border-color var(--t-2), transform var(--t-2) var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:fixed;top:11px;right:18px}.theme-toggle svg{width:18px;height:18px;animation:spin-in var(--t-4) var(--ease-spring) both}.theme-toggle:hover{color:var(--warn);border-color:var(--line-3);transform:rotate(14deg)}:root[data-theme=light] .theme-toggle:hover{color:var(--accent-text)}.theme-toggle:active{transform:scale(.9)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:theme-reveal .62s var(--ease-in-out) both}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--theme-x,calc(100% - 37px)) var(--theme-y,32px))}to{clip-path:circle(var(--theme-r,150vmax) at var(--theme-x,calc(100% - 37px)) var(--theme-y,32px))}}.modal-backdrop{z-index:90;background:var(--overlay);-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);animation:fade-in var(--t-3) var(--ease-out) both;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--line-2);border-radius:var(--r-2xl);background:radial-gradient(120% 60% at 50% -10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 60%), var(--surface);width:min(500px,100%);max-height:calc(100dvh - 40px);box-shadow:var(--shadow-3);animation:scale-in .42s var(--ease-out) both;gap:14px;padding:30px;display:grid;position:relative;overflow-y:auto}.modal h2{padding-right:36px;font-size:21px}.modal>p{color:var(--text-2)}.modal label{gap:7px;display:grid}.modal small{color:var(--text-3)}.modal-close{width:34px;height:34px;color:var(--text-3);transition:color var(--t-2), background var(--t-2), transform var(--t-3) var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--text);background:var(--surface-3);transform:rotate(90deg)}.modal-close svg{width:18px;height:18px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.modal-actions>button{flex:160px}.revoke-modal .eyebrow{color:var(--danger)}.confirm-name{border-radius:var(--r-sm);border:1px dashed color-mix(in srgb, var(--danger) 45%, transparent);background:var(--danger-soft);color:var(--danger);font-family:var(--font-mono);justify-self:start;padding:7px 12px;font-size:13px}.setup-symbol{background:var(--accent-gradient);color:#fff;width:58px;height:58px;box-shadow:0 16px 34px -14px var(--accent-strong);animation:pop-in .5s var(--ease-spring) 80ms both;border-radius:18px;place-items:center;display:grid}.setup-symbol svg{width:26px;height:26px}.drawer{z-index:80;border:1px solid var(--line-2);border-radius:var(--r-2xl);background:var(--surface);width:min(440px,100vw - 24px);box-shadow:var(--shadow-3), 0 0 0 100vmax var(--overlay);animation:drawer-in .48s var(--ease-out) both;flex-direction:column;gap:10px;padding:22px;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto}@keyframes drawer-in{0%{transform:translate(calc(100% + 24px))}to{transform:none}}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;padding-bottom:12px;display:flex}.drawer-head h2{margin-top:4px;font-size:20px}.drawer-head button,.admin-head-actions button{border:1px solid var(--line-2);width:36px;height:36px;color:var(--text-2);transition:color var(--t-2), background var(--t-2), transform var(--t-3) var(--ease-spring);border-radius:50%;place-items:center;display:grid}.drawer-head button:hover,.admin-head-actions button:hover{color:var(--text);background:var(--surface-3)}.drawer-head>button:last-child:hover,.admin-head-actions button:last-child:hover{transform:rotate(90deg)}.drawer-head button svg,.admin-head-actions button svg{width:18px;height:18px}.alert-row{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);animation:enter-up var(--t-4) var(--ease-out) both;gap:12px;padding:13px 14px;display:flex}.alert-row:nth-of-type(2){animation-delay:40ms}.alert-row:nth-of-type(3){animation-delay:80ms}.alert-row:nth-of-type(4){animation-delay:.12s}.alert-row:nth-of-type(5){animation-delay:.16s}.alert-row>svg{width:18px;height:18px;color:var(--danger);margin-top:2px}.alert-row.resolved>svg{color:var(--ok)}.alert-row.resolved{opacity:.78}.alert-row div{gap:3px;min-width:0;display:grid}.alert-row strong{font-size:13.5px}.alert-row p{color:var(--text-2);font-size:13px}.alert-row span{color:var(--text-3);font-size:11.5px}.nav-scrim{display:none}.command-backdrop{z-index:100;place-items:start center;padding-top:12vh}.command-dialog{border:1px solid var(--line-2);border-radius:var(--r-xl);background:color-mix(in srgb, var(--surface) 94%, transparent);width:min(640px,100%);box-shadow:var(--shadow-3), 0 0 80px -30px color-mix(in srgb, var(--accent) 60%, transparent);animation:command-in .36s var(--ease-out) both;overflow:hidden}@keyframes command-in{0%{opacity:0;transform:translateY(-16px)scale(.97)}to{opacity:1;transform:none}}.command-input{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px 12px 18px;display:flex}.command-input>svg{width:20px;height:20px;color:var(--accent-text)}.command-input input{min-height:40px;box-shadow:none;background:0 0;border:0;flex:1;padding:0;font-size:16px}.command-input input:focus{box-shadow:none;background:0 0}.command-input button{width:32px;height:32px;color:var(--text-3);border-radius:9px;place-items:center;display:grid}.command-input button:hover{color:var(--text);background:var(--surface-3)}.command-input button svg{width:17px;height:17px}.command-results{gap:2px;max-height:min(56vh,460px);padding:8px;display:grid;overflow-y:auto}.command-results button{border-radius:var(--r-md);width:100%;min-height:44px;color:var(--text-2);text-align:left;transition:background var(--t-1), color var(--t-1);align-items:center;gap:12px;padding:0 12px;font-size:13.5px;font-weight:550;display:flex}.command-results button>svg:first-child{background:var(--surface-2);width:30px;height:30px;color:var(--text-3);transition:background var(--t-2), color var(--t-2);border-radius:9px;padding:6px}.command-results button>svg:last-child{opacity:0;width:16px;height:16px;transition:opacity var(--t-2), transform var(--t-2) var(--ease-out);margin-left:auto;transform:translate(-6px)}.command-results button:hover,.command-results button.selected{background:var(--accent-soft);color:var(--text)}.command-results button.selected>svg:first-child,.command-results button:hover>svg:first-child{background:var(--accent-gradient);color:#fff}.command-results button.selected>svg:last-child,.command-results button:hover>svg:last-child{opacity:1;transform:none}.command-results p{text-align:center;color:var(--text-3);padding:26px 12px}.command-dialog>footer{border-top:1px solid var(--line);color:var(--text-4);font-family:var(--font-mono);gap:16px;padding:10px 18px;font-size:11px;display:flex}.auth-shell{grid-template-columns:minmax(0,1.05fr) minmax(360px,460px);align-items:center;gap:clamp(32px,7vw,110px);width:100%;max-width:1200px;min-height:100dvh;margin:0 auto;padding:56px 36px;display:grid;position:relative;overflow:clip}@media (width>=1320px){.auth-shell{overflow-clip-margin:40px}}.auth-brand{animation:rise-in .8s var(--ease-out) both;justify-items:start;gap:18px;display:grid;position:relative}.auth-brand:before{content:"";z-index:-1;background:repeating-radial-gradient(circle, transparent 0 46px, color-mix(in srgb, var(--accent) 16%, transparent) 46px 47px);pointer-events:none;border-radius:50%;width:520px;height:520px;animation:120s linear infinite spin;position:absolute;top:-150px;left:-120px;-webkit-mask:radial-gradient(circle,#000 0,#0000 68%);mask:radial-gradient(circle,#000 0,#0000 68%)}.auth-brand .logo{width:68px;height:68px;animation:float-y 6s var(--ease-in-out) infinite;border-radius:22px}.auth-brand .logo svg{width:34px;height:34px}.auth-brand h1{letter-spacing:-.045em;background:linear-gradient(120deg, var(--text) 30%, var(--accent-text) 70%, var(--accent-glow));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(38px,5vw,60px);line-height:1.02}.auth-brand p{max-width:30ch;color:var(--text-2);font-size:17px;line-height:1.55}.auth-features{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.auth-features span{border:1px solid var(--line-2);border-radius:var(--r-pill);background:color-mix(in srgb, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-2);animation:enter-up .6s var(--ease-out) both;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:13px;font-weight:550;display:inline-flex}.auth-features span:first-child{animation-delay:.25s}.auth-features span:nth-child(2){animation-delay:.35s}.auth-features span:nth-child(3){animation-delay:.45s}.auth-features svg{width:16px;height:16px;color:var(--accent-text)}.auth-card{border:1px solid var(--line-2);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);box-shadow:var(--shadow-3);animation:scale-in .7s var(--ease-out) 80ms both;border-radius:28px;padding:34px;position:relative}.auth-card:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 60%, transparent), transparent 40%, transparent 70%, color-mix(in srgb, var(--accent-glow) 40%, transparent));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.auth-card form{gap:14px;display:grid}.auth-card h2{letter-spacing:-.03em;margin-bottom:4px;font-size:26px}.auth-card>h2{margin:6px 0 10px}.auth-card>p{color:var(--text-2);margin-bottom:8px}.auth-card label{gap:7px;display:grid}.auth-card label>small,.auth-card form>small{color:var(--text-3);font-size:12px;font-weight:450;line-height:1.45}.auth-card input:not([type=checkbox]){min-height:44px;font-size:14.5px}.auth-card .primary{margin-top:6px}.invitation-only-note{color:var(--text-3);margin-top:-4px;font-size:12.5px}.check-label{cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;font-weight:550;color:var(--text)!important;display:flex!important}.check-label input{margin-top:1px}.check-label span{gap:2px;display:grid}.check-label small{color:var(--text-3);font-size:12px;font-weight:450}.auth-switch{color:var(--text-3);border-radius:var(--r-sm);transition:color var(--t-2);justify-self:center;padding:6px 10px;font-size:13px;font-weight:550}.auth-switch:hover:not(:disabled){color:var(--accent-text)}.auth-card .text-button{justify-self:center;margin-top:8px}.qr{animation:pop-in .6s var(--ease-spring) both;background:#fff;border-radius:20px;justify-self:center;padding:14px;box-shadow:0 18px 40px -20px #0009}.qr svg{display:block}.secret{border:1px dashed var(--line-2);border-radius:var(--r-md);background:var(--surface-sunken);color:var(--text-2);word-break:break-all;text-align:center;padding:10px 12px;font-size:12.5px;display:block}.auth-card details,.invitation-card details{border:1px solid var(--line);border-radius:var(--r-md);background:var(--highlight)}.auth-card details>summary,.invitation-card details>summary{color:var(--text-2);padding:11px 14px;font-size:13px;font-weight:600}.auth-card details[open]>summary{color:var(--text)}.auth-card details>:not(summary){margin:0 14px 14px}.codes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.codes code{background:var(--surface-2);color:var(--text);text-align:center;letter-spacing:.04em;border-radius:8px;padding:7px 8px;font-size:12.5px}.auth-shell>.auth-card:only-child{grid-column:1/-1;justify-self:center;width:min(480px,100%)}.admin-scrim{z-index:79;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--t-3) var(--ease-out) both;position:fixed;inset:0}.admin-drawer{width:min(760px,100vw - 24px);box-shadow:var(--shadow-3);gap:14px}.admin-head-actions{gap:8px;display:flex}.admin-notice{border-radius:var(--r-md);background:var(--ok-soft);color:var(--ok);animation:message-in var(--t-3) var(--ease-out) both;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.admin-notice button{width:26px;height:26px;color:inherit;border-radius:8px;place-items:center;margin-left:auto;display:grid}.admin-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-summary article{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);gap:4px;padding:13px 14px;display:grid}.admin-summary span{color:var(--text-3);font-size:11.5px;font-weight:550}.admin-summary strong{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px}.admin-tabs{border:1px solid var(--line);background:var(--surface-sunken);border-radius:14px;gap:4px;padding:4px;display:flex;overflow-x:auto}.admin-tabs button{min-height:34px;color:var(--text-3);white-space:nowrap;transition:color var(--t-2), background var(--t-2), box-shadow var(--t-2);border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.admin-tabs button:hover{color:var(--text)}.admin-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1), 0 0 0 1px var(--line)}.admin-tabs button.active svg{color:var(--accent-text)}.admin-section{animation:enter-up var(--t-3) var(--ease-out) both;gap:12px;display:grid}.admin-section h3{font-size:15px}.admin-filter{gap:10px;display:flex}.admin-filter select{width:auto;min-width:170px}.admin-search,.search-field{flex:1;align-items:center;min-width:0;display:flex;position:relative}.admin-search>svg,.search-field>svg{width:16px;height:16px;color:var(--text-3);pointer-events:none;position:absolute;left:12px}.admin-search input,.search-field input{padding-left:38px}.admin-description{color:var(--text-3);font-size:12.5px;line-height:1.55}.admin-account-list{gap:10px;display:grid}.admin-account{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);transition:border-color var(--t-2), transform var(--t-2) var(--ease-out);gap:10px;padding:14px;display:grid}.admin-account:hover{border-color:var(--line-2)}.admin-account.disabled{opacity:.62}.admin-account-title{align-items:center;gap:12px;min-width:0;display:flex}.admin-account-title>div{flex:1;min-width:0}.admin-account-title strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-account-title small{color:var(--text-3);font-size:12px}.account-status{background:var(--ok-soft);color:var(--ok);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:11.5px;font-weight:650}.account-status.warning{background:var(--warn-soft);color:var(--warn)}.admin-account-details{color:var(--text-3);flex-wrap:wrap;gap:6px 16px;font-size:12px;display:flex}.admin-account-details b{color:var(--text)}.admin-account-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-account-actions button{border-radius:9px;min-height:30px;padding:0 10px;font-size:12px}.admin-account-actions button svg{width:13px;height:13px}.row-danger{color:var(--danger)!important}.row-danger:hover:not(:disabled){background:var(--danger-soft)!important;border-color:color-mix(in srgb, var(--danger) 40%, transparent)!important}:where(.admin-simple-row,.admin-account-actions) .row-danger{border:1px solid var(--line-2);background:var(--surface);border-radius:9px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.current-user{color:var(--accent-text);align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.admin-pagination{color:var(--text-3);justify-content:flex-end;align-items:center;gap:8px;font-size:12px;display:flex}.admin-pagination span{margin-right:auto}.admin-pagination button[aria-label]{width:34px;min-height:34px;padding:0}.admin-invite-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.admin-invite-form label{gap:7px;display:grid}.admin-invite-form .primary{grid-column:1/-1}.admin-subheading{margin-top:10px}.admin-simple-row{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.admin-simple-row>div{flex:1;gap:3px;min-width:0;display:grid}.admin-simple-row small{color:var(--text-3);font-size:12px}.admin-simple-row progress{margin-top:6px}.admin-version{background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-mono);border-radius:6px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:600}.admin-confirm-modal .primary{margin-top:4px}@media (width<=1100px){.portal-shell{grid-template-columns:248px minmax(0,1fr)}.command-trigger{justify-content:center;width:40px;padding:0}.command-trigger span,.command-trigger kbd{display:none}}@media (width<=760px){.portal-shell{display:block}.portal-sidebar{z-index:70;visibility:hidden;width:min(300px,100vw - 48px);height:auto;transition:transform .42s var(--ease-out), visibility 0s linear .42s;margin:0;animation:none;position:fixed;top:10px;bottom:10px;left:10px;transform:translate(calc(-100% - 24px))}.portal-sidebar.is-open{visibility:visible;transition:transform .42s var(--ease-out), visibility 0s;box-shadow:var(--shadow-3);transform:none}.nav-scrim{z-index:65;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--t-3) var(--ease-out) both;display:block;position:fixed;inset:0}.nav-toggle{display:inline-grid}.portal-topbar{min-height:58px;padding-right:calc(var(--page-x) + 46px);gap:10px}.breadcrumbs{font-size:12.5px}.breadcrumbs>svg,.breadcrumbs{overflow:hidden}.command-trigger{flex-shrink:0;margin-left:auto}.topbar-actions>button:first-child,.topbar-actions .user-orb{display:none}.theme-toggle{top:10px;right:12px}.portal-footer{flex-direction:column;gap:4px}.drawer{width:auto;max-height:86dvh;animation:sheet-in .5s var(--ease-out) both;border-radius:24px;inset:auto 8px 8px}@keyframes sheet-in{0%{transform:translateY(calc(100% + 16px))}to{transform:none}}.admin-drawer{width:auto}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-invite-form{grid-template-columns:1fr}.admin-filter{flex-direction:column}.admin-filter select{width:100%}.modal{border-radius:22px;padding:24px 20px}.modal-backdrop{padding:12px}.command-backdrop{padding-top:8vh}}@media (width<=900px){.auth-shell{grid-template-columns:1fr;align-content:center;gap:28px;padding:64px 18px 32px}.auth-brand{text-align:center;justify-items:center}.auth-brand:before{margin-left:-260px;left:50%}.auth-brand p{margin:0 auto}.auth-features{justify-content:center}.auth-card{justify-self:center;width:min(460px,100%);padding:26px 22px}}@media (width<=480px){.auth-brand h1{font-size:34px}.auth-brand .logo{width:56px;height:56px}.auth-features{display:none}}.dashboard-page .content{min-width:0;display:block}.overview-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.mobile-alert-button,.mobile-user-button{display:none!important}.summary-grid{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.summary{animation:enter-up var(--t-4) var(--ease-out) both;transition:transform var(--t-3) var(--ease-out), border-color var(--t-3), box-shadow var(--t-3);--tone:var(--accent);grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:start;gap:2px 12px;padding:16px 16px 16px 18px;display:grid;overflow:hidden}.summary:nth-child(2){animation-delay:50ms}.summary:nth-child(3){animation-delay:.1s}.summary:nth-child(4){animation-delay:.15s}.summary.green{--tone:var(--ok)}.summary.red{--tone:var(--danger)}.summary.muted{--tone:var(--text-3)}.summary:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--tone) 22%, transparent), transparent 68%);pointer-events:none;width:160px;height:160px;transition:transform var(--t-4) var(--ease-out);border-radius:50%;position:absolute;top:-60px;right:-40px}.summary:hover{border-color:var(--line-2);transform:translateY(-2px)}.summary:hover:before{transform:scale(1.25)}.summary>div{background:color-mix(in srgb, var(--tone) 14%, transparent);width:38px;height:38px;color:var(--tone);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 22%, transparent);border-radius:12px;grid-area:1/2/span 2;place-items:center;display:grid}.summary>div svg{width:18px;height:18px}.summary>span{color:var(--text-3);letter-spacing:.01em;grid-area:1/1;font-size:12px;font-weight:600}.summary>strong{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;animation:pop-in .6s var(--ease-spring) .15s both;grid-area:2/1;font-size:34px;font-weight:700;line-height:1.1}.device-filters{margin-bottom:var(--gap)}.device-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.device-card-wrap{min-width:0;animation:enter-up .6s var(--ease-out) both;position:relative}.device-card-wrap:nth-child(2){animation-delay:45ms}.device-card-wrap:nth-child(3){animation-delay:90ms}.device-card-wrap:nth-child(4){animation-delay:.135s}.device-card-wrap:nth-child(5){animation-delay:.18s}.device-card-wrap:nth-child(6){animation-delay:.225s}.device-card-wrap:nth-child(7){animation-delay:.27s}.device-card-wrap:nth-child(8){animation-delay:.315s}.device-card-wrap:nth-child(n+9){animation-delay:.36s}.device-card{isolation:isolate;border:1px solid var(--line);border-radius:var(--r-2xl);background-color:var(--surface);background-image:linear-gradient(180deg, var(--highlight), transparent 110px);width:100%;height:100%;box-shadow:var(--shadow-2);color:var(--text);text-align:left;transition:transform var(--t-3) var(--ease-out), border-color var(--t-3), box-shadow var(--t-3) var(--ease-out);gap:16px;padding:18px;display:grid;position:relative;overflow:hidden}.device-card:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,-30%), color-mix(in srgb, var(--accent) 13%, transparent), transparent 45%);opacity:0;transition:opacity var(--t-3);pointer-events:none;position:absolute;inset:0}.device-card:after{content:"";border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,-30%), color-mix(in srgb, var(--accent) 70%, transparent), transparent 60%);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--t-3);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.device-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-2), 0 24px 50px -28px color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-4px)}.device-card:hover:before,.device-card:hover:after,.device-card:focus-visible:after{opacity:1}.device-card:active{transform:translateY(-1px)scale(.995)}.device-card:focus-visible{outline-offset:3px;border-radius:var(--r-2xl)}.device-head{align-items:center;gap:12px;min-width:0;padding-right:36px;display:flex}.device-head>div:nth-child(2){gap:5px;min-width:0;display:grid}.device-head h3{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.device-icon{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 24%, transparent), color-mix(in srgb, var(--accent-glow) 8%, transparent));width:44px;height:44px;color:var(--accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent);transition:transform var(--t-3) var(--ease-spring);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.device-icon svg{width:21px;height:21px}.device-card:hover .device-icon{transform:rotate(-5deg)scale(1.06)}.device-head .online,.device-head .offline{border-radius:var(--r-pill);white-space:nowrap;justify-self:start;align-items:center;min-height:21px;padding:0 9px 0 8px;font-size:11.5px;font-weight:650;display:inline-flex}.device-head .online{background:var(--ok-soft);color:var(--ok)}.device-head .offline{background:var(--surface-3);color:var(--text-3)}.alert-count{background:var(--danger-strong);color:#fff;min-width:24px;height:24px;box-shadow:0 0 0 4px var(--danger-soft);animation:pop-in .5s var(--ease-spring) both;border-radius:999px;place-items:center;margin-left:auto;padding:0 7px;font-size:12px;font-weight:700;display:grid}.metric-grid{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.metric{background:var(--surface-sunken);transition:background var(--t-2);gap:2px;padding:11px 13px;display:grid}.device-card:hover .metric{background:color-mix(in srgb, var(--surface-sunken) 80%, var(--surface-2))}.metric span{color:var(--text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:600}.metric strong{font-family:var(--font-display);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:21px;font-weight:650}.device-card footer{color:var(--text-3);font-family:var(--font-mono);justify-content:space-between;gap:10px;font-size:11px;display:flex}.device-card footer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-open-hint{border-top:1px solid var(--line);color:var(--accent-text);align-items:center;gap:6px;padding-top:12px;font-size:13px;font-weight:650;display:flex}.device-open-hint svg{width:16px;height:16px;transition:transform var(--t-3) var(--ease-spring);margin-left:auto}.device-card:hover .device-open-hint svg{transform:translate(3px,-3px)}.favorite-device{z-index:2;width:34px;height:34px;color:var(--text-4);transition:color var(--t-2), background var(--t-2), transform var(--t-2) var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.favorite-device:hover{color:var(--warn);background:var(--warn-soft);transform:scale(1.1)}.favorite-device svg{transition:fill var(--t-2)}.favorite-device.selected{color:var(--warn)}.favorite-device.selected svg{fill:currentColor;animation:pop-in .45s var(--ease-spring) both}.overview-message{align-items:center;gap:16px;padding:26px;display:flex}.overview-message>svg{width:30px;height:30px;color:var(--accent-text)}.overview-message h2{font-size:17px}.overview-message p{color:var(--text-3)}.overview-message>button{margin-left:auto}.overview-welcome{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px 40px;padding:clamp(24px,4vw,44px);display:grid;overflow:hidden}.overview-welcome:before{content:"";background:radial-gradient(60% 80% at 0% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), radial-gradient(50% 70% at 100% 100%, color-mix(in srgb, var(--accent-glow) 10%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.overview-welcome:not(:has(.welcome-steps)){grid-template-columns:1fr}.welcome-copy{align-content:start;justify-items:start;gap:12px;display:grid;position:relative}.welcome-mark{background:var(--accent-gradient);color:#fff;width:56px;height:56px;box-shadow:0 18px 36px -16px var(--accent-strong);animation:float-y 5s var(--ease-in-out) infinite;border-radius:18px;place-items:center;display:grid}.welcome-copy h2{letter-spacing:-.03em;font-size:clamp(22px,2.4vw,30px)}.welcome-copy p{color:var(--text-2);max-width:46ch;font-size:15px}.welcome-action{margin-top:8px}.welcome-action svg:last-child{transition:transform var(--t-3) var(--ease-spring)}.welcome-action:hover svg:last-child{transform:translate(4px)}.welcome-assurance{color:var(--text-3);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.welcome-assurance svg{color:var(--ok)}.welcome-steps{counter-reset:none;gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.welcome-steps li{border:1px solid var(--line);border-radius:var(--r-lg);background:color-mix(in srgb, var(--surface-2) 80%, transparent);animation:enter-up .6s var(--ease-out) both;align-items:center;gap:14px;padding:14px 16px;display:flex}.welcome-steps li:first-child{animation-delay:.12s}.welcome-steps li:nth-child(2){animation-delay:.22s}.welcome-steps li:nth-child(3){animation-delay:.32s}.welcome-steps li>div{flex:1;gap:2px;display:grid}.welcome-steps li p{color:var(--text-3);font-size:12.5px}.welcome-steps li>svg{width:18px;height:18px;color:var(--text-3)}.step-number{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-text);font-family:var(--font-mono);border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.welcome-capabilities{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex;position:relative}.welcome-capabilities span{border-radius:var(--r-pill);border:1px solid var(--line);color:var(--text-2);align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;display:inline-flex}.welcome-capabilities svg{color:var(--accent-text)}.personal-install-modal{width:min(540px,100%)}.setup-version{border-radius:var(--r-md);background:var(--surface-2);color:var(--text-2);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.setup-version svg{color:var(--ok)}.setup-footnote{color:var(--text-3);font-size:12px;line-height:1.5}.setup-preparation{border:1px solid var(--accent-line);border-radius:var(--r-lg);background:var(--accent-softer);gap:10px;padding:14px;display:grid}.setup-preparation>div{align-items:center;gap:10px;display:flex}.setup-preparation>div span{font-family:var(--font-mono);color:var(--accent-text);margin-left:auto;font-weight:700}.setup-preparation small{color:var(--text-3)}.setup-ready{border-radius:var(--r-lg);background:var(--ok-soft);animation:scale-in .45s var(--ease-out) both;gap:10px;padding:14px;display:grid}.setup-ready>span{color:var(--ok);align-items:center;gap:8px;font-weight:650;display:flex}.setup-ready small{color:var(--text-3)}.installer-download{text-decoration:none}.setup-connected{text-align:center;justify-items:center;gap:8px;padding:16px 0 4px;display:grid}.setup-connected>svg{width:52px;height:52px;color:var(--ok);animation:pop-in .6s var(--ease-spring) both}.setup-connected p{color:var(--text-2)}.personal-setup-steps{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.personal-setup-steps li{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.personal-setup-steps li:last-child{border-bottom:0}.personal-setup-steps b{background:var(--accent-soft);width:26px;height:26px;color:var(--accent-text);font-family:var(--font-mono);border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;display:grid}.personal-setup-steps div{gap:2px;display:grid}.personal-setup-steps small{color:var(--text-3)}.route-unavailable{text-align:center;max-width:520px;animation:rise-in .7s var(--ease-out) both;justify-items:center;gap:12px;margin:8vh auto 0;padding:32px;display:grid}.route-unavailable>svg{background:var(--surface-2);width:64px;height:64px;color:var(--accent-text);stroke-width:1.5px;border-radius:22px;padding:14px}.route-unavailable p{color:var(--text-2)}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-welcome{grid-template-columns:1fr}}@media (width<=760px){.overview-header{align-items:stretch}.overview-controls{justify-content:space-between;width:100%}.summary{padding:14px}.summary>strong{font-size:28px}.summary>div{width:32px;height:32px}.device-filters>select{flex:140px;min-width:0}.overview-message{flex-wrap:wrap}.overview-message>button{margin-left:0}}.detail-page{gap:10px;min-width:0;display:grid}.detail-content{gap:12px;min-width:0;display:grid}.detail-header{align-items:center;gap:14px;min-width:0;margin:0;display:flex}.detail-header .back{border:1px solid var(--line-2);background:var(--surface-2);width:40px;height:40px;color:var(--text-2);box-shadow:var(--shadow-1);transition:color var(--t-2), background var(--t-2), transform var(--t-3) var(--ease-spring);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.detail-header .back:hover{color:var(--text);background:var(--surface-3);transform:translate(-3px)}.detail-header .back svg{width:18px;height:18px}.detail-header .device-icon{width:48px;height:48px;animation:pop-in .55s var(--ease-spring) both;border-radius:16px}.detail-header .device-icon svg{width:24px;height:24px}.detail-title{flex:1;gap:3px;min-width:0;display:grid}.dashboard-detail .detail-title .eyebrow{display:none}.dashboard-detail .detail-title h1{font-size:clamp(22px,1.9vw,27px)}.detail-title h1{text-overflow:ellipsis;white-space:nowrap;animation:enter-up var(--t-4) var(--ease-out) 40ms both;overflow:hidden}.detail-title p{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.detail-title .online{color:var(--ok);font-weight:650}.detail-title .offline{color:var(--text-3);font-weight:650}.detail-title [data-device-live-status=stale],.detail-title [data-device-live-status=reconnecting]{color:var(--warn)}.pause{border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface-2);min-height:38px;color:var(--text);box-shadow:var(--shadow-1);transition:background var(--t-2), border-color var(--t-2), transform var(--t-1) var(--ease-out);align-items:center;gap:8px;padding:0 15px 0 12px;font-size:13px;font-weight:600;display:inline-flex}.pause:hover{background:var(--surface-3);border-color:var(--line-3)}.pause:active{transform:scale(.96)}.pause svg{width:15px;height:15px;color:var(--accent-text);fill:currentColor}.live-health{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);min-height:38px;color:var(--text);--state:var(--text-3);align-items:center;gap:10px;padding:0 14px;font-size:13px;font-weight:650;display:flex}.live-health>span{background:var(--state);width:9px;height:9px;color:var(--state);border-radius:50%;flex-shrink:0}.live-health small{color:var(--text-3);font-size:12px;font-weight:500}.live-health.live{--state:var(--ok);border-color:color-mix(in srgb, var(--ok) 26%, transparent);background:linear-gradient(90deg, var(--ok-soft), transparent 55%), var(--surface)}.live-health.live>span{animation:ripple 2s var(--ease-out) infinite}.live-health.stale,.live-health.reconnecting{--state:var(--warn)}.live-health.stale>span,.live-health.reconnecting>span{animation:breathe 1.2s var(--ease-in-out) infinite}.live-health.offline{--state:var(--danger)}.live-health.unknown{--state:var(--warn)}.dashboard-detail .live-health{margin-right:172px}.detail-content>.connection-state{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;min-height:0!important;position:absolute!important}.dashboard-layout{gap:12px;min-width:0;display:grid;position:relative}.dashboard-layout-toolbar{pointer-events:none;justify-content:flex-end;align-items:center;gap:8px;min-height:38px;display:flex;position:absolute;top:-50px;right:0}.dashboard-layout-toolbar>*{pointer-events:auto}.dashboard-layout.is-editing .dashboard-layout-toolbar{position:static}.dashboard-layout-toolbar>span{color:var(--text-3);margin-right:auto;font-size:12px;display:none}.dashboard-layout.is-editing .dashboard-layout-toolbar>span{display:inline}.dashboard-layout-toolbar button,.process-summary-footer button{border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface-2);min-height:32px;color:var(--text-2);transition:color var(--t-2), background var(--t-2), border-color var(--t-2);align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.dashboard-layout-toolbar button:hover{color:var(--text);background:var(--surface-3)}.dashboard-layout-toolbar button svg{width:14px;height:14px}.dashboard-layout-toolbar button[aria-pressed=true]{color:var(--accent-ink);background:var(--accent-gradient);border-color:#0000}.dashboard-save-warning{color:var(--warn);font-size:12px}.dashboard-grid{grid-template-columns:repeat(var(--dashboard-columns), minmax(0, 1fr));grid-auto-rows:var(--dashboard-row);gap:12px;display:grid;position:relative}.dashboard-tile{border-radius:var(--r-xl);min-width:0;min-height:0;animation:enter-up .6s var(--ease-out) both;position:relative}.dashboard-tile:nth-child(2){animation-delay:40ms}.dashboard-tile:nth-child(3){animation-delay:80ms}.dashboard-tile:nth-child(4){animation-delay:.12s}.dashboard-tile:nth-child(5){animation-delay:.16s}.dashboard-tile:nth-child(6){animation-delay:.2s}.dashboard-tile:nth-child(7){animation-delay:.24s}.dashboard-tile:nth-child(8){animation-delay:.28s}.dashboard-widget-content,.dashboard-widget-content>.panel,.dashboard-widget-content>.live-stat,.dashboard-widget-content>.chart-card,.dashboard-widget-content>.memory-distribution{min-width:0;height:100%;min-height:0;margin:0}.dashboard-drag-handle,.dashboard-resize-handle{z-index:3;border:1px solid var(--accent-line);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:34px;height:30px;color:var(--accent-text);touch-action:none;box-shadow:var(--shadow-1);animation:pop-in .35s var(--ease-spring) both;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute}.dashboard-drag-handle{cursor:grab;top:8px;right:8px}.dashboard-drag-handle:active{cursor:grabbing}.dashboard-resize-handle{cursor:nwse-resize;bottom:6px;right:6px}.dashboard-layout.is-editing .dashboard-tile{outline:1.5px dashed var(--accent-line);outline-offset:3px}.dashboard-layout.is-editing .dashboard-widget-content{pointer-events:none}.dashboard-layout.is-editing .dashboard-tile .chart-head{padding-right:52px}.dashboard-layout.is-editing .dashboard-grid{background-image:radial-gradient(color-mix(in srgb, var(--accent) 45%, transparent) 1.2px, transparent 1.6px);background-size:calc((100% + 12px) / var(--dashboard-columns)) calc(var(--dashboard-row) + 12px);background-position:-6px -6px}.dashboard-layout.is-editing .dashboard-tile.is-moving{z-index:5;outline:2px solid var(--accent);box-shadow:0 24px 60px -20px #0000008c, 0 0 0 6px var(--accent-softer)}.dashboard-layout:has(.is-moving){-webkit-user-select:none;user-select:none}.live-stat{transition:border-color var(--t-3), transform var(--t-3) var(--ease-out), box-shadow var(--t-3);overflow:hidden}.live-stat:hover{border-color:var(--line-2)}.live-stat-trigger{isolation:isolate;width:100%;height:100%;color:var(--text);text-align:left;border-radius:inherit;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr) minmax(0,44%);align-items:center;gap:4px 10px;padding:11px 14px 10px;display:grid;position:relative;overflow:hidden}.live-stat-icon{background:var(--accent-soft);width:24px;height:24px;color:var(--accent-text);border-radius:8px;grid-area:1/1;place-items:center;display:grid}.live-stat-icon svg{width:14px;height:14px}.live-stat-trigger[data-component-link=cpu] .live-stat-icon{background:color-mix(in srgb, var(--series-1) 16%, transparent);color:var(--series-1)}.live-stat-trigger[data-component-link=memory] .live-stat-icon{background:color-mix(in srgb, var(--series-3) 16%, transparent);color:var(--series-3)}.live-stat-trigger[data-component-link=disks] .live-stat-icon{background:color-mix(in srgb, var(--series-7) 16%, transparent);color:var(--series-7)}.live-stat-trigger[data-component-link=gpu] .live-stat-icon{background:color-mix(in srgb, var(--series-2) 16%, transparent);color:var(--series-2)}.live-stat-label{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;grid-area:1/2/auto/-1;padding-right:16px;font-size:12.5px;font-weight:600;overflow:hidden}.live-stat-trigger>:not(.telemetry-mini){z-index:1;position:relative}.live-stat-trigger>strong{font-family:var(--font-display);letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;grid-area:2/1/auto/-1;align-self:center;font-size:clamp(21px,1.9vw,27px);font-weight:700;line-height:1.1;overflow:hidden}.live-stat-trigger>.telemetry-mini{z-index:0;opacity:.55;transition:opacity var(--t-3);grid-area:2/1/4/-1;align-self:stretch;margin:0 -14px -10px;-webkit-mask:linear-gradient(90deg,#0000,#000 30%);mask:linear-gradient(90deg,#0000,#000 30%)}.live-stat:hover .live-stat-trigger>.telemetry-mini{opacity:.9}.live-stat-trigger>.live-stat-capacity{grid-area:2/3;align-self:center}.live-stat-trigger>small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;grid-area:3/1/auto/-1;font-size:11.5px;overflow:hidden}.live-stat-trigger>small[data-secondary-stale=true]{color:var(--warn)}.live-stat-trigger>small[data-secondary-stale=true]:before{content:"● ";animation:breathe 1.4s var(--ease-in-out) infinite}.live-stat-trigger:after{content:"";z-index:1;border-top:1.5px solid var(--text-4);border-right:1.5px solid var(--text-4);width:7px;height:7px;transition:transform var(--t-3) var(--ease-spring), border-color var(--t-2);position:absolute;top:16px;right:16px;transform:rotate(45deg)}.live-stat-trigger:hover:after{border-color:var(--accent-text);transform:translate(3px,-1px)rotate(45deg)}.live-stat-capacity{background:color-mix(in srgb, var(--series-3) 14%, var(--surface-3));border-radius:999px;align-self:center;height:8px;position:relative;overflow:hidden}.live-stat-capacity i{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--series-3) 70%, white), var(--series-3));height:100%;transition:width .8s var(--ease-out);display:block;position:relative;overflow:hidden}.live-stat-capacity i:after,.memory-capacity-track>i:after,.capacity-track>span:after{content:"";width:40%;animation:bar-sheen 2.8s var(--ease-in-out) infinite;background:linear-gradient(90deg,#0000,#ffffff59,#0000);position:absolute;inset:0}.chart-card{grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.chart-head{grid-area:1/1/auto/-1}.chart-component-links{grid-area:2/1}.chart-period-summary{grid-area:2/2}.chart-message{grid-area:3/1/auto/-1}.chart-card>.chart,.chart-card>.chart-empty{grid-area:4/1/auto/-1}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding:12px 14px 8px 16px;display:flex}.chart-head h2{font-size:15px}.ranges{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sunken);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.ranges button{min-height:28px;color:var(--text-3);white-space:nowrap;transition:color var(--t-2), background var(--t-2), box-shadow var(--t-2);border-radius:8px;padding:0 10px;font-size:12px;font-weight:600}.ranges button:hover{color:var(--text)}.ranges button.active{color:var(--text);background:var(--surface-3);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--line-2)}:root[data-theme=light] .ranges button.active{background:var(--surface)}.chart-component-links{flex-wrap:wrap;gap:6px;padding:0 16px 6px;display:flex}.chart-component-links button{border-radius:var(--r-pill);border:1px solid var(--line);min-height:26px;color:var(--text-2);transition:color var(--t-2), border-color var(--t-2), background var(--t-2);align-items:center;gap:6px;padding:0 10px 0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.chart-component-links button:before{content:"";background:var(--series-1);border-radius:3px;width:8px;height:8px}.chart-component-links button[data-series-link=gpu]:before{background:var(--series-2)}.chart-component-links button[data-series-link=memory]:before{background:var(--series-3)}.chart-component-links button:hover{color:var(--text);border-color:var(--line-3);background:var(--highlight)}.chart-period-summary{color:var(--text-3);white-space:nowrap;justify-content:flex-end;align-items:center;gap:10px;padding:0 14px 6px 0;font-size:11.5px;display:flex}.chart-period-summary>span{align-items:center;gap:6px;display:inline-flex}.chart-history-refresh{border:1px solid var(--line-2);border-radius:var(--r-pill);min-height:26px;color:var(--text-2);align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:600;display:inline-flex}.chart-history-refresh:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.chart-history-refresh:disabled{opacity:.6;cursor:progress}.chart-history-refresh:disabled svg{animation:1s linear infinite spin}.chart-message{margin:0 16px 8px}.chart-empty{min-height:220px;color:var(--text-3);text-align:center;background:repeating-linear-gradient(90deg, transparent 0 59px, var(--chart-grid) 59px 60px), repeating-linear-gradient(180deg, transparent 0 47px, var(--chart-grid) 47px 48px);flex:1;place-content:center;padding:24px;display:grid;-webkit-mask:linear-gradient(#0000,#000 25% 75%,#0000);mask:linear-gradient(#0000,#000 25% 75%,#0000)}.chart{min-height:0;padding:0 4px 2px}.chart>.telemetry-chart:not(:fullscreen){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.chart>.telemetry-chart:not(:fullscreen) .telemetry-plot{grid-area:1/1/auto/-1;height:auto;min-height:90px}.chart>.telemetry-chart:not(:fullscreen) .telemetry-legend{grid-area:2/1;padding:6px 10px 10px}.chart>.telemetry-chart:not(:fullscreen) .chart-tools{grid-area:2/2;align-self:center;padding:0 8px 4px 0}.chart>.telemetry-chart:not(:fullscreen) .telemetry-legend>small{display:none}.dashboard-tile .chart-empty{min-height:0}.memory-distribution{flex-direction:column;justify-content:center;gap:8px;padding:10px 16px;display:flex;overflow:hidden}.memory-distribution header{justify-content:space-between;align-items:center;gap:8px;display:flex}.memory-distribution h2{align-items:center;gap:7px;font-size:13px;display:flex}.memory-distribution h2 svg{color:var(--series-3)}.memory-distribution header>span{color:var(--text-3);white-space:nowrap;font-size:11.5px}.memory-distribution header>span strong{color:var(--text)}.memory-capacity-track{background:color-mix(in srgb, var(--series-3) 12%, var(--surface-3));border-radius:999px;height:10px;position:relative;overflow:hidden}.memory-capacity-track>i{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--series-3) 65%, white), var(--series-3));height:100%;transition:width .9s var(--ease-out);display:block;position:relative;overflow:hidden}.memory-distribution dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;line-height:1.25;display:grid}.memory-distribution dl>div:last-child{text-align:right}.memory-distribution dt{color:var(--text-3);align-items:center;gap:6px;font-size:11.5px;display:flex}.memory-distribution dl>div:last-child dt{justify-content:flex-end}.memory-distribution dt>i{background:var(--series-3);border-radius:2px;width:7px;height:7px}.memory-distribution dl>div:last-child dt>i{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-2)}.memory-distribution dd{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:17px;font-weight:650}.memory-distribution dd small{color:var(--text-3);font-family:var(--font-sans);letter-spacing:0;margin-left:6px;font-size:11.5px;font-weight:500}.dashboard-tile .panel{flex-direction:column;display:flex;overflow:hidden}.dashboard-tile .panel-head{flex-shrink:0;padding:10px 16px 4px}.dashboard-tile .panel-head .eyebrow{display:none}.dashboard-tile .panel-head>svg{width:16px;height:16px}.network-stats{flex:1;grid-template-columns:1fr 1fr;align-content:center;gap:10px;min-height:0;padding:2px 14px 10px;display:grid}.network-stats>div{border-radius:var(--r-md);background:var(--surface-sunken);border:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 8px;min-width:0;padding:6px 10px;display:grid}.network-stats svg{background:color-mix(in srgb, var(--series-1) 16%, transparent);width:26px;height:26px;color:var(--series-1);border-radius:8px;grid-row:1/span 2;padding:5px}.network-stats>div:last-child svg{background:color-mix(in srgb, var(--series-2) 16%, transparent);color:var(--series-2)}.network-stats span{color:var(--text-3);font-size:11px;line-height:1.3}.network-stats strong{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:650;line-height:1.25;overflow:hidden}.process-summary{flex-direction:column;display:flex;overflow:hidden}.process-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:0 12px;overflow:auto}.process-list:focus-visible{outline-offset:-2px}.process-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 62px 80px;align-items:center;gap:8px;padding:8px 6px;font-size:12.5px;display:grid}.process-row>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.process-row>strong{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.process-row.head{z-index:1;background:var(--surface);color:var(--text-3);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:600;position:sticky;top:0}.process-row.head>span:not(:first-child){text-align:right}.process-rows{animation:fade-in .4s var(--ease-out) both;transition:opacity .45s var(--ease-out)}.process-rows>.process-row{transition:background var(--t-1);border-radius:8px}.process-rows>.process-row:hover{background:var(--highlight)}.process-rows>.process-row:last-child{border-bottom:0}[data-process-state=delayed] .process-rows{opacity:.6}.process-placeholder{animation:fade-in .45s var(--ease-out) both;padding:10px 6px 16px}.process-placeholder-lines>div{grid-template-columns:minmax(0,1fr) 46px 58px;align-items:center;gap:14px;height:30px;display:grid}.process-placeholder-lines i{background:linear-gradient(90deg, var(--surface-3) 0%, var(--line-3) 50%, var(--surface-3) 100%);background-size:200% 100%;border-radius:6px;height:8px;animation:1.8s linear infinite shimmer;display:block}.process-placeholder-lines>div:nth-child(2n)>i:first-child{width:62%}.process-placeholder p{color:var(--text-3);text-align:center;margin-top:10px;font-size:12px}[data-process-state=empty] .process-placeholder-lines i{opacity:.5;animation:none}.process-summary-footer{border-top:1px solid var(--line);min-height:40px;color:var(--text-3);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px 6px 16px;font-size:11.5px;display:flex}.process-summary-footer button{min-height:28px;color:var(--accent-text)}.process-summary-footer button:hover{background:var(--accent-soft)}.process-delay{color:var(--warn)}.device-tools{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.device-tools>.detail-disclosure{flex:none;max-width:100%}.device-tools>.detail-disclosure[open]{flex:1 0 100%;order:10}.detail-disclosure{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-1);transition:border-color var(--t-2), box-shadow var(--t-3), border-radius var(--t-3) var(--ease-out)}.detail-disclosure>summary{min-height:36px;color:var(--text-2);white-space:nowrap;border-radius:inherit;transition:background var(--t-2), color var(--t-2);align-items:center;gap:10px;padding:0 34px 0 15px;font-size:12.5px;font-weight:600;display:flex;position:relative}.detail-disclosure>summary:hover{background:var(--highlight);color:var(--text)}.detail-disclosure>summary:after{content:"";width:6px;height:6px;transition:transform var(--t-3) var(--ease-spring), margin var(--t-3);border-bottom:1.8px solid;border-right:1.8px solid;margin-top:-5px;position:absolute;top:50%;right:15px;transform:rotate(45deg)}.detail-disclosure[open]{border-radius:var(--r-xl);border-color:var(--line-2);box-shadow:var(--shadow-2)}.detail-disclosure[open]>summary{min-height:46px;color:var(--text);padding-left:18px;font-size:13.5px;font-weight:650}.detail-disclosure[open]>summary:after{margin-top:-1px;transform:rotate(-135deg)}.detail-disclosure[open]>:not(summary){animation:enter-down var(--t-3) var(--ease-out) both}.detail-disclosure>:not(summary){margin:0 12px 12px}.detail-disclosure>.panel{border-radius:var(--r-md);box-shadow:none;background:var(--surface-2);background-image:none}.device-tool-link{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);min-height:36px;box-shadow:var(--shadow-1);color:var(--text-2);transition:background var(--t-2), border-color var(--t-2), color var(--t-2);align-items:center;gap:8px;padding:0 8px 0 13px;font-size:12.5px;font-weight:600;display:inline-flex}.device-tool-link svg{color:var(--series-4)}.device-tool-link small{background:var(--surface-3);min-width:22px;color:var(--text-2);font-family:var(--font-mono);text-align:center;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.device-tool-link:hover{background:var(--highlight);border-color:var(--line-2);color:var(--text)}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.details-columns .panel{border-radius:var(--r-md);box-shadow:none;background:var(--surface-2);background-image:none}.detail-list{padding:0 var(--pad) var(--pad);gap:0;margin:0;display:grid}.detail-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:9px 0;font-size:13px;display:flex}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:var(--text-3)}.detail-list dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.inventory-list{max-height:330px;overflow:auto}.panel>.panel-message{margin:0 var(--pad) var(--pad)}.settings-panel form{padding:0 var(--pad) var(--pad);gap:14px;display:grid}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.settings-grid label{gap:6px;display:grid}.settings-grid label>div{align-items:center;display:flex;position:relative}.settings-grid label>div input{padding-right:64px}.settings-grid label>div small{color:var(--text-3);pointer-events:none;font-size:12px;position:absolute;right:12px}.settings-save{justify-self:start}.danger-zone{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex;padding:var(--pad)!important;border:1px solid color-mix(in srgb, var(--danger) 28%, transparent)!important;background:linear-gradient(120deg, var(--danger-soft), transparent 70%), var(--surface-2)!important}.danger-zone>div{align-items:flex-start;gap:12px;max-width:620px;display:flex}.danger-zone>div>svg{width:22px;height:22px;color:var(--danger);margin-top:2px}.danger-zone h2{font-size:15px}.danger-zone p{color:var(--text-2);margin-top:3px;font-size:13px}.sampling-control{display:grid}.sampling-head>svg{color:var(--accent-text)}.sampling-body{padding:0 var(--pad) var(--pad);gap:12px;display:grid}.sampling-presets{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.sampling-presets button{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);color:var(--text);text-align:left;transition:border-color var(--t-2), background var(--t-2), box-shadow var(--t-3), transform var(--t-1) var(--ease-out);gap:2px;padding:11px 13px;font-size:13px;font-weight:650;display:grid}.sampling-presets button small{color:var(--text-3);font-size:11.5px;font-weight:450}.sampling-presets button:hover:not(:disabled){border-color:var(--line-3)}.sampling-presets button:active:not(:disabled){transform:scale(.98)}.sampling-presets button.active{border-color:var(--accent);background:var(--accent-softer);box-shadow:0 0 0 3px var(--accent-softer)}.sampling-presets button.active small{color:var(--text-2)}.sampling-presets button:disabled{opacity:.55;cursor:not-allowed}.sampling-current{border-radius:var(--r-md);background:var(--surface-sunken);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.sampling-current>div{gap:1px;display:grid}.sampling-current span{color:var(--text-3);font-size:11.5px}.sampling-current strong{font-family:var(--font-display);font-size:17px}.sampling-status{background:var(--accent-soft);color:var(--accent-text);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:650}.sampling-slider-label{color:var(--text-2);font-size:12.5px;font-weight:600}.sampling-scale{color:var(--text-4);font-family:var(--font-mono);justify-content:space-between;font-size:10.5px;display:flex}.sampling-applied{color:var(--text-3);font-size:12.5px}.sampling-applied strong{color:var(--text)}.sampling-error{color:var(--danger);font-size:12.5px}.sampling-readonly{color:var(--text-3);align-items:center;gap:8px;font-size:12.5px;display:flex}.sampling-readonly svg{width:15px;height:15px}.live-stat-trigger:focus-visible,.dashboard-tile .component-panel-trigger:focus-visible,.process-list:focus-visible{outline-offset:-3px}.overview-chart-grid{grid-template-columns:minmax(0, var(--overview-chart-width,1fr)) minmax(260px, 1fr);gap:var(--gap);display:grid}.overview-primary,.overview-aside{gap:var(--gap);align-content:start;min-width:0;display:grid}.overview-resizable .telemetry-chart:not(:fullscreen) .telemetry-plot{height:min(var(--overview-plot-height,165px), 80vh)}.chart-sizing{justify-content:flex-end;align-items:center;gap:8px;padding:0 12px 10px;display:flex;position:relative}.chart-size-hint{color:var(--text-4);font-size:11px}.chart-resize-handle{border:1px solid var(--line-2);cursor:nwse-resize;touch-action:none;border-radius:8px;width:28px;height:28px}.overview-chart-grid.is-resizing{-webkit-user-select:none;user-select:none}@media (width<=760px){.detail-header{flex-wrap:wrap;gap:10px 12px}.detail-header .device-icon{width:44px;height:44px}.detail-title{flex-basis:calc(100% - 120px)}.pause{order:5;justify-content:center;width:100%}.dashboard-detail .live-health{border-radius:var(--r-lg);flex-wrap:wrap;row-gap:2px;margin-right:0;padding:8px 14px}.live-health small{flex-basis:100%;padding-left:19px}.dashboard-layout-toolbar{flex-wrap:wrap;position:static}.dashboard-layout.is-editing .dashboard-layout-toolbar>span{width:100%}.chart-head{gap:8px;padding:12px 12px 6px}.chart-head .ranges{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.chart-head .ranges::-webkit-scrollbar{display:none}.ranges button{flex:1 0 auto;min-height:30px;padding:0 10px}.chart-component-links{scrollbar-width:none;flex-wrap:nowrap;padding:0 12px 6px;overflow-x:auto}.chart-component-links::-webkit-scrollbar{display:none}.chart-component-links button{flex-shrink:0}.chart-period-summary{padding-right:12px}.chart>.telemetry-chart:not(:fullscreen) .telemetry-legend{scrollbar-width:none;flex-wrap:nowrap;padding:4px 8px 8px;overflow-x:auto}.chart>.telemetry-chart:not(:fullscreen) .telemetry-legend>button{flex-shrink:0;min-height:26px;padding:0 8px 0 7px;font-size:11px}.chart>.telemetry-chart:not(:fullscreen) .chart-tools>span{display:none}.chart>.telemetry-chart:not(:fullscreen) .chart-tools{gap:0;padding:0 4px 4px 0}.chart>.telemetry-chart:not(:fullscreen) .chart-tools>button{width:28px;height:28px}.process-row{grid-template-columns:minmax(0,1fr) 52px 70px}.dashboard-drag-handle,.dashboard-resize-handle{width:38px;height:38px}.two-columns{grid-template-columns:1fr}.danger-zone .danger-button{width:100%}}.telemetry-chart{flex-direction:column;min-width:0;display:flex;position:relative}.chart-tools{flex-wrap:wrap;align-items:center;gap:4px 6px;min-height:32px;padding:0 10px;display:flex}.chart-tools>span{color:var(--text-3);font-family:var(--font-mono);letter-spacing:.04em;margin-right:auto;font-size:10.5px}.chart-tools>button{width:30px;height:30px;color:var(--text-3);transition:color var(--t-2), background var(--t-2), transform var(--t-1) var(--ease-out);border-radius:9px;place-items:center;display:grid}.chart-tools>button:hover{color:var(--text);background:var(--surface-3)}.chart-tools>button:active{transform:scale(.9)}.chart-tools>button svg{width:15px;height:15px}.telemetry-plot{height:280px;min-height:0;position:relative}.telemetry-plot canvas{border-radius:var(--r-sm);cursor:crosshair;outline-offset:-3px;width:100%;height:100%;display:block}.telemetry-tooltip{z-index:2;border:1px solid var(--line-2);border-radius:var(--r-md);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);min-width:190px;max-width:min(320px,70%);box-shadow:var(--shadow-3);pointer-events:none;animation:tooltip-in .22s var(--ease-out) both;gap:4px;padding:10px 12px;font-size:12px;display:grid;position:absolute;top:8px;right:12px}@keyframes tooltip-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.telemetry-tooltip>small{color:var(--text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.telemetry-tooltip>time{color:var(--text);font-variant-numeric:tabular-nums;margin-bottom:2px;font-weight:650}.telemetry-tooltip>div{grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.telemetry-tooltip>div>span:first-child{font-size:12px;line-height:1}.telemetry-tooltip>div>span:nth-child(2){color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.telemetry-tooltip>div>strong{font-variant-numeric:tabular-nums}.chart-tooltip-range{color:var(--text-3);font-size:11px}.telemetry-legend{flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 12px 12px;display:flex}.telemetry-legend>button{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-sunken);min-height:30px;color:var(--text-2);transition:opacity var(--t-2), border-color var(--t-2), background var(--t-2), transform var(--t-1) var(--ease-out);align-items:center;gap:7px;padding:0 11px 0 9px;font-size:12px;font-weight:600;display:inline-flex}.telemetry-legend>button:hover{border-color:var(--line-3);background:var(--surface-2)}.telemetry-legend>button:active{transform:scale(.96)}.telemetry-legend>button>i{border-radius:4px;flex-shrink:0;width:14px;height:4px}.telemetry-legend>button>strong{color:var(--text);font-variant-numeric:tabular-nums}.telemetry-legend>button.series-hidden{opacity:.5;background:0 0;border-style:dashed}.telemetry-legend>button.series-hidden>span{text-decoration:line-through}.telemetry-legend>button.series-hidden>i{filter:grayscale()}.telemetry-legend>small{color:var(--text-4);font-family:var(--font-mono);margin-left:auto;font-size:10.5px}.telemetry-mini{pointer-events:none}.telemetry-mini .telemetry-plot{height:100%}.telemetry-mini canvas{cursor:default;border-radius:0}.live-stat-trigger>.telemetry-mini{align-self:stretch;height:100%;min-height:26px}.live-stat-trigger>.telemetry-mini .telemetry-plot{height:100%;min-height:26px}:is(.telemetry-chart:fullscreen,.component-chart-panel:fullscreen){background:var(--bg);flex-direction:column;width:100%;height:100%;padding:28px;display:flex;overflow:auto}.telemetry-chart:fullscreen .telemetry-plot{flex:1;height:auto;min-height:0}.component-chart-panel:fullscreen .telemetry-chart{flex:1;min-height:0}.component-chart-panel:fullscreen .component-chart-canvas{flex-direction:column;flex:1;min-height:0;display:flex}.component-chart-panel:fullscreen .telemetry-plot{flex:1;height:auto;min-height:150px}.telemetry-chart::backdrop,.component-chart-panel::backdrop{background:var(--bg)}.recharts-wrapper{font-family:var(--font-sans)}.recharts-cartesian-axis-tick-value{fill:var(--chart-axis)}.recharts-legend-item-text{color:var(--text-2)!important}.recharts-default-legend{padding-top:6px!important}.recharts-default-tooltip{box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;border-radius:var(--r-md)!important}.recharts-tooltip-label{font-weight:650;color:var(--text)!important;margin-bottom:4px!important}.recharts-tooltip-item{color:var(--text-2)!important}.recharts-tooltip-cursor{stroke:var(--line-3)}.recharts-surface:focus,.recharts-wrapper:focus,.recharts-wrapper :focus{outline:none}@media (width<=760px){.telemetry-plot{height:230px}.telemetry-tooltip{min-width:0;max-width:min(220px,100% - 16px);left:auto;right:8px}.chart-tools>button{width:32px;height:32px}.telemetry-legend>small{width:100%;margin-left:0}}.component-detail-page{gap:12px}.component-workspace{gap:var(--gap)}.sampling-status.status-uporabljeno{background:var(--ok-soft);color:var(--ok)}.sampling-status[class*=status-čaka]{background:var(--warn-soft);color:var(--warn)}.sampling-status.status-sinhronizacija-ni-uspela{background:var(--danger-soft);color:var(--danger)}.component-status{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);--state:var(--text-3);grid-template-columns:auto auto;align-items:center;column-gap:9px;padding:8px 14px 8px 12px;display:grid}.component-status>span{background:var(--state);width:10px;height:10px;color:var(--state);border-radius:50%;grid-row:1/span 2}.component-status>strong{font-size:13px}.component-status>small{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11.5px}.component-status.status-live{--state:var(--ok);border-color:color-mix(in srgb, var(--ok) 28%, transparent)}.component-status.status-live>span{animation:ripple 2s var(--ease-out) infinite}.component-status.status-partial,.component-status.status-stale,.component-status.status-reconnecting{--state:var(--warn)}.component-status.status-stale>span,.component-status.status-reconnecting>span,.component-status.status-loading>span{animation:breathe 1.2s var(--ease-in-out) infinite}.component-status.status-offline,.component-status.status-error{--state:var(--danger)}.component-status.status-loading{--state:var(--accent)}.component-status.status-unsupported>span{box-shadow:inset 0 0 0 2px var(--text-3);background:0 0}.component-breadcrumb{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.component-breadcrumb button{color:var(--accent-text);font-weight:600}.component-breadcrumb button:hover{text-underline-offset:3px;text-decoration:underline}.component-breadcrumb>span:last-child{color:var(--text);font-weight:600}.component-workspace>.text-button{justify-self:start;padding-left:0}.component-evidence{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;padding:clamp(18px,2.4vw,28px);display:grid;overflow:hidden}.component-evidence:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 14%, transparent), transparent);pointer-events:none;width:70%;height:180%;position:absolute;top:-60%;left:-10%}.component-primary-value{align-content:center;gap:6px;min-width:0;display:grid;position:relative}.component-primary-value>strong{font-family:var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg, var(--text) 40%, var(--accent-text));color:#0000;animation:rise-in .7s var(--ease-out) both;-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1}.component-primary-value>p{color:var(--text-3);font-size:13px}.component-context{align-content:center;gap:10px;display:grid;position:relative}.component-context>div{border:1px solid var(--line);border-radius:var(--r-lg);background:color-mix(in srgb, var(--surface-2) 80%, transparent);grid-template-columns:auto 1fr;align-items:center;gap:1px 12px;padding:12px 14px;display:grid}.component-context svg{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-text);border-radius:11px;grid-row:1/span 2;padding:8px}.component-context span{color:var(--text-3);font-size:11.5px}.component-context strong{font-size:14px}.component-shell-state{border:1px dashed var(--line-2);border-radius:var(--r-xl);color:var(--text-2);align-items:center;gap:12px;padding:18px;display:flex}.component-shell-state[role=status]:before{content:"";border:2px solid var(--accent);border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.component-shell-state>svg{width:22px;height:22px;color:var(--text-3)}.component-shell-state strong{color:var(--text);display:block}.component-shell-state p{color:var(--text-3);font-size:13px}.component-inline-state{border-radius:var(--r-md);animation:message-in var(--t-3) var(--ease-out) both;align-items:flex-start;gap:10px;padding:11px 14px;font-size:13px;display:flex}.component-inline-state>svg{flex-shrink:0;width:17px;height:17px;margin-top:1px}.component-inline-state.warning{background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb, var(--warn) 28%, transparent)}.component-inline-state.error{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 28%, transparent)}.component-inline-state p{color:inherit;opacity:.85}.component-chart-panel{padding:var(--pad);flex-direction:column;gap:10px;display:flex}.component-chart-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.component-chart-heading>div:first-child{gap:2px;display:grid}.component-chart-heading h2{font-size:16px}.component-chart-heading p{color:var(--text-3);font-size:12.5px}.component-chart-direct-value{border-radius:var(--r-md);background:var(--surface-sunken);border:1px solid var(--line);justify-items:end;gap:0;padding:6px 12px;display:grid}.component-chart-direct-value span{color:var(--text-3);font-size:11px}.component-chart-direct-value strong{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px}.component-fullscreen-exit{display:none}.component-chart-panel:fullscreen .component-fullscreen-exit{z-index:3;border:1px solid var(--line-2);background:var(--surface-2);width:40px;height:40px;color:var(--text);border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;right:20px}.component-chart-panel:fullscreen .component-chart-heading{padding-right:56px}.component-chart-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.component-chart-controls label{gap:6px;min-width:0;display:grid}.component-chart-controls select{min-height:44px}.component-chart-note{color:var(--text-3);font-size:12px}.component-chart-empty{border-radius:var(--r-lg);border:1px dashed var(--line-2);min-height:240px;color:var(--text-3);text-align:center;place-content:center;padding:24px;line-height:1.6;display:grid}.component-chart-canvas{min-width:0;margin:0 -8px -8px}.component-chart-panel .telemetry-plot{height:250px}.component-chart-panel.metric-family-bars .telemetry-plot,.component-chart-panel.metric-family-step .telemetry-plot{height:200px;min-height:150px}:is(.metric-family-capacity,.metric-family-ranking,.metric-family-gauge,.metric-family-value).component-chart-panel{padding:12px var(--pad);gap:8px}:is(.metric-family-capacity,.metric-family-ranking,.metric-family-gauge,.metric-family-value) .component-chart-controls label{gap:4px}:is(.metric-family-capacity,.metric-family-ranking,.metric-family-gauge,.metric-family-value) .component-chart-heading>div:first-child{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.metric-summary{gap:8px;display:grid}.capacity-meters{gap:14px;display:grid}.capacity-row{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-sunken);animation:enter-up .5s var(--ease-out) both;gap:8px;padding:14px;display:grid}.capacity-row:nth-child(2){animation-delay:60ms}.capacity-row:nth-child(3){animation-delay:.12s}.capacity-row:nth-child(4){animation-delay:.18s}.capacity-heading{justify-content:space-between;gap:12px;display:flex}.capacity-heading strong{font-size:14px}.capacity-heading span{color:var(--text-3);font-size:12px}.capacity-track{background:var(--surface-3);height:12px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;position:relative;overflow:hidden}.capacity-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-glow), var(--accent));height:100%;transition:width .9s var(--ease-out);animation:grow-x .9s var(--ease-out) both;transform-origin:0;display:block;position:relative;overflow:hidden}.capacity-track.no-measurement{background:repeating-linear-gradient(135deg, var(--surface-3) 0 6px, transparent 6px 12px)}.capacity-labels{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:12px;display:flex}.capacity-labels span{align-items:center;gap:6px;display:inline-flex}.capacity-labels i{background:var(--accent);border-radius:2px;width:8px;height:8px}.capacity-labels strong{color:var(--text)}.capacity-labels b{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;font-size:16px}.metric-gauge{border-radius:var(--r-lg);background:var(--surface-sunken);border:1px solid var(--line);grid-template-columns:minmax(0,auto) minmax(120px,1fr);align-items:center;gap:10px 20px;padding:12px 14px;display:grid}.metric-gauge>div:first-child{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.metric-gauge strong{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:28px;line-height:1.1}.metric-gauge span{color:var(--text-3);font-size:12.5px}.process-ranking{gap:6px;display:grid}.process-ranking>button{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sunken);text-align:left;animation:enter-up .45s var(--ease-out) both;transition:border-color var(--t-2), background var(--t-2), transform var(--t-2) var(--ease-out);grid-template-rows:auto 6px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:10px 12px;display:grid}.process-ranking>button:nth-child(2){animation-delay:30ms}.process-ranking>button:nth-child(3){animation-delay:60ms}.process-ranking>button:nth-child(4){animation-delay:90ms}.process-ranking>button:nth-child(5){animation-delay:.12s}.process-ranking>button:nth-child(n+6){animation-delay:.15s}.process-ranking>button:hover{border-color:var(--accent-line);background:var(--accent-softer);transform:translate(3px)}.rank-index{background:var(--surface-3);width:30px;height:30px;color:var(--text-2);font-family:var(--font-mono);border-radius:9px;grid-row:1/span 2;place-items:center;font-size:12px;font-weight:700;display:grid}.process-ranking>button:first-child .rank-index{background:var(--accent-gradient);color:#fff}.rank-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;display:grid;overflow:hidden}.rank-name small{color:var(--text-3);font-family:var(--font-mono);font-size:10.5px;font-weight:500}.process-ranking>button>strong{font-variant-numeric:tabular-nums;font-size:13.5px}.rank-track{background:var(--surface-3);border-radius:999px;grid-column:2/-1;height:6px;overflow:hidden}.rank-track i{border-radius:inherit;background:linear-gradient(90deg, var(--accent-glow), var(--accent));height:100%;animation:grow-x .8s var(--ease-out) both;transform-origin:0;display:block}.process-ranking>p{color:var(--text-3);margin-top:4px;font-size:12px}.metric-history-link{min-height:28px;color:var(--accent-text);justify-self:start;align-items:center;font-size:13px;font-weight:650;display:inline-flex}.metric-history-link:hover{text-underline-offset:4px;text-decoration:underline}.component-secondary-metrics{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:10px;display:grid}.component-secondary-metrics button{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-align:left;box-shadow:var(--shadow-1);transition:border-color var(--t-2), background var(--t-2), transform var(--t-2) var(--ease-out), box-shadow var(--t-3);gap:3px;padding:13px 15px;display:grid}.component-secondary-metrics button:hover{border-color:var(--line-3);transform:translateY(-2px)}.component-secondary-metrics button span{color:var(--text-3);font-size:12px;font-weight:550}.component-secondary-metrics button strong{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.component-secondary-metrics button.selected{border-color:var(--accent);background:linear-gradient(160deg, var(--accent-soft), transparent 80%), var(--surface);box-shadow:0 0 0 3px var(--accent-softer)}.component-secondary-metrics button.selected span{color:var(--accent-text)}.component-tables{gap:var(--gap);display:grid}.component-table-section{overflow:hidden}.component-table-heading{padding:var(--pad) var(--pad) 12px;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.component-table-heading>div{gap:2px;display:grid}.component-table-heading h2{font-size:15px}.component-table-heading p{color:var(--text-3);font-size:12.5px}.component-table-heading>span{background:var(--surface-3);color:var(--text-2);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.component-table-empty{padding:0 var(--pad) var(--pad);color:var(--text-3)}.component-table-wrap{border-top:1px solid var(--line);max-height:560px;overflow:auto}.component-table-wrap thead th{padding-block:0}.component-table-wrap th button{width:100%;min-height:44px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:color var(--t-2);justify-content:space-between;align-items:center;gap:6px;display:flex}.component-table-wrap th button:hover{color:var(--text)}.component-table-wrap th button svg{opacity:.55;width:13px;height:13px}.component-table-wrap th[aria-sort=ascending] button,.component-table-wrap th[aria-sort=descending] button{color:var(--accent-text)}.component-table-wrap th[aria-sort=ascending] svg,.component-table-wrap th[aria-sort=descending] svg{opacity:1}.component-table-wrap td.primary-column{color:var(--text);font-weight:600}.component-table-wrap td{color:var(--text-2);white-space:nowrap}.mobile-table-sort,.mobile-entity-details-list{display:none}.mobile-table-sort{padding:0 var(--pad) 12px;gap:10px}.mobile-table-sort label{flex:1;gap:6px;display:grid}.mobile-entity-details-list{gap:8px;padding:0 12px 12px}.mobile-entity-details{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sunken)}.mobile-entity-details>summary{justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:10px 14px;display:flex}.mobile-entity-details>summary>span{gap:2px;min-width:0;display:grid}.mobile-entity-details>summary small{color:var(--text-3);font-size:11.5px}.mobile-entity-details>summary>small{color:var(--accent-text);white-space:nowrap}.mobile-entity-details[open]>summary>small{opacity:.6}.mobile-entity-details dl{animation:enter-down var(--t-3) var(--ease-out) both;gap:0;margin:0;padding:0 14px 12px;display:grid}.mobile-entity-details dl>div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:7px 0;font-size:12.5px;display:flex}.mobile-entity-details dt{color:var(--text-3)}.mobile-entity-details dd{text-align:right;margin:0;font-weight:600}@media (width<=900px){.component-evidence{grid-template-columns:1fr}.component-chart-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.component-chart-source{grid-column:1/-1}}@media (width<=760px){.component-command-bar .component-status{order:5;width:100%}.component-chart-panel .telemetry-plot{height:210px}.component-chart-panel.metric-family-bars .telemetry-plot,.component-chart-panel.metric-family-step .telemetry-plot{height:180px}.component-chart-controls{grid-template-columns:1fr}.component-table-wrap{display:none}.mobile-table-sort{display:flex}.mobile-entity-details-list{display:grid}}.analytics-view-switch,.network-view,.notification-tabs,.thermal-series-toggles{border:1px solid var(--line);background:var(--surface-sunken);border-radius:14px;flex-wrap:wrap;flex-shrink:0;gap:3px;padding:4px;display:inline-flex}.portal-page>.analytics-view-switch{animation:enter-down var(--t-4) var(--ease-out) both;margin:6px 0 14px}.analytics-view-switch button,.network-view button,.notification-tabs button,.thermal-series-toggles button{white-space:nowrap;min-height:32px;box-shadow:none;color:var(--text-3);transition:color var(--t-2), background var(--t-2), box-shadow var(--t-2);background:0 0;border:0;border-radius:10px;padding:0 14px;font-size:13px;font-weight:600}.analytics-view-switch button:hover,.network-view button:hover,.notification-tabs button:hover,.thermal-series-toggles button:hover:not(:disabled){color:var(--text);background:0 0}.analytics-view-switch button[aria-pressed=true],.network-view button[aria-pressed=true],.notification-tabs button[aria-pressed=true],.thermal-series-toggles button[aria-pressed=true]{color:var(--text);background:var(--surface);box-shadow:var(--shadow-1), 0 0 0 1px var(--line-2);animation:pop-in .3s var(--ease-out) both}:root:not([data-theme=light]) .analytics-view-switch button[aria-pressed=true],:root:not([data-theme=light]) .network-view button[aria-pressed=true],:root:not([data-theme=light]) .notification-tabs button[aria-pressed=true],:root:not([data-theme=light]) .thermal-series-toggles button[aria-pressed=true]{background:var(--surface-3)}.analytics-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.analytics-filters>label{gap:6px;display:grid}.data-count{min-height:var(--control-h);border-radius:var(--r-md);background:var(--accent-softer);color:var(--accent-text);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex}.data-count svg{width:15px;height:15px}.analytics-kpis,.thermal-kpis{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.analytics-kpis>article,.thermal-kpis>article{animation:enter-up .55s var(--ease-out) both;align-content:start;gap:4px;display:grid;overflow:hidden}.analytics-kpis>article:nth-child(2),.thermal-kpis>article:nth-child(2){animation-delay:50ms}.analytics-kpis>article:nth-child(3),.thermal-kpis>article:nth-child(3){animation-delay:.1s}.analytics-kpis>article:nth-child(4),.thermal-kpis>article:nth-child(4){animation-delay:.15s}.analytics-kpis>article:after,.thermal-kpis>article:after{content:"";background:var(--accent-gradient);opacity:.7;transform-origin:0;height:2px;animation:grow-x .9s var(--ease-out) .2s both;position:absolute;top:0;left:0;right:0}.analytics-kpis span,.thermal-kpis span{color:var(--text-3);font-size:12px;font-weight:600}.analytics-kpis strong,.thermal-kpis strong{font-family:var(--font-display);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.15}.analytics-kpis small,.thermal-kpis small{color:var(--text-3);font-size:12px;line-height:1.45}.analytics-chart{padding:var(--pad) var(--pad) 8px}.analytics-chart .telemetry-plot{height:320px}.delta{border-radius:var(--r-md);font-variant-numeric:tabular-nums;grid-template-columns:auto auto;align-items:center;column-gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-grid}.delta svg{grid-row:1/span 2;width:16px;height:16px}.delta small{color:var(--text-3);grid-column:2;font-size:11px;font-weight:500}.delta.up{background:var(--warn-soft);color:var(--warn)}.delta.down{background:var(--ok-soft);color:var(--ok)}.analytics-lower{gap:var(--gap);grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);display:grid}.heatmap-card{align-content:start;gap:6px;display:grid}.heatmap-card>p{color:var(--text-3);margin-bottom:8px;font-size:12.5px}.heatmap-scroll{padding-bottom:6px;overflow-x:auto}.heatmap-axis,.heatmap-row{grid-template-columns:54px repeat(24,minmax(14px,1fr));gap:3px;min-width:520px;display:grid}.heatmap-axis small{color:var(--text-4);font-family:var(--font-mono);font-size:10px}.heatmap-row{margin-top:3px}.heatmap-row>span{color:var(--text-3);font-family:var(--font-mono);align-self:center;font-size:10.5px}.heatmap-row>div{aspect-ratio:1;background:var(--surface-sunken);min-height:14px;box-shadow:inset 0 0 0 1px var(--line);transition:transform var(--t-2) var(--ease-spring);border-radius:4px}.heatmap-row>div.has-data{box-shadow:none;animation:fade-in .6s var(--ease-out) both}.heatmap-row>div:hover{z-index:1;box-shadow:0 0 0 2px var(--surface), 0 4px 12px #0000004d;position:relative;transform:scale(1.35)}.insight-card{align-content:start;gap:10px;display:grid}.insight-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);border-radius:13px;place-items:center;display:grid}.insight-card label{color:var(--text-2);gap:8px;display:grid}.insight-card label strong{color:var(--text)}.insight-value{font-family:var(--font-display);letter-spacing:-.05em;background:var(--accent-gradient);color:#0000;filter:brightness(1.5)saturate(1.1);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;line-height:1}:root[data-theme=light] .insight-value{filter:none}.insight-card p{color:var(--text-2);font-size:13px}.insight-card small{color:var(--text-3)}.network-actions{gap:8px;display:flex}.network-controls{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:end;gap:12px;display:grid}.network-controls>label{gap:6px;display:grid}.network-compare{min-height:var(--control-h);cursor:pointer;align-items:center;gap:10px;font-size:13px;color:var(--text)!important;display:flex!important}.network-current{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.network-current>div{gap:2px;margin-right:auto;display:grid}.network-current>div span{font-weight:650}.network-current>div small{color:var(--text-3)}.network-current>span{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.network-current>span svg{background:color-mix(in srgb, var(--series-1) 16%, transparent);width:30px;height:30px;color:var(--series-1);border-radius:9px;padding:6px}.network-current>span:last-child svg{background:color-mix(in srgb, var(--series-2) 16%, transparent);color:var(--series-2)}.network-current>span strong{color:var(--text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:18px}.network-directions{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.network-direction{--dir:var(--series-1);animation:enter-up .55s var(--ease-out) both;align-content:start;gap:8px;display:grid;overflow:hidden}.network-direction.send{--dir:var(--series-2);animation-delay:70ms}.network-direction:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--dir) 20%, transparent), transparent 68%);pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:-70px;right:-50px}.network-direction-title{align-items:center;gap:10px;display:flex}.network-direction-title svg{background:color-mix(in srgb, var(--dir) 16%, transparent);width:34px;height:34px;color:var(--dir);border-radius:11px;padding:7px}.network-direction-title h2{font-size:16px}.network-direction-title span{color:var(--text-3);font-size:12.5px}.network-volume-label{color:var(--text-3);margin-top:4px;font-size:12px}.network-volume{font-family:var(--font-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;line-height:1.05}.network-direction dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0 0;display:grid}.network-direction dl>div{border-radius:var(--r-md);background:var(--surface-sunken);border:1px solid var(--line);padding:10px 12px}.network-direction dt{color:var(--text-3);font-size:11.5px}.network-direction dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:650}.network-comparison{color:var(--text-2);font-size:12.5px}.network-chart{gap:4px;padding-bottom:8px;display:grid}.network-chart>.panel-head>.network-view{flex-wrap:nowrap}.network-chart .telemetry-plot{height:320px}.network-empty{color:var(--text-3);text-align:center;justify-items:center;gap:8px;padding:32px;display:grid}.network-empty>svg{width:40px;height:40px;color:var(--text-4)}.network-quality{gap:14px;display:flex}.network-quality>svg{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-text);border-radius:12px;flex-shrink:0;padding:9px}.network-quality>div{gap:8px;display:grid}.network-quality p{color:var(--text-2);font-size:13px;line-height:1.6}.network-quality strong{color:var(--text)}.network-table-card,.thermal-table-card{padding:0;overflow:hidden}.network-table-card>.panel-head,.thermal-table-card>.panel-head{padding:var(--pad) var(--pad) 12px}.network-table-scroll,.thermal-table-scroll{border-top:1px solid var(--line);overflow:auto}.network-table-scroll td,.thermal-table-scroll td{color:var(--text-2);white-space:nowrap}.compare-table{padding:6px}.compare-row{border-radius:var(--r-md);transition:background var(--t-1);grid-template-columns:minmax(140px,1fr) repeat(2,minmax(0,1fr));align-items:center;gap:12px;padding:12px 14px;display:grid}.compare-row:not(.compare-head):hover{background:var(--highlight)}.compare-row+.compare-row{border-top:1px solid var(--line)}.compare-row>span{color:var(--text-2)}.compare-row>strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:17px}.compare-head{padding-bottom:14px}.compare-head>strong{color:var(--text-3);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.notification-center{gap:14px;display:grid}.notification-tabs{justify-content:flex-start;align-items:center;width:100%}.notification-tabs>span{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto;padding:0 10px;font-size:12px}.bulk-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bulk-actions>.check-label{margin-right:auto}.bulk-actions>button{min-height:34px;font-size:12.5px}.notification-list{gap:8px;display:grid}.notification-item{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-sunken);animation:enter-up .45s var(--ease-out) both;transition:border-color var(--t-2), background var(--t-2);align-items:flex-start;gap:12px;padding:14px;display:flex}.notification-item:nth-child(2){animation-delay:30ms}.notification-item:nth-child(3){animation-delay:60ms}.notification-item:nth-child(4){animation-delay:90ms}.notification-item:nth-child(5){animation-delay:.12s}.notification-item:nth-child(n+6){animation-delay:.15s}.notification-item:hover{border-color:var(--line-2)}.notification-item>input{margin-top:10px}.notification-item>button{width:36px;min-height:36px;color:var(--text-3);flex-shrink:0;padding:0}.notification-item>button:hover:not(:disabled){color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.notification-item.active{border-color:color-mix(in srgb, var(--danger) 26%, transparent);background:linear-gradient(100deg, var(--danger-soft), transparent 45%), var(--surface-sunken)}.notification-icon{background:var(--danger-soft);width:38px;height:38px;color:var(--danger);border-radius:12px;place-items:center;display:grid}.notification-item.resolved .notification-icon{background:var(--ok-soft);color:var(--ok)}.notification-icon svg{width:18px;height:18px}.notification-item.active .notification-icon svg{animation:bell-ring 2.4s var(--ease-out) 1s 2}.notification-copy{flex:1;gap:4px;min-width:0;display:grid}.notification-copy>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-copy p{color:var(--text-2)}.notification-copy time{color:var(--text-3);font-size:12px}.notification-copy details>summary{color:var(--accent-text);font-size:12px;font-weight:600;display:inline-flex}.notification-copy details>summary:hover{text-underline-offset:3px;text-decoration:underline}.notification-copy dl{border-radius:var(--r-md);background:var(--surface-2);animation:enter-down var(--t-3) var(--ease-out) both;grid-template-columns:auto 1fr;gap:4px 14px;margin:8px 0 0;padding:10px 12px;font-size:12.5px;display:grid}.notification-copy dt{color:var(--text-3)}.notification-copy dd{margin:0}.activity-timeline{gap:4px;margin-top:14px;display:grid;position:relative}.activity-timeline:before{content:"";background:linear-gradient(180deg, var(--accent-line), var(--line) 30%, transparent);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:19px}.activity-timeline>article{border-radius:var(--r-md);animation:enter-up .45s var(--ease-out) both;transition:background var(--t-1);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px 8px 0;display:grid;position:relative}.activity-timeline>article:nth-child(2){animation-delay:25ms}.activity-timeline>article:nth-child(3){animation-delay:50ms}.activity-timeline>article:nth-child(4){animation-delay:75ms}.activity-timeline>article:nth-child(n+5){animation-delay:.1s}.activity-timeline>article:hover{background:var(--highlight)}.timeline-icon{border:1px solid var(--line-2);background:var(--surface);width:40px;height:40px;color:var(--accent-text);border-radius:13px;place-items:center;display:grid;position:relative}.activity-timeline strong{text-transform:capitalize;display:block}.activity-timeline small{color:var(--text-3);font-family:var(--font-mono);font-size:11px}.activity-timeline time{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.save-state{border-radius:var(--r-pill);background:var(--ok-soft);color:var(--ok);align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:650;display:inline-flex}.settings-page-grid{columns:2;column-gap:var(--gap)}.settings-card{margin-bottom:var(--gap);break-inside:avoid;animation:enter-up .55s var(--ease-out) both;gap:12px;display:grid}.settings-card:nth-child(2){animation-delay:60ms}.settings-card:nth-child(3){animation-delay:.12s}.settings-card:nth-child(4){animation-delay:.18s}.settings-card>h2{align-items:center;gap:10px;font-size:16px;display:flex}.settings-card>h2 svg{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-text);border-radius:11px;padding:8px}.settings-card>p{color:var(--text-3);margin-top:-4px;font-size:13px}.settings-card>p strong{color:var(--text)}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;color:var(--text)!important;font-size:13.5px!important;display:flex!important}.setting-row>span{gap:2px;display:grid}.setting-row>span small{color:var(--text-3);font-size:12px;font-weight:450}.setting-row>select{width:auto;min-width:200px;max-width:60%}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.theme-preview{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface-sunken);color:var(--text-2);text-align:left;transition:border-color var(--t-2), box-shadow var(--t-3), transform var(--t-2) var(--ease-out);grid-template-columns:auto 1fr auto;align-items:center;gap:6px 8px;padding:10px;font-size:13px;font-weight:600;display:grid}.theme-preview:hover{border-color:var(--line-3);transform:translateY(-2px)}.theme-preview.selected{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 3px var(--accent-softer)}.theme-preview>svg{width:15px;height:15px}.theme-preview>svg+svg{color:var(--accent-text);animation:pop-in .35s var(--ease-spring) both}.preview-window{background:#0b0c0f;border-radius:10px;grid-column:1/-1;grid-template-rows:10px 1fr 1fr;grid-template-columns:22% 1fr;gap:4px;height:64px;padding:6px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.preview-window i{background:#16181d;border-radius:5px;grid-row:1/-1}.preview-window span{background:#1d2026;border-radius:4px}.preview-window span:first-of-type{background:linear-gradient(90deg, var(--accent-strong), var(--accent-2));opacity:.85;grid-row:2}.preview-window span:last-of-type{grid-row:3}.theme-preview.light .preview-window{background:#f3f4f7;box-shadow:inset 0 0 0 1px #1118271a}.theme-preview.light .preview-window i{background:#fff}.theme-preview.light .preview-window span:last-of-type{background:#e7e9ee}.theme-preview.system .preview-window{background:linear-gradient(115deg,#0b0c0f 50%,#f3f4f7 50%)}.theme-preview.system .preview-window i{background:linear-gradient(115deg,#16181d 50%,#fff 50%)}.theme-preview.system .preview-window span:last-of-type{background:linear-gradient(115deg,#1d2026 50%,#e7e9ee 50%)}.section-mini-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.section-mini-heading button{min-height:32px;font-size:12.5px}.session-row{border-radius:var(--r-md);background:var(--surface-sunken);border:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.session-row>svg{background:var(--surface-3);width:32px;height:32px;color:var(--text-2);border-radius:10px;padding:7px}.session-row>div{gap:1px;display:grid}.session-row strong{align-items:center;gap:8px;display:flex}.session-row strong b{background:var(--ok-soft);color:var(--ok);border-radius:999px;padding:1px 8px;font-size:11px}.session-row small{color:var(--text-3);font-size:11.5px}.session-row>button{width:34px;min-height:34px;color:var(--text-3);padding:0}.session-row>button:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.device-settings{gap:4px;padding:0;display:grid;overflow:hidden}.device-settings>.panel-head{padding:var(--pad) var(--pad) 8px;align-items:center}.device-settings>.panel-head>select{width:auto;min-width:220px}.device-settings>.sampling-control{box-shadow:none;background:0 0;border:0;border-radius:0}.device-settings>.sampling-control>.panel-head{display:none}.learn-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.learn-card{transition:transform var(--t-3) var(--ease-out), border-color var(--t-3);animation:enter-up .55s var(--ease-out) both;align-content:start;gap:10px;display:grid;overflow:hidden}.learn-card:nth-child(2){animation-delay:50ms}.learn-card:nth-child(3){animation-delay:.1s}.learn-card:nth-child(4){animation-delay:.15s}.learn-card:nth-child(5){animation-delay:.2s}.learn-card:nth-child(6){animation-delay:.25s}.learn-card:hover{border-color:var(--line-2);transform:translateY(-3px)}.learn-icon{background:var(--accent-gradient);color:#fff;width:44px;height:44px;box-shadow:0 12px 26px -14px var(--accent-strong);transition:transform var(--t-3) var(--ease-spring);border-radius:14px;place-items:center;display:grid}.learn-card:hover .learn-icon{transform:rotate(-8deg)scale(1.08)}.learn-icon svg{width:21px;height:21px}.learn-card h2{font-size:16px}.learn-card p{color:var(--text-2);font-size:13.5px;line-height:1.6}.learn-card>div{border-radius:var(--r-md);background:var(--accent-softer);color:var(--text);gap:8px;padding:10px 12px;font-size:12.5px;font-weight:550;display:flex}.learn-card>div:before{content:"→";color:var(--accent-text);font-weight:700}.glossary{gap:12px;display:grid}.glossary h2{font-size:17px}.glossary dl{grid-template-columns:minmax(140px,220px) 1fr;gap:0;margin:0;display:grid}.glossary dt,.glossary dd{border-top:1px solid var(--line);padding:12px 0}.glossary dt{font-weight:650}.glossary dd{color:var(--text-2);margin:0}@media (width<=1100px){.analytics-kpis,.thermal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-lower{grid-template-columns:1fr}.settings-page-grid{columns:1}}@media (width<=760px){.analytics-filters,.network-directions{grid-template-columns:1fr}.network-chart>.panel-head{flex-direction:column;align-items:stretch}.network-chart>.panel-head>.network-view{width:100%}.network-view button{flex:1}.network-current>div{width:100%;margin-right:0}.analytics-chart .telemetry-plot,.network-chart .telemetry-plot{height:240px}.compare-row{grid-template-columns:1fr 1fr}.compare-row>:first-child{grid-column:1/-1}.compare-head>strong,.notification-item>.notification-icon{display:none}.setting-row{flex-direction:column;align-items:stretch}.setting-row>select{width:100%;max-width:none}.theme-options{grid-template-columns:1fr 1fr 1fr;gap:6px}.theme-preview{padding:8px;font-size:12px}.glossary dl{grid-template-columns:1fr}.glossary dd{border-top:0;padding-top:0}.device-settings>.panel-head{flex-wrap:wrap}.device-settings>.panel-head>select{width:100%}.activity-timeline>article{grid-template-columns:40px minmax(0,1fr)}.activity-timeline time{grid-column:2}}@media (width<=480px){.analytics-kpis,.thermal-kpis{grid-template-columns:1fr}}@media (width<=420px){.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-preview{grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;padding:7px;position:relative}.theme-preview>svg:first-of-type{display:none}.theme-preview>svg+svg{background:var(--surface);width:18px;height:18px;box-shadow:var(--shadow-1);border-radius:50%;padding:2px;position:absolute;top:3px;right:3px}.preview-window{width:100%;height:48px}}.thermal-analysis,.thermal-monitoring,.thermal-results{gap:var(--gap);min-width:0;display:grid}.thermal-intro{align-items:center;gap:16px;display:flex;overflow:hidden}.thermal-intro:before{content:"";background:linear-gradient(100deg, color-mix(in srgb, var(--series-4) 12%, transparent), transparent 55%);pointer-events:none;position:absolute;inset:0}.thermal-intro>svg{background:linear-gradient(160deg, var(--series-4), var(--series-2));color:#fff;width:48px;height:48px;box-shadow:0 14px 28px -14px var(--series-2);animation:float-y 5s var(--ease-in-out) infinite;border-radius:15px;flex-shrink:0;padding:11px;position:relative}.thermal-intro>div{gap:4px;display:grid;position:relative}.thermal-intro p{color:var(--text-2)}.thermal-mode-bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.thermal-mode-bar>label{gap:6px;min-width:240px;display:grid}.thermal-controls,.thermal-monitor-settings,.thermal-events{gap:12px;display:grid}.thermal-control-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:end;gap:12px;display:grid}.thermal-control-grid>label{gap:6px;display:grid}.thermal-duration{grid-template-columns:1fr 110px;gap:8px;display:grid}.thermal-control-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.thermal-control-footer small{color:var(--text-3)}.thermal-control-footer>.primary{width:auto}.thermal-checkbox{cursor:pointer;align-items:center;gap:10px;font-size:13px;color:var(--text)!important;display:flex!important}.thermal-monitor-checks{gap:8px;display:grid}.thermal-actions{flex-wrap:wrap;gap:8px;display:flex}.thermal-actions button,.thermal-events .panel-head button,.thermal-chart .panel-head>button{min-height:32px;padding:0 12px;font-size:12.5px}.thermal-controls>p,.thermal-monitor-settings>p,.thermal-events>p{color:var(--text-3);font-size:12.5px}.thermal-chart-note{color:var(--text-3);font-size:12px;line-height:1.55}.thermal-notice{border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--warn) 30%, transparent);background:var(--warn-soft);color:var(--warn);padding:11px 14px;font-size:13px}.thermal-empty{color:var(--text-3);text-align:center;justify-items:center;gap:8px;padding:32px 20px;display:grid}.thermal-empty>svg{width:44px;height:44px;color:var(--text-4)}.thermal-options,.thermal-monitor-settings{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-sunken)}.thermal-options{padding:0}.thermal-options>summary,.thermal-monitor-settings>summary{min-height:46px;color:var(--text);align-items:center;gap:10px;padding:0 16px;font-size:13.5px;font-weight:650;display:flex}.thermal-monitor-settings>summary{padding:0}.thermal-monitor-settings>summary svg{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-text);border-radius:9px;padding:6px}.thermal-options[open]>:not(summary){animation:enter-down var(--t-3) var(--ease-out) both;margin:0 16px 16px}.thermal-options>summary:after,.thermal-monitor-settings>summary:after{content:"";border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);width:8px;height:8px;transition:transform var(--t-3) var(--ease-spring);margin-left:auto;transform:rotate(45deg)translateY(-2px)}.thermal-options[open]>summary:after,.thermal-monitor-settings[open]>summary:after{transform:rotate(-135deg)translateY(-2px)}.thermal-monitor-settings{padding:var(--pad);background-color:var(--surface)}.thermal-monitor-settings[open]>:not(summary){animation:enter-down var(--t-3) var(--ease-out) both}.thermal-monitor-settings fieldset{gap:12px;display:grid}.thermal-verdict{--verdict:var(--accent);animation:scale-in .55s var(--ease-out) both;justify-content:space-between;align-items:center;gap:18px;display:flex;overflow:hidden}.thermal-verdict.verdict-lower{--verdict:var(--ok)}.thermal-verdict.verdict-higher{--verdict:var(--danger)}.thermal-verdict.verdict-similar{--verdict:var(--accent)}.thermal-verdict.verdict-insufficient{--verdict:var(--warn)}.thermal-verdict:before{content:"";background:linear-gradient(100deg, color-mix(in srgb, var(--verdict) 16%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0}.thermal-verdict>div{grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;display:grid;position:relative}.thermal-verdict>div>svg{background:color-mix(in srgb, var(--verdict) 18%, transparent);width:44px;height:44px;color:var(--verdict);border-radius:14px;grid-row:1/span 2;padding:10px}.thermal-verdict h2{font-size:18px}.thermal-verdict p{color:var(--text-2);font-size:13px}.thermal-verdict>strong{font-family:var(--font-display);letter-spacing:-.05em;color:var(--verdict);font-variant-numeric:tabular-nums;animation:pop-in .6s var(--ease-spring) .15s both;font-size:40px;font-weight:700;position:relative}.thermal-chart{gap:10px;display:grid}.thermal-chart>.panel-head>span{color:var(--text-3);white-space:nowrap;font-size:12px}.thermal-plot{min-width:0;height:260px;position:relative}.thermal-timelines .thermal-plot{height:220px}.thermal-history-plot{resize:vertical;height:300px;min-height:210px;max-height:70vh;overflow:hidden}.thermal-monitoring.thermal-expanded{z-index:110;border:1px solid var(--line-2);border-radius:var(--r-2xl);background:var(--bg);box-shadow:var(--shadow-3), 0 0 0 100vmax var(--overlay);animation:scale-in .4s var(--ease-out) both;padding:20px;position:fixed;inset:16px;overflow:auto}.thermal-expanded .thermal-history-plot{height:45vh;max-height:none}.thermal-timelines{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.thermal-series-toggles{justify-self:start}.thermal-series-toggles button:disabled{opacity:.45;cursor:not-allowed}.thermal-tooltip{border:1px solid var(--line-2);border-radius:var(--r-md);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-3);gap:3px;padding:10px 12px;font-size:12px;display:grid}.thermal-tooltip time{color:var(--text-3);font-size:11px}.thermal-tooltip b{font-family:var(--font-display);font-size:17px}.thermal-tooltip span{color:var(--text-2)}.thermal-isolated-point,.thermal-range-point{stroke:var(--surface);stroke-width:1.5px}.thermal-quality{gap:12px;padding:0;display:grid;overflow:hidden}.thermal-quality>h2{padding:var(--pad) var(--pad) 0}.thermal-events form{gap:12px;display:grid}.thermal-events .thermal-control-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.thermal-events>h2{align-items:center;gap:8px;display:flex}.thermal-events>h2 svg{color:var(--accent-text)}.thermal-events .panel-head{padding:0}.thermal-event-list{gap:8px;display:grid}.thermal-event{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sunken);animation:enter-up .45s var(--ease-out) both;align-items:center;gap:8px;padding:6px;display:flex}.thermal-event>div{flex:1;gap:2px;padding:6px 8px;display:grid}.thermal-event>button:first-child{text-align:left;transition:background var(--t-2);border-radius:9px;flex:1;gap:2px;padding:6px 8px;display:grid}.thermal-event>button:first-child:hover{background:var(--accent-softer)}.thermal-event time,.thermal-event small{color:var(--text-3);font-size:12px}.thermal-event>button:last-child,.thermal-delete{min-height:32px;color:var(--text-3);transition:color var(--t-2), background var(--t-2);border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.thermal-event>button:last-child:hover,.thermal-delete:hover{color:var(--danger);background:var(--danger-soft)}@media (width<=1000px){.thermal-timelines{grid-template-columns:1fr}}@media (width<=760px){.thermal-plot,.thermal-timelines .thermal-plot{height:220px}.thermal-events .thermal-control-grid{grid-template-columns:1fr}.thermal-history-plot{height:240px}.thermal-monitoring.thermal-expanded{border-radius:var(--r-lg);padding:10px;inset:6px}.thermal-verdict{flex-direction:column;align-items:flex-start}.thermal-mode-bar>label{width:100%;min-width:0}.thermal-control-footer>.primary{width:100%}}