:root{--bg:#0c0c0f;--surface:#141418;--surface-2:#1c1c21;--border:#27272a;--border-hover:#3f3f46;--primary:#6366f1;--primary-hover:#818cf8;--accent:#10b981;--accent-dim:#10b98126;--warning:#f59e0b;--warning-dim:#f59e0b26;--danger:#ef4444;--danger-dim:#ef444426;--text:#fafafa;--text-2:#a1a1aa;--text-3:#71717a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius:8px;--radius-lg:12px;--transition:.15s ease-out}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.5rem}h3{font-size:1.125rem}p{margin:0}code,.mono{font-family:var(--font-mono)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);font-size:.875rem;font-weight:500;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{color:var(--text);border-color:var(--border);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover)}.btn-danger{color:var(--danger);background:0 0;border-color:#0000}.btn-danger:hover:not(:disabled){background:var(--danger-dim)}.btn-ghost{color:var(--text-2);padding:var(--space-1) var(--space-2);background:0 0;border:none}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.input,.select,.textarea{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--transition)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f126}.input::placeholder{color:var(--text-3)}.input-mono{font-family:var(--font-mono);font-size:.8125rem}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-2);font-size:.8125rem;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition)}.card:hover{border-color:var(--border-hover)}.card-hover:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.badge{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{background:var(--accent-dim);color:var(--accent)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-neutral{background:var(--surface-2);color:var(--text-2)}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-active{background:var(--accent)}.status-warning{background:var(--warning)}.status-danger{background:var(--danger)}.status-inactive{background:var(--text-3)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;padding:var(--space-2) var(--space-4);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle;font-size:.875rem}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2);cursor:pointer}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.page{padding:var(--space-8) 0}.grid{gap:var(--space-5);display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}@media (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.2s ease-out fadeIn}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-3);flex-direction:column;display:flex}.empty-state svg{opacity:.4}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);background:var(--surface-2);color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;z-index:10;border-radius:4px;padding:4px 8px;font-size:.75rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}