:root{--bg: #f7f9fb;--surface: #ffffff;--surface-low: #f2f4f6;--surface-mid: #eceef0;--surface-high: #e6e8ea;--border: #bbcbb5;--border-strong: #8fa889;--primary: #006e1c;--primary-hover:#005813;--primary-light:#42e355;--primary-bg: #e8f5e9;--text: #191c1e;--text-muted: #3d4a3a;--text-subtle: #6d7b68;--error: #ba1a1a;--warning: #e65100;--success: #006e1c;--font-head: "Lexend", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow: 0 2px 8px rgba(0,0,0,.09), 0 1px 3px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06);--transition: .15s ease}.dark{--bg: #111418;--surface: #1c2026;--surface-low: #161a1f;--surface-mid: #252b33;--surface-high: #2d3440;--border: #2e3a2c;--border-strong:#3d4f3a;--primary: #42e355;--primary-hover:#32d74b;--primary-light:#70ff76;--primary-bg: #003912;--text: #e4e7e3;--text-muted: #a8bba4;--text-subtle: #6b7f68}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-body);font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.font-head{font-family:var(--font-head)}.label-caps{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle)}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);color:#fff;font-family:var(--font-body);font-size:13px;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:background var(--transition),box-shadow var(--transition)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:13px;font-weight:500;border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.btn-ghost:hover{background:var(--surface-mid);border-color:var(--border-strong);color:var(--text)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.input{width:100%;padding:8px 12px;background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:14px;border:1.5px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #006e1c1f}.input::placeholder{color:var(--text-subtle)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}