:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-surface-2:#f1f3f7;--color-border:#e5e8ee;--color-border-strong:#d4d9e3;--color-text:#1a2233;--color-text-muted:#5b6678;--color-text-subtle:#8b94a6;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-soft:#eef0ff;--color-success:#0f9d58;--color-success-soft:#e7f6ee;--color-danger:#d92d20;--color-danger-soft:#fef1f0;--color-warning:#f5a623;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 3px #10182814, 0 1px 2px #1018280a;--shadow-md:0 4px 12px #10182814, 0 2px 4px #1018280a;--shadow-lg:0 12px 32px #1018281a, 0 4px 12px #1018280f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--transition-fast:.12s ease;--transition:.2s ease}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--color-text);letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit}input,button,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:42px;padding:0 var(--space-5);border-radius:var(--radius-md);letter-spacing:.01em;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-2)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.btn-block{width:100%}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{color:var(--color-text);font-size:13px;font-weight:600}.field-hint{color:var(--color-text-subtle);font-size:12px}.input{height:42px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input::placeholder{color:var(--color-text-subtle)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{padding:2px var(--space-3);border-radius:var(--radius-full);align-items:center;height:22px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{color:#b76b00;background:#fff5e0}.badge-muted{background:var(--color-surface-2);color:var(--color-text-muted)}