.auth-shell,.setup-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(145deg,var(--bg),#edf7f3)}
.auth-card,.setup-card{width:min(430px,100%);padding:24px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-md)}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.auth-logo{width:50px;height:50px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,var(--primary),#3e9f8e);color:#fff}.auth-logo svg{width:28px;height:28px}.auth-title{margin:0;font-size:25px;letter-spacing:-.04em}.auth-sub{margin:5px 0 0;color:var(--text-2);font-size:13px;line-height:1.45}.auth-error{margin-bottom:14px;padding:12px 14px;border-radius:13px;background:var(--danger-soft);color:var(--danger);font-size:12px;line-height:1.4}.auth-actions{display:grid;gap:10px;margin-top:16px}.auth-help{margin-top:16px;text-align:center;color:var(--text-3);font-size:11px;line-height:1.45}.auth-help a{color:var(--primary);font-weight:700}.sync-state{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-size:10px}.sync-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8}.sync-state.online .sync-dot{background:#10b981}.sync-state.syncing .sync-dot{background:#d6a635;animation:pulse 1s infinite}.sync-state.offline .sync-dot{background:#dc5264}.account-row{margin-top:11px}.account-row .setting-title{color:var(--danger)}@keyframes pulse{50%{opacity:.35}}