:root{--color-bg:#fff;--color-fg:#16181d;--color-muted:#5b6070;--color-accent:#1f4fd8;--color-border:#dfe3ec;--radius:10px;--space:1rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#101218;--color-fg:#f2f4f8;--color-muted:#a2a9bb;--color-accent:#7aa2ff;--color-border:#2a2f3d}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:var(--space);top:var(--space);background:var(--color-accent);color:#fff;border-radius:var(--radius);z-index:10;padding:.5rem 1rem}.site-header nav{padding:var(--space) 1.5rem;border-bottom:1px solid var(--color-border);align-items:center;gap:2rem;display:flex}.site-header ul{gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.brand{font-size:1.1rem;font-weight:700}a{color:inherit;text-decoration:none}main a:hover,nav a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}main{max-width:60rem;margin:0 auto;padding:2rem 1.5rem 4rem}.lead{color:var(--color-muted);font-size:1.125rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem;padding:0;list-style:none;display:grid}.card{border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.card h3{margin-top:0}.button{background:var(--color-accent);color:#fff;border-radius:var(--radius);font:inherit;cursor:pointer;border:0;padding:.6rem 1.1rem;display:inline-block}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);padding:1.5rem}.admin-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.admin-header nav{padding:var(--space) 1.5rem;flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.admin-header ul{gap:1.1rem;margin:0;padding:0;list-style:none;display:flex}.admin-header .who{color:var(--color-muted);margin-left:auto;font-size:.92rem}.table{border-collapse:collapse;width:100%;font-size:.95rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.6rem .75rem}.table th{color:var(--color-muted);font-weight:600}.empty{color:var(--color-muted);padding:1.5rem 0}
