*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0c0c0d;--bg-surface:#18181b;--bg-elevated:#1f1f23;--bg-hover:#27272a;--bg-inset:#101012;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff26;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-disabled:#52525b;--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-primary-muted:#6366f126;--color-primary-text:#fff;--color-success:#10b981;--color-success-muted:#10b98126;--color-warning:#f59e0b;--color-warning-muted:#f59e0b26;--color-danger:#f43f5e;--color-danger-muted:#f43f5e26;--overlay-dark:#000000b3;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--leading-tight:1.25;--leading-normal:1.5;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.05em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s cubic-bezier(.32, .72, 0, 1)}html{height:100%}body{background:var(--bg-base);width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.icon-btn{border-radius:var(--radius-md);background:var(--bg-hover);width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.icon-btn:active{transform:scale(.95)}.icon-btn.active{color:var(--color-primary);background:var(--color-primary-muted)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary,.btn.primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover,.btn.primary:hover{background:var(--color-primary-hover)}.btn-secondary,.btn.secondary{background:var(--bg-hover);color:var(--text-primary)}.btn-secondary:hover,.btn.secondary:hover{background:var(--bg-elevated)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger,.btn.danger{background:var(--color-danger-muted);color:var(--color-danger)}.btn-danger:hover,.btn.danger:hover{background:#f43f5e40}.btn-sm,.btn.small{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.form-input::placeholder{color:var(--text-disabled)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.form-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1);font-weight:600;display:block}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}thead{z-index:1;position:sticky;top:0}th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--bg-elevated);border-bottom:1px solid var(--border-default);font-weight:600}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-hover)}.tag{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;display:inline-block}.tag.primary{background:var(--color-primary-muted);color:var(--color-primary)}.tag.success{background:var(--color-success-muted);color:var(--color-success)}.tag.warning{background:var(--color-warning-muted);color:var(--color-warning)}.tag.danger{background:var(--color-danger-muted);color:var(--color-danger)}.meta{color:var(--text-tertiary);font-size:var(--text-xs)}#toast{bottom:var(--space-6);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);opacity:0;pointer-events:none;z-index:100;transition:opacity var(--transition-base), transform var(--transition-base);white-space:nowrap;box-shadow:var(--shadow-md);font-weight:500;position:fixed;left:50%;transform:translate(-50%)translateY(10px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}.empty-state{padding:var(--space-10) var(--space-4);color:var(--text-disabled);font-size:var(--text-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}