:root{--color-bg:oklch(98% .005 250);--color-surface:oklch(100% 0 0);--color-surface-2:oklch(96% .005 250);--color-border:oklch(89% .01 250);--color-text:oklch(20% .02 250);--color-text-soft:oklch(45% .02 250);--color-accent:oklch(58% .18 260);--color-accent-soft:oklch(95% .04 260);--color-success:oklch(62% .16 145);--color-warning:oklch(72% .16 80);--color-danger:oklch(58% .22 25);--color-info:oklch(60% .14 230);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--shadow-sm:0 1px 2px oklch(0% 0 0/.06);--shadow-md:0 4px 14px oklch(0% 0 0/.08);--font-stack:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Inter", "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-stack);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button{font:inherit;cursor:pointer}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{font:inherit;color:inherit}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:8px 14px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--color-surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover{background:oklch(50% .18 260)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-surface-2)}.input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);outline:none;width:100%;padding:8px 12px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.muted{color:var(--color-text-soft)}.pill{background:var(--color-surface-2);color:var(--color-text-soft);border:1px solid var(--color-border);border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.pill.success{color:oklch(35% .14 145);background:oklch(95% .06 145);border-color:oklch(85% .07 145)}.pill.warning{color:oklch(38% .14 80);background:oklch(96% .07 80);border-color:oklch(86% .08 80)}.pill.danger{color:oklch(38% .18 25);background:oklch(95% .05 25);border-color:oklch(85% .08 25)}.pill.info{color:oklch(38% .13 230);background:oklch(95% .04 230);border-color:oklch(85% .06 230)}.pill.neutral{background:var(--color-surface-2);color:var(--color-text-soft)}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.grid{gap:var(--space-3);display:grid}.spacer{flex:1}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 12px}.table th{color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.table tbody tr:hover{background:var(--color-surface-2)}