:root{color-scheme:light;--bg:#f8fafc;--surface:#ffffff;--surface-2:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--muted:#64748b;--accent:#4f46e5;--accent-strong:#4338ca;--accent-soft:#eef2ff;--accent-ink:#ffffff;--ok:#059669;--warn:#b45309;--err:#dc2626;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px rgba(15,23,42,0.06),0 1px 3px rgba(15,23,42,0.04);--shadow-md:0 4px 12px rgba(15,23,42,0.08);--space:clamp(1rem,0.8rem + 1vw,1.5rem);--maxw:1160px;--mono:ui-monospace,"SF Mono",Menlo,monospace;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong);text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:var(--space)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:14px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,border-color .15s ease}.btn:hover{background:var(--accent-strong)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--muted)}.input,select,textarea{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:15px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 18%,transparent)}label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.field{margin-bottom:16px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}tbody tr{transition:background-color .12s ease}tbody tr:hover{background:var(--surface-2)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6}.badge--ok{background:color-mix(in oklch,var(--ok) 12%,white);color:var(--ok)}.badge--warn{background:color-mix(in oklch,var(--warn) 14%,white);color:var(--warn)}.badge--err{background:color-mix(in oklch,var(--err) 12%,white);color:var(--err)}.badge--muted{background:var(--surface-2);color:var(--muted)}.mono{font-family:var(--mono);font-size:13px}.muted{color:var(--muted)}.row{gap:14px}.between,.row{display:flex;align-items:center}.between{justify-content:space-between}h1{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;font-weight:700;margin:0 0 4px}h2{font-size:18px;font-weight:650;letter-spacing:-.01em;margin:0 0 14px}