:root{--brand-50: #eef4ff;--brand-100: #dbe6ff;--brand-500: #4f6bff;--brand-600: #3854eb;--brand-700: #2a41c9;--gray-50: #f7f8fb;--gray-100: #eef0f5;--gray-200: #dfe3ec;--gray-300: #c8cfdc;--gray-400: #9aa4b6;--gray-500: #6c7689;--gray-600: #4f5768;--gray-700: #363c4c;--gray-800: #23283a;--gray-900: #12162a;--green-500: #10b981;--amber-500: #f59e0b;--red-500: #ef4444;--blue-500: #3b82f6;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--radius: 8px;--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow-md: 0 4px 12px rgba(15,23,42,.08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--gray-800);background:var(--gray-50);-webkit-font-smoothing:antialiased}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);background:var(--brand-600);color:#fff;border:none;font-weight:600;font-size:13px;cursor:pointer}.btn:hover:not(:disabled){background:var(--brand-700)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--gray-700);border:1px solid var(--gray-200)}.btn.ghost:hover:not(:disabled){background:var(--gray-50)}.input{width:100%;padding:10px 12px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:14px;background:#fff}.input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px #4f6bff26}