:root{--bg:oklch(99.2% .003 90);--bg-elev:oklch(100% 0 0);--surface:oklch(98% .003 90);--surface-2:oklch(96.5% .004 90);--hover:oklch(95.5% .005 90);--line:oklch(92.5% .005 90);--line-strong:oklch(88% .006 90);--text:oklch(22% .01 280);--text-2:oklch(45% .01 280);--text-3:oklch(60% .012 280);--text-4:oklch(72% .012 280);--accent:oklch(55% .22 285);--accent-2:oklch(60% .22 285);--accent-soft:oklch(96% .04 285);--accent-line:oklch(88% .08 285);--accent-fg:oklch(99% 0 0);--tooltip-bg:oklch(18% .01 280);--tooltip-fg:oklch(95% 0 0);--success:oklch(58% .13 155);--success-soft:oklch(96% .04 155);--warning:oklch(70% .15 75);--warning-soft:oklch(96% .05 80);--danger:oklch(58% .2 25);--danger-soft:oklch(96% .04 25);--r-xs:4px;--r-sm:6px;--r:8px;--r-lg:12px;--r-xl:16px;--row-h:44px;--row-pad-y:10px;--row-pad-x:14px;--gutter:24px;--sh-1:0 1px 2px #0f0c1e0a, 0 0 0 1px #0f0c1e0a;--sh-2:0 4px 12px -2px #0f0c1e14, 0 1px 2px #0f0c1e0a;--sh-pop:0 16px 40px -8px #0f0c1e29, 0 4px 12px -4px #0f0c1e14, 0 0 0 1px #0f0c1e0f;--color-bg:var(--bg-elev);--color-surface:var(--surface);--color-border:var(--line);--color-border-light:var(--line);--color-text:var(--text);--color-text-muted:var(--text-3);--color-text-subtle:var(--text-4);--color-action:var(--accent);--color-action-hover:var(--accent-2);--color-success:var(--success);--color-warning:var(--warning);--color-error:var(--danger);--color-success-bg:var(--success-soft);--color-warning-bg:var(--warning-soft);--color-error-bg:var(--danger-soft);--radius:var(--r-sm);--radius-lg:var(--r-lg);--shadow-sm:var(--sh-1)}[data-density=compact]{--row-h:36px;--row-pad-y:6px;--row-pad-x:12px;--gutter:16px}[data-density=comfortable]{--row-h:56px;--row-pad-y:16px;--row-pad-x:18px;--gutter:32px}[data-accent=indigo]{--accent:oklch(55% .22 265);--accent-2:oklch(60% .22 265);--accent-soft:oklch(96% .04 265);--accent-line:oklch(88% .08 265)}[data-accent=emerald]{--accent:oklch(56% .15 160);--accent-2:oklch(62% .15 160);--accent-soft:oklch(96% .04 160);--accent-line:oklch(88% .07 160)}[data-accent=ink]{--accent:oklch(22% .01 280);--accent-2:oklch(35% .01 280);--accent-soft:oklch(96% .003 280);--accent-line:oklch(88% .006 280)}*{box-sizing:border-box}body{font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;color:var(--text);background:var(--bg);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}button{font-family:inherit}.mono{font-feature-settings:"zero", "ss02";font-family:JetBrains Mono,ui-monospace,monospace}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:inset 0 1px #ffffff26,0 1px 2px #0000000f}.btn-primary:hover{background:var(--accent-2)}.btn-secondary{background:var(--bg-elev);color:var(--text);border-color:var(--line-strong);box-shadow:var(--sh-1)}.btn-secondary:hover{background:var(--hover)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff;border-color:#0000}.btn-danger:hover{background:oklch(52% .22 25)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-error{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--surface);color:var(--text-2);border:1px solid var(--line)}input,textarea,select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-elev);color:var(--text);outline:none;padding:7px 12px;font-family:inherit;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}table{border-collapse:collapse;width:100%}th{padding:10px var(--row-pad-x);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);background:var(--surface);border-bottom:1px solid var(--line);font-size:11px;font-weight:500}td{padding:var(--row-pad-y) var(--row-pad-x);border-bottom:1px solid var(--line);vertical-align:middle;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.form-group{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.form-label{color:var(--text);font-size:13px;font-weight:500}.form-hint{color:var(--text-4);font-size:12px}#root{height:100vh;display:flex;overflow:hidden}