*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #0071E3;--accent-dark: #0058b0;--bg: #f5f5f7;--surface: #ffffff;--border: #d2d2d7;--text: #1d1d1f;--text-muted: #6e6e73;--text-light: #aeaeb2;--radius: 12px;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid rgba(0,113,227,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite;display:inline-block}.btn-primary{padding:11px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;transition:background .15s,opacity .15s}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{padding:10px 18px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:500;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text)}.error-banner{padding:12px 16px;background:#fff2f2;border:1px solid #ffb3b3;border-radius:var(--radius);color:#c00;font-size:13px;line-height:1.5}