:root,[data-theme=dark]{--primary: #e85d04;--primary-dark: #dc2f02;--secondary: #370617;--bg: #0f0f12;--surface: #1a1a22;--surface-hover: #242430;--border: #2e2e3a;--text: #f5f5f7;--text-muted: #9ca3af;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--overlay: rgba(0, 0, 0, .7)}[data-theme=light]{--primary: #d9480f;--primary-dark: #c23105;--secondary: #2b1d24;--bg: #f0f2f5;--surface: #ffffff;--surface-hover: #e8ebf0;--border: #cfd5de;--text: #1b1f27;--text-muted: #5f6b7a;--success: #15803d;--warning: #b45309;--danger: #dc2626;--info: #2563eb;--overlay: rgba(15, 23, 42, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--primary);text-decoration:none}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.input{width:100%;padding:.625rem .875rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.875rem}.input:focus{outline:none;border-color:var(--primary)}.input:disabled{opacity:.7;cursor:not-allowed}select.input option{background:var(--surface);color:var(--text)}.badge{display:inline-block;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#22c55e26;color:var(--success)}.badge-warning{background:#f59e0b26;color:var(--warning)}.badge-danger{background:#ef444426;color:var(--danger)}.badge-info{background:#3b82f626;color:var(--info)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.theme-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem;border-radius:999px;background:var(--bg);border:1px solid var(--border)}.theme-toggle button{border:0;background:transparent;color:var(--text-muted);padding:.4rem .75rem;border-radius:999px;cursor:pointer;font-size:.75rem;font-weight:600}.theme-toggle button.active{background:var(--primary);color:#fff}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}