:root,:root[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--heading: #f3f4f6;--border: #3a3a3a;--accent: #6366f1;--accent-hover: #4f52d4;--radius: 6px;--font-family: system-ui, -apple-system, sans-serif;--transition: .15s ease;--accent-subtle: color-mix(in srgb, #6366f1 10%, transparent);--accent-muted: color-mix(in srgb, #6366f1 15%, transparent)}:root[data-theme=light]{--bg-primary: #f9fafb;--bg-secondary: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--heading: #111827;--border: #e5e7eb}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;margin:1rem}button{background-color:var(--accent);color:var(--heading);border:none;border-radius:var(--radius);padding:.5rem 1.25rem;font-size:.9rem;font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition),opacity var(--transition)}button:hover:not(:disabled){background-color:var(--accent-hover)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active:not(:disabled){opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}h2{color:var(--heading);text-align:center;padding-top:2rem;margin-bottom:1.5rem}table{width:100%;border-collapse:collapse;margin-bottom:1rem}table th,table td{border:1px solid var(--border);padding:.5rem;text-align:left}table th:nth-child(1),table td:nth-child(1){width:50px}table th:nth-child(2),table td:nth-child(2){width:100px}table th:nth-child(3),table td:nth-child(3){width:auto}table th{background-color:var(--bg-secondary)}.empty-state td{text-align:center;padding:2rem;color:var(--text-secondary)}