:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-card: #1a1a3a;--bg-input: #22224a;--text-primary: #ffffff;--text-secondary: #a0a0cc;--text-muted: #6060aa;--accent: #4a90d9;--accent-hover: #5aa0e9;--success: #22c55e;--warning: #eab308;--danger: #ef4444;--border: #2a2a5a;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;padding:16px;min-height:100vh}.card{background:var(--bg-card);border-radius:var(--radius);padding:20px;margin-bottom:16px;border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-sm);border:none;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;width:100%}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:16px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.mb-4{margin-bottom:16px}.mb-3{margin-bottom:12px}.mb-2{margin-bottom:8px}.mt-4{margin-top:16px}.mt-2{margin-top:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}h1{font-size:24px;font-weight:700}h2{font-size:20px;font-weight:600}h3{font-size:16px;font-weight:600}.divider{height:1px;background:var(--border);margin:16px 0}