:root{--bg:#fff;--bg-secondary:#f8fafc;--bg-hover:#f1f5f9;--text:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--danger:#ef4444;--danger-hover:#dc2626;--success:#16a34a;--warning:#f59e0b;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--radius:8px;--radius-lg:12px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--max-width:1200px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f172a;--bg-secondary:#1e293b;--bg-hover:#334155;--text:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--accent-light:#1e3a5f;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006;--shadow-md:0 4px 6px -1px #0006}}:root[data-theme=dark]{--bg:#0f172a;--bg-secondary:#1e293b;--bg-hover:#334155;--text:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--accent-light:#1e3a5f;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006;--shadow-md:0 4px 6px -1px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}body{background:var(--bg-secondary);min-height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border-radius:var(--radius);background:var(--bg);color:var(--text);border:none;border:1px solid var(--border);padding:.5rem 1rem;transition:background .15s,border-color .15s}button:hover{background:var(--bg-hover)}button:active{transform:scale(.98)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}button.danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}button.small{padding:.25rem .625rem;font-size:.8125rem}button.icon{border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.375rem;display:inline-flex}button.icon:hover{background:var(--bg-hover)}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb26}label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.badge{background:var(--accent-light);color:var(--accent);border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.form-group{margin-bottom:1rem}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem}@media print{nav,button,.no-print{display:none!important}body{background:#fff}.card{box-shadow:none;border:none;padding:0}}