:root{--primary:#3b82f6;--primary-dark:#1d4ed8;--bg:#f6f9fc;--card:#fff;--text:#1a202c;--muted:#64748b;--muted-light:#94a3b8;--border:#e5e7eb;--success-bg:#ecfdf5;--success-text:#10b981;--error-bg:#fef2f2;--error-text:#b91c1c;--warning-bg:#fff7ed;--warning-text:#ea580c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button{cursor:pointer;font-family:inherit}a{color:var(--primary);text-decoration:none}.page{flex-direction:column;align-items:center;min-height:100vh;padding:48px 20px;display:flex}.card{background:var(--card);box-sizing:border-box;border-radius:20px;width:100%;max-width:520px;padding:32px;box-shadow:0 10px 30px #0f172a0f}.card+.card{margin-top:20px}.title{color:var(--text);margin:0 0 6px;font-size:20px;font-weight:700}.subtitle{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.6}.btn{border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:13px 20px;font-size:15px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff}.btn-primary:hover{opacity:.92}.btn-secondary{color:var(--primary);background:#eff6ff}.btn:disabled{opacity:.55;cursor:not-allowed}.tag{border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.tag-muted{color:var(--muted);background:#f1f5f9}.tag-primary{color:var(--primary);background:#eff6ff}.tag-success{background:var(--success-bg);color:var(--success-text)}.tag-warning{background:var(--warning-bg);color:var(--warning-text)}.state-message{text-align:center;color:var(--muted);padding:40px 0;font-size:14px}.state-message.error{color:var(--error-text)}.spinner{border:4px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}