:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201e1d;--color-divider: #9f9d9d;--color-neutral-100: #f8f4f4;--color-neutral-200: #eae7e7;--color-neutral-300: #d7d3d3;--color-neutral-400: #bab6b6;--color-neutral-500: #9b9797;--color-neutral-600: #7d7979;--color-neutral-700: #605d5d;--color-neutral-800: #444141;--color-neutral-900: #2d2b2b;--color-accent: #006edc;--color-accent-100: #d7eaff;--color-accent-200: #b6d7ff;--color-accent-300: #87bafd;--color-accent-400: #4693f1;--color-accent-500: #006edc;--color-accent-600: #005aba;--color-accent-700: #004a9c;--color-accent-800: #003977;--color-accent-900: #012854;--color-accent-2: var(--color-accent);--color-accent-2-100: var(--color-accent-100);--color-accent-2-800: var(--color-accent-800);--font-heading: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading-weight: 700;--font-body: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--shadow-sm: 0 1px 2px rgba(45, 43, 43, .14);--shadow-md: 0 3px 10px rgba(45, 43, 43, .16);--shadow-lg: 0 12px 32px rgba(45, 43, 43, .22);--rule-section: 2px;--rule-row: 1px;--sidebar-width: 260px;--topbar-height: 60px}@font-face{font-family:Archivo;src:url(/fonts/Archivo-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/Archivo-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/Archivo-Bold.ttf) format("truetype");font-weight:700;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-neutral-200);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.15;margin:0}h1{font-size:26px}h2{font-size:20px}h3{font-size:17px}p{margin:0}a{color:var(--color-accent-700);text-decoration:none}a:hover{color:var(--color-accent);text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-100)}.text-muted{color:color-mix(in srgb,var(--color-text) 60%,transparent)}.hr{height:var(--rule-section);background:var(--color-divider);border:0;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md)}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover:not(:disabled){background:var(--color-accent-600)}.btn-primary:active:not(:disabled){background:var(--color-accent-700)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active:not(:disabled){background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active:not(:disabled){background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-danger{color:var(--color-accent-800);border-color:var(--color-accent-300)}.btn-danger:hover:not(:disabled){background:var(--color-accent-100)}.btn-icon{width:36px;height:36px;padding:0}.btn-block{width:100%;justify-content:flex-start;text-align:left}.btn-sm{padding:5px 10px;font-size:13px}.field{display:block}.field>label{display:block;font-size:12px;margin-bottom:5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input,.select{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.input:hover,.select:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible,.select:focus-visible{border-color:var(--color-accent);outline-offset:0}.input:disabled,.select:disabled{opacity:.45;cursor:not-allowed}textarea.input{min-height:90px;resize:vertical}.select{cursor:pointer}.input-wrap{position:relative;display:block}.input.has-affix{padding-right:40px}.input-reveal{position:absolute;top:0;right:0;height:100%;width:36px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:color-mix(in srgb,var(--color-text) 60%,transparent);cursor:pointer}.input-reveal:hover,.input-reveal[aria-pressed=true]{color:var(--color-accent)}.input-invalid,.input-invalid:hover{border-color:var(--color-accent);border-width:2px}.field-error{display:block;margin-top:5px;font-size:12px;color:var(--color-accent-700)}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface)}.card-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.card-body{margin:0;font-size:13px;opacity:.8;flex:1}.card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:color-mix(in srgb,var(--color-text) 50%,transparent)}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.panel{background:var(--color-bg);border:1px solid var(--color-neutral-300)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--rule-section) solid var(--color-divider)}.panel-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:15px}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75);white-space:nowrap}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.tag-unknown{background:var(--color-neutral-300);color:var(--color-neutral-900);border:1px solid var(--color-neutral-700)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);padding:var(--space-2) var(--space-4);border-bottom:var(--rule-section) solid var(--color-divider);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:var(--rule-row) solid var(--color-divider);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.table-scroll{overflow-x:auto}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-neutral-900) 50%,transparent);animation:dc-fadein .2s ease}.dialog{width:min(440px,100%);max-height:calc(100vh - var(--space-8));overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border-top:4px solid var(--color-accent);background:var(--color-bg);box-shadow:var(--shadow-lg)}.dialog-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20px}.dialog-body{font-size:14px;opacity:.85}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}@keyframes dc-fadein{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:flex;width:100%;min-height:100vh;background:var(--color-neutral-200)}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;background:var(--color-bg);border-right:var(--rule-section) solid var(--color-divider)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:var(--space-4);border-bottom:var(--rule-row) solid var(--color-divider)}.brand-tile{width:36px;height:36px;flex:none;display:grid;place-items:center;background:var(--color-text);color:var(--color-bg)}.brand-name{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:16px;letter-spacing:-.01em}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-2) 0}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-4);font-size:14px;color:var(--color-text);text-decoration:none;border:0;border-left:3px solid transparent;background:transparent;cursor:pointer;font-family:var(--font-body)}.nav-item:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent);text-decoration:none;color:var(--color-text)}.nav-item.is-active{border-left-color:var(--color-accent);background:var(--color-accent-100);color:var(--color-accent-800);font-weight:600}.nav-item svg{flex:none}.sidebar-foot{padding:var(--space-3) var(--space-4);border-top:var(--rule-section) solid var(--color-divider);display:flex;flex-direction:column;gap:var(--space-2)}.identity{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:32px;height:32px;flex:none;display:grid;place-items:center;background:var(--color-accent-100);color:var(--color-accent-800);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:13px}.identity-text{min-width:0;overflow:hidden}.identity-email{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb,var(--color-text) 60%,transparent)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-height);flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-6);background:var(--color-bg);border-bottom:var(--rule-section) solid var(--color-divider);position:sticky;top:0;z-index:10}.topbar-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:18px}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.conn{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:color-mix(in srgb,var(--color-text) 60%,transparent)}.conn-dot{width:8px;height:8px;flex:none;background:var(--color-neutral-400)}.conn.is-live .conn-dot{background:var(--color-accent)}.page{flex:1;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);max-width:1400px;width:100%}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.stat{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-neutral-300);border-top:var(--rule-section) solid var(--color-divider)}.stat-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent)}.stat-value{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:34px;line-height:1.1;margin-top:2px}.stat-value-sm{font-size:20px}.stat-note{font-size:12px;margin-top:4px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.stat-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;background:var(--color-accent-100);color:var(--color-accent-800)}.stat-icon-muted{background:var(--color-neutral-200);color:var(--color-neutral-700)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.toolbar-spacer{flex:1}.toolbar .select,.toolbar .input{width:auto;min-width:160px}.row-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px}.row-sub{font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.battery{display:flex;align-items:center;gap:var(--space-2)}.battery-track{width:72px;height:8px;flex:none;background:var(--color-neutral-300)}.battery-fill{height:100%;background:var(--color-text)}.battery-fill.is-low{background:var(--color-accent)}.battery-text{font-size:12px;font-variant-numeric:tabular-nums}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-8) var(--space-4)}.empty-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:16px}.empty-body{font-size:13px;color:color-mix(in srgb,var(--color-text) 60%,transparent)}.skeleton{background:var(--color-neutral-300);animation:dc-pulse 1.4s ease-in-out infinite}@keyframes dc-pulse{0%,to{opacity:1}50%{opacity:.45}}.banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-accent-100);border:1px solid var(--color-accent-300);border-left:4px solid var(--color-accent);color:var(--color-accent-800);font-size:13px}.banner-list{margin:0;padding:0;list-style:none;flex:1}.banner-list li+li{margin-top:4px}.banner-code{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background:var(--color-neutral-200)}.auth-card{width:100%;max-width:420px;padding:var(--space-8);background:var(--color-bg);border-top:4px solid var(--color-accent);box-shadow:var(--shadow-md)}.auth-fields{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) 0 var(--space-4)}.settings{display:flex;gap:var(--space-6);align-items:flex-start}.settings-nav{width:200px;flex:0 0 200px;display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-neutral-300)}.settings-nav .nav-item{padding:10px var(--space-3)}.settings-panels{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.settings-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--rule-row) solid var(--color-divider)}.setting-row:last-child{border-bottom:0}.setting-name{font-size:14px}.setting-note{font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin-top:2px}.toggle{width:40px;height:22px;flex:none;position:relative;padding:0;border:0;cursor:pointer;background:var(--color-neutral-400);transition:background .15s ease}.toggle.is-on{background:var(--color-accent)}.toggle:disabled{opacity:.45;cursor:not-allowed}.toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-bg);transition:left .15s ease}.toggle.is-on .toggle-knob{left:20px}.check{width:18px;height:18px;flex:none;display:grid;place-items:center;padding:0;cursor:pointer;border:2px solid var(--color-text);background:transparent;color:var(--color-bg)}.check.is-on{background:var(--color-text)}.check:disabled{opacity:.45;cursor:not-allowed}.chart{display:flex;align-items:flex-end;gap:var(--space-2);height:160px;padding:var(--space-4)}.chart-col{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:6px;height:100%;justify-content:flex-end}.chart-bar{background:var(--color-accent);min-height:2px}.chart-bar.is-empty{background:var(--color-neutral-300)}.chart-label{font-size:11px;text-align:center;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.chart-value{font-size:11px;text-align:center;font-variant-numeric:tabular-nums}@media (max-width: 860px){.shell{flex-direction:column}.sidebar{width:100%;flex:none;height:auto;position:static;border-right:0;border-bottom:var(--rule-section) solid var(--color-divider)}.sidebar-nav{display:flex;overflow-x:auto;padding:0}.nav-item{border-left:0;border-bottom:3px solid transparent;white-space:nowrap}.nav-item.is-active{border-left-color:transparent;border-bottom-color:var(--color-accent)}.page{padding:var(--space-4)}.settings{flex-direction:column}.settings-nav{width:100%;flex:none}}