:root{--space:.9rem;--border:#d8dde7;--text:#172033;--muted:#5f6877;--bg:#f7f8fb;--surface:#fff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.5}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:white;padding:.5rem;z-index:99}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.topbar nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.container{max-width:1200px;margin:auto;padding:1.5rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metrics article,.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:.7rem;padding:1rem}.metrics strong{display:block;font-size:2rem}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.7rem}.inline{display:inline}.footer{padding:1rem 1.5rem;color:var(--muted)}button{font:inherit;padding:.55rem .9rem}a{color:#174ea6}@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}table,thead,tbody,tr,th,td{display:block}thead{position:absolute;left:-9999px}tr{padding:.7rem;border-bottom:1px solid var(--border)}td{border:0;padding:.2rem 0}}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:.7rem;padding:1rem;margin:1rem 0}.warning-panel{border-left:4px solid currentColor}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;gap:.3rem;margin-bottom:1rem}.field input,.field select,.field textarea,select{font:inherit;padding:.55rem;border:1px solid var(--border);border-radius:.35rem;max-width:100%}.field .errorlist{margin:.2rem 0;color:#8b1e1e}.metric-text{font-size:1.05rem!important}.timeline{padding-left:1.2rem}.timeline li{margin-bottom:.9rem}.danger-zone{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.two-column{grid-template-columns:1fr}.inline select,.inline button{margin:.2rem 0}}
.button-link{display:inline-block;padding:.55rem .9rem;border:1px solid var(--border);border-radius:.35rem;background:var(--surface);text-decoration:none}

:focus-visible{outline:3px solid currentColor;outline-offset:3px}button,a,input,select,textarea{min-height:2.25rem}