:root{--surface:#111417;--surface-container-lowest:#0d0f12;--surface-container-low:#1a1d21;--surface-container:#22262b;--surface-container-high:#2a2f35;--surface-container-highest:#33383f;--surface-tint:rgba(192,193,255,0.08);--on-surface:#e1e2e7;--on-surface-variant:#c7c4d7;--text-muted:#9ca3af;--primary:#c0c1ff;--primary-container:#8083ff;--primary-fixed-dim:#a0a2e8;--on-primary:#111417;--tertiary:#a4d64c;--tertiary-container:#2a3c14;--on-tertiary-container:#c8e68a;--warning:#f59e0b;--warning-container:#3c2e0a;--on-warning-container:#fcd34d;--error:#ffb4ab;--error-container:#3c1b18;--on-error-container:#ffdad6;--outline:rgba(199,196,215,0.3);--outline-variant:rgba(199,196,215,0.2);--ghost-border:rgba(199,196,215,0.1);--font-display:"Space Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-body:"Inter",system-ui,-apple-system,sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius:4px;--radius-sm:2px;--radius-pill:9999px;--overlay:rgba(0,0,0,0.6);--modal-bg:rgba(34,38,43,0.9);--shadow-ambient:0 20px 40px rgba(0,0,0,0.4);--shadow-glow:0 0 10px var(--surface-tint);--shadow-glow-primary:0 0 12px rgba(192,193,255,0.15);--max-width:1280px;--nav-height:3.5rem;--sidebar-width:240px;--status-bar-height:2rem;--color-bg:var(--surface);--color-surface:var(--surface-container);--color-text:var(--on-surface);--color-text-secondary:var(--on-surface-variant);--color-text-muted:var(--text-muted);--color-accent:var(--primary);--color-accent-hover:var(--primary-container);--color-accent-text:var(--on-primary);--color-danger:var(--error);--color-success:var(--tertiary);--color-nav-bg:var(--surface-container-low);--color-nav-text:var(--on-surface-variant);--color-nav-active:var(--primary);--color-border:var(--outline-variant);--color-border-subtle:var(--ghost-border);--radius-md:var(--radius);--radius-lg:var(--radius);--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--space-2xl:var(--space-12)}[data-theme=light]{--surface:#f8fafc;--surface-container-lowest:#ffffff;--surface-container-low:#f1f5f9;--surface-container:#e2e8f0;--surface-container-high:#cbd5e1;--surface-container-highest:#94a3b8;--on-surface:#1e293b;--on-surface-variant:#475569;--text-muted:#64748b;--primary:#4f46e5;--primary-container:#e0e7ff;--on-primary:#ffffff;--tertiary:#16a34a;--tertiary-container:#dcfce7;--error:#dc2626;--error-container:#fef2f2;--on-error:#ffffff;--warning:#d97706;--outline-variant:#cbd5e1;--ghost-border:rgba(0,0,0,0.08);--surface-tint:rgba(79,70,229,0.06);--primary-fixed-dim:#6366f1;--on-tertiary-container:#166534;--warning-container:#fef3c7;--on-warning-container:#92400e;--on-error-container:#991b1b;--overlay:rgba(0,0,0,0.3);--modal-bg:rgba(255,255,255,0.95);--shadow-ambient:rgba(0,0,0,0.05);--shadow-key:rgba(0,0,0,0.1);--shadow-glow:0 0 10px var(--surface-tint);--shadow-glow-primary:0 0 12px rgba(79,70,229,0.15)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--on-surface);background:var(--surface);line-height:1.5;min-height:100vh}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}h1,h2{font-family:var(--font-display);color:var(--on-surface)}h2{font-size:1.25rem;letter-spacing:-.01em;line-height:1.3}h2,h3{font-weight:600}h3{font-family:var(--font-display);font-size:1rem;line-height:1.4;color:var(--on-surface)}p{color:var(--on-surface-variant);line-height:1.6}a{color:var(--primary-fixed-dim);text-decoration:none;transition:color .15s}a:hover{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:.8125rem;font-weight:500;border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s,box-shadow .15s,border-color .15s;line-height:1.4;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-primary)}.btn-ghost{background:transparent;color:var(--on-surface-variant);border:1px solid var(--outline);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.btn-ghost:hover:not(:disabled){border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-glow)}.btn-danger{background:var(--error-container);color:var(--error)}.btn-danger:hover:not(:disabled){box-shadow:0 0 10px rgba(255,180,171,.15)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.75rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:.875rem}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card{background:var(--surface-container);border-radius:var(--radius);padding:var(--space-6)}.card-active{border-top:2px solid var(--tertiary)}.card-critical{border-top:2px solid var(--error)}.card-warning{border-top:2px solid var(--warning)}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;font-size:.6875rem;font-weight:500;border-radius:var(--radius);line-height:1.5;text-transform:uppercase;letter-spacing:.04em}.badge-success{background:var(--tertiary-container);color:var(--on-tertiary-container)}.badge-warning{background:var(--warning-container);color:var(--on-warning-container)}.badge-danger{background:var(--error-container);color:var(--on-error-container)}.badge-neutral{color:var(--on-surface-variant);background:var(--surface-container-high)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.text-primary{color:var(--primary)}.text-tertiary{color:var(--tertiary)}.text-error{color:var(--error)}.text-muted{color:var(--text-muted)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-4)}.grid-cards,.stat-row{display:grid;gap:var(--space-4)}.stat-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-4)}.stat-item{background:var(--surface-container);border-radius:var(--radius);padding:var(--space-4)}.stat-item .stat-label{font-family:var(--font-body);font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.stat-item .stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:500;color:var(--on-surface)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-muted)}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--surface-container-high);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px currentColor}50%{box-shadow:0 0 10px currentColor}}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4);color:var(--text-muted)}.error-page{text-align:center;padding:var(--space-12)}.error-page p{color:var(--error);margin:var(--space-4) 0 var(--space-6)}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:.875rem;font-family:var(--font-body);border:1px solid var(--outline-variant);border-radius:var(--radius);background:var(--surface-container-lowest);color:var(--on-surface);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 15%,transparent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.zebra-table{width:100%;border-collapse:collapse;font-size:.8125rem}.zebra-table th{font-family:var(--font-body);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:left;padding:var(--space-2) var(--space-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zebra-table td,.zebra-table th:hover{color:var(--on-surface-variant)}.zebra-table td{padding:var(--space-2) var(--space-3)}.zebra-table tr:nth-child(odd){background:var(--surface)}.zebra-table tr:nth-child(2n){background:var(--surface-container-low)}.zebra-table tr:hover{background:var(--surface-container)}.zebra-table .col-mono{font-family:var(--font-mono);font-size:.8125rem}.glass-backdrop{position:fixed;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.glass-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--modal-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--outline-variant);border-radius:var(--radius);padding:var(--space-8);min-width:auto;width:min(400px,calc(100% - 2rem));max-width:90vw;max-height:calc(100vh - 2rem);overflow-y:auto;z-index:101;box-shadow:var(--shadow-ambient)}@media (max-width:768px){:root{--max-width:100%}h1{font-size:1.5rem}.grid-cards{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}.glass-modal{min-width:auto;width:calc(100% - var(--space-8))}}@media (max-width:480px){.stat-row{grid-template-columns:1fr}}.scrollable-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.scrollable-table::-webkit-scrollbar{height:6px}.scrollable-table::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px}@media (prefers-reduced-motion:reduce){.spinner{animation:none}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}