:root{--surface-0: #f0efe8;--surface-1: #f7f6f1;--surface-2: #ffffff;--text-primary: #1a1a18;--text-secondary: #5f5e5a;--text-muted: #888780;--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--bg-accent: #e6f1fb;--text-accent: #185fa5;--border-accent: #85b7eb;--danger: #a32d2d;--radius: 8px;--radius-card: 12px;--pad-sm: 8px;--pad-md: 12px;--pad-lg: 16px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04)}@media (prefers-color-scheme: dark){:root{--surface-0: #262624;--surface-1: #30302e;--surface-2: #3a3a37;--text-primary: #f5f4ef;--text-secondary: #b4b2a9;--text-muted: #888780;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--bg-accent: #0c447c;--text-accent: #85b7eb;--border-accent: #185fa5;--danger: #f09595;--shadow-card: none}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface-0);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:500;margin:0}button{font-family:inherit;font-size:13px;color:var(--text-primary);background:var(--surface-2);border:.5px solid var(--border-strong);border-radius:var(--radius);padding:7px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .12s ease,transform .05s ease}button:hover{background:var(--surface-1)}button:active{transform:scale(.98)}button.primary{background:var(--bg-accent);color:var(--text-accent);border-color:var(--border-accent)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--surface-1)}input[type=text],input[type=number],select,textarea{font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--surface-2);border:.5px solid var(--border);border-radius:var(--radius);padding:0 10px;height:36px;width:100%;outline:none}textarea{height:auto;padding:8px 10px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--border-accent);box-shadow:0 0 0 2px var(--bg-accent)}label{font-size:11px;color:var(--text-muted)}a{color:var(--text-accent)}