@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700;900&family=Inter:wght@300;400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#121416;--bg-low:#1a1c1e;--bg-mid:#1e2022;--bg-high:#282a2c;--bg-highest:#333537;--surface:#1e2022;--surface-2:#282a2c;--surface-3:#333537;--surface-4:#3c3f42;--surface-raised:#282a2c;--surface-hover:#282a2c;--border:#ffffff0d;--border-2:#ffffff1a;--border-strong:#ffffff24;--outline:#3c494e;--text:#e2e2e5;--text-2:#bbc9cf;--text-3:#859399;--text-4:#4a5568;--text-muted:#bbc9cf;--text-subtle:#859399;--cyan:#00d1ff;--cyan-dim:#00d1ff14;--cyan-glow:#00d1ff33;--blue:#00d1ff;--blue-hover:#00b8e0;--blue-dim:#00d1ff14;--blue-glow:#00d1ff33;--teal:#00d4aa;--teal-dim:#00d4aa14;--red:#ef4444;--red-dim:#ef44441a;--amber:#f59e0b;--amber-dim:#f59e0b1a;--purple:#8b5cf6;--purple-dim:#8b5cf61a;--forge:#f97316;--needle:#66e0a3;--atlas:#38bdf8;--scout:#ff7c8e;--beacon:#b18cff;--spine:#5d8fc9;--shadow-xs:0 1px 2px #0009;--shadow-sm:0 1px 3px #000000b3, 0 0 0 1px #ffffff0a;--shadow:0 4px 16px #000000b3;--shadow-lg:0 10px 40px #000c;--radius:2px;--radius-sm:2px;--radius-xs:2px}[data-theme=light]{--bg:#f4f6f8;--bg-low:#fff;--bg-mid:#f0f2f4;--bg-high:#e8eaed;--bg-highest:#dde0e3;--surface:#fff;--surface-2:#f4f6f8;--surface-3:#eaecef;--surface-4:#dde0e4;--surface-raised:#f4f6f8;--surface-hover:#f4f6f8;--border:#00000012;--border-2:#0000001f;--border-strong:#0000002b;--outline:#c8d4da;--text:#0f1c2e;--text-2:#3d5166;--text-3:#7a90a4;--text-4:#aab8c4;--text-muted:#3d5166;--text-subtle:#7a90a4;--cyan:#09c;--cyan-dim:#0099cc14;--cyan-glow:#0099cc2e;--blue:#09c;--blue-hover:#007aaa;--blue-dim:#0099cc14;--blue-glow:#0099cc2e;--teal:#00a882;--teal-dim:#00a88214;--red:#dc2626;--red-dim:#dc262614;--amber:#d97706;--amber-dim:#d9770614;--purple:#7c3aed;--purple-dim:#7c3aed14}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#8593990d 1px,#0000 1px);background-size:24px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.6}[data-theme=light] body{background-image:radial-gradient(#0000000a 1px,#0000 1px)}.shell-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#1a1c1ef5;align-items:center;height:52px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=light] .shell-topbar{background:#f4f6f8f5}.shell-topbar:after{content:"";background:linear-gradient(90deg, var(--cyan) 0%, transparent 60%);opacity:.6;height:1px;position:absolute;bottom:-1px;left:0;right:0}.topbar-brand{border-right:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding-right:16px;display:flex}.topbar-brand-name{letter-spacing:.12em;text-transform:uppercase;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:900}.topbar-sep{background:var(--border-2);flex-shrink:0;width:1px;height:18px;margin:0 12px}.topbar-brand-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700}.shell-sidebar{background:var(--bg-low);border-right:1px solid var(--border);flex-direction:column;width:200px;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:52px;bottom:0;left:0;overflow:hidden auto}.shell-sidebar.collapsed{width:48px}.shell-main{min-height:calc(100vh - 52px);margin-top:52px;margin-left:200px;padding:24px 24px 60px;transition:margin-left .22s cubic-bezier(.4,0,.2,1)}.shell-main.sidebar-collapsed{margin-left:48px}.nav-section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;padding:14px 12px 5px;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700;overflow:hidden}.shell-sidebar.collapsed .nav-section-label{opacity:0;height:0;padding:0}.nav-item{cursor:pointer;text-align:left;width:calc(100% - 12px);color:var(--text-2);white-space:nowrap;background:0 0;border:none;border-radius:2px;align-items:center;gap:8px;margin:1px 6px;padding:7px 10px 7px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:color .12s,background .12s;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--text);background:var(--bg-high)}.nav-item[data-active=true]{color:var(--cyan);background:var(--cyan-dim);border-left:2px solid var(--cyan);padding-left:10px;font-weight:600}.nav-item.collapsed{justify-content:center;padding:8px 0}.nav-item[data-active=true].collapsed{border-left:none;padding-left:0}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:10px 6px}.spine-status{color:var(--text-2);white-space:nowrap;border-radius:2px;align-items:center;gap:7px;padding:6px 8px;font-size:11px;display:flex;overflow:hidden}.shell-sidebar.collapsed .spine-status span{display:none}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card{background:var(--bg-mid);border:1px solid var(--border);border-radius:2px;padding:18px 20px;overflow:hidden}.card-body{padding:18px 20px}.card:hover{border-color:var(--border-2)}.card-head{justify-content:space-between;align-items:center;padding:14px 20px 0;display:flex}.card-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700}.card-meta{color:var(--text-3);font-size:11px}.card-head+*{padding-top:12px}.stats-row{background:var(--bg-mid);border:1px solid var(--border);border-radius:2px;grid-template-columns:repeat(4,1fr);display:grid}.stats-row-item{border-right:1px solid var(--border);flex-direction:column;padding:20px 22px 18px;display:flex}.stats-row-item:last-child{border-right:none}.sr-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700}.sr-value{letter-spacing:-.03em;color:var(--text);margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:900;line-height:1}.sr-sub{color:var(--text-3);font-size:11px;font-weight:500}.sr-sub.up{color:var(--teal)}.sr-sub.down{color:var(--red)}.kpi-card{background:var(--bg-mid);border:1px solid var(--border);border-radius:2px;flex-direction:column;padding:20px 22px 18px;transition:border-color .12s;display:flex}.kpi-card:hover{border-color:var(--border-2)}.kpi-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700}.kpi-value{letter-spacing:-.03em;color:var(--text);margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:900;line-height:1}.kpi-trend{color:var(--text-3);align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.kpi-trend.up{color:var(--teal)}.kpi-trend.down{color:var(--red)}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700}.stat-value{letter-spacing:-.03em;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:900;line-height:1}.card-blue{border-left:2px solid var(--cyan)}.card-green{border-left:2px solid var(--teal)}.card-orange{border-left:2px solid var(--amber)}.card-red{border-left:2px solid var(--red)}.card-blue .kpi-value,.card-blue .stat-value{color:var(--cyan)}.card-green .kpi-value,.card-green .stat-value{color:var(--teal)}.card-orange .kpi-value,.card-orange .stat-value{color:var(--amber)}.card-red .kpi-value,.card-red .stat-value{color:var(--red)}.chart-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700}.section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.page-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:900;line-height:1.2}.page-sub{color:var(--text-3);margin-top:3px;font-size:11.5px}.plain-table{border-collapse:collapse;width:100%;font-size:12.5px}.plain-table thead tr{background:var(--bg-high)}.plain-table th{text-align:left;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);white-space:nowrap;padding:8px 14px;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700}.plain-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:9px 14px}.plain-table tbody tr:last-child td{border-bottom:none}.plain-table tbody tr:hover td{background:var(--cyan-dim)}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700}input,select,textarea{background:var(--bg-high);color:var(--text);border:1px solid var(--border-2);border-radius:2px;outline:none;width:100%;padding:7px 11px;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--text-3)}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-glow)}select option{background:var(--bg-high);color:var(--text)}button{background:var(--bg-high);color:var(--text-2);border:1px solid var(--border-2);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:2px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;line-height:1.5;transition:all .12s;display:inline-flex}button:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-highest)}button:disabled{color:var(--text-3);border-color:var(--border);background:var(--bg-high);cursor:not-allowed;opacity:.5}.btn-primary{background:var(--cyan)!important;color:#0a1015!important;border-color:var(--cyan)!important;font-weight:900!important}.btn-primary:hover:not(:disabled){background:var(--blue-hover)!important;border-color:var(--blue-hover)!important}.btn-primary:disabled{opacity:.4!important}.btn-ghost{border-color:var(--border-2)!important;color:var(--text-2)!important;background:0 0!important}.btn-ghost:hover{color:var(--text)!important;background:var(--bg-high)!important}.tab-group{background:var(--bg-high);border:1px solid var(--border-2);border-radius:2px;gap:1px;padding:2px;display:inline-flex}.tab-btn{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:4px 14px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;transition:all .12s}.tab-btn.active{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00d1ff33}.tab-btn:hover:not(.active){color:var(--text)}[data-radix-progress-root]{background:var(--bg-highest);border-radius:1px;height:3px;overflow:hidden}[data-radix-progress-indicator]{background:var(--cyan);height:100%;transition:width .5s}.badge{letter-spacing:.08em;text-transform:uppercase;background:var(--bg-highest);border:1px solid var(--border-2);color:var(--text-2);white-space:nowrap;border-radius:2px;align-items:center;padding:1px 7px;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700;line-height:18px;display:inline-flex}.badge-blue{background:var(--cyan-dim);color:var(--cyan);border-color:#00d1ff33}.badge-green,.badge-teal{background:var(--teal-dim);color:var(--teal);border-color:#4ade8033}.badge-red{background:var(--red-dim);color:var(--red);border-color:#f8717133}.badge-orange,.badge-amber{background:var(--amber-dim);color:var(--amber);border-color:#fbbf2433}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.online{background:var(--teal);animation:2.5s ease-in-out infinite status-pulse;box-shadow:0 0 0 2px #4ade8033}.status-dot.offline{background:var(--red)}@keyframes status-pulse{0%,to{opacity:1;box-shadow:0 0 0 2px #4ade8033}50%{opacity:.7;box-shadow:0 0 0 5px #4ade800f}}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;font-size:12px;display:flex}.info-row:last-child{border-bottom:none}.info-key{color:var(--text-3);font-family:monospace;font-size:11.5px}.info-val{color:var(--text);font-weight:500}.divider{border:none;border-top:1px solid var(--border);margin:4px 0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}