:root{--color-bg: #0b0d10;--color-surface: #14171c;--color-surface-2: #1b1f26;--color-border: #262b34;--color-text: #e7eaf0;--color-muted: #8b94a3;--color-accent: #5b8def;--color-accent-hover: #7aa2f7;--color-danger: #ef5b5b;--radius-sm: 6px;--radius-md: 10px;--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--max-width: 960px}@media (prefers-color-scheme: light){:root{--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-2: #f0f2f6;--color-border: #e0e3e9;--color-text: #181b21;--color-muted: #5d6675}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-5)}.muted{color:var(--color-muted)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-weight:700;font-size:1.1rem;color:var(--color-text)}.nav{display:flex;gap:var(--space-5)}.nav a{color:var(--color-muted);font-size:.95rem}.nav a[aria-current=page],.nav a:hover{color:var(--color-text)}.main{padding:var(--space-7) var(--space-5)}.hero{margin-bottom:var(--space-6)}.hero h1{margin:0 0 var(--space-2);font-size:clamp(1.6rem,2.5vw,2.2rem)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-1);font-size:.85rem;color:var(--color-muted)}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);font-size:.95rem;min-width:160px;cursor:pointer}.field select:focus{outline:2px solid var(--color-accent);outline-offset:1px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table thead th{background:var(--color-surface-2);color:var(--color-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.data-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-surface-2)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;background:var(--color-surface-2);color:var(--color-muted);border:1px solid var(--color-border)}.badge[data-status=active]{color:#4ade80;border-color:#2c5d3f}.badge[data-status=archived]{color:var(--color-muted)}.state{padding:var(--space-7) var(--space-5);text-align:center;color:var(--color-muted)}.state.error{color:var(--color-danger)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-5) 0;margin-top:var(--space-7)}