:root{--bg: oklch(98.2% .003 240);--surface: oklch(100% 0 0);--surface-2: oklch(96.5% .005 240);--border: oklch(89% .006 240);--ink: oklch(20% .015 240);--ink-muted: oklch(45% .012 240);--ink-faint: oklch(60% .01 240);--accent: oklch(48% .1 175);--accent-hover: oklch(42% .11 175);--accent-soft: oklch(94% .03 175);--accent-ink: oklch(98% .01 175);--success: oklch(52% .13 155);--success-soft: oklch(94% .05 155);--warning: oklch(55% .15 70);--warning-soft: oklch(94% .06 80);--danger: oklch(52% .19 25);--danger-soft: oklch(94% .05 25);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, "Roboto Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px oklch(20% .02 240 / .06);--shadow-md: 0 4px 16px oklch(20% .02 240 / .08);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 var(--space-1);font-weight:650;letter-spacing:-.01em;color:var(--ink)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--space-4);color:var(--ink-muted)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}table{font-variant-numeric:tabular-nums}.page{max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.page-header p{margin:0;font-size:var(--text-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.section-gap{display:flex;flex-direction:column;gap:var(--space-6)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-size:var(--text-sm);font-weight:600;color:var(--ink-muted)}.field .hint{font-size:var(--text-xs);color:var(--ink-faint)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select{font:inherit;font-size:var(--text-md);padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);transition:border-color .15s ease-out,box-shadow .15s ease-out}input:hover,select:hover{border-color:var(--ink-faint)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input:disabled{background:var(--surface-2);color:var(--ink-faint);cursor:not-allowed}form{display:flex;flex-direction:column}button,.btn{font:inherit;font-size:var(--text-base);font-weight:600;border:1px solid transparent;border-radius:var(--radius-sm);padding:.55rem 1rem;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,transform .1s ease-out;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}button[type=submit],.btn-primary{background:var(--accent);color:var(--accent-ink)}button[type=submit]:hover,.btn-primary:hover{background:var(--accent-hover)}button[type=submit]:active,.btn-primary:active{transform:scale(.98)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--ink)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--ink-faint)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}table.data{width:100%;border-collapse:collapse;background:var(--surface)}table.data th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--ink-faint);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}table.data td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-base);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:.3em;font-size:var(--text-xs);font-weight:700;padding:.2rem .55rem;border-radius:999px;white-space:nowrap}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--surface-2);color:var(--ink-muted);border:1px solid var(--border)}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);color:var(--ink-faint)}.alert{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid transparent}.alert-danger{background:var(--danger-soft);border-color:#be222a40;color:var(--danger)}@media (prefers-reduced-motion: reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}