:root{color-scheme:light;--bg: #f2f0e9;--card: #fdfcf8;--text: #3d3d33;--muted: #6b685b;--accent: #7e8c69;--accent-dark: #6c7a57;--success: #166534;--success-bg: #dcfce7;--error: #b91c1c;--error-bg: #fee2e2;--border: #e5e2d9}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#ebe8df 0%,var(--bg) 40%,#f7f5ef 100%);color:var(--text)}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1.5rem}.brand{text-align:center}.brand-kicker{margin:0;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.brand-title{margin:.15rem 0 0;font-size:2rem;font-weight:700;color:var(--accent-dark)}.card{width:min(100%,28rem);background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:0 12px 40px #3d3d3314}.card-title{margin:0;font-size:1.25rem}.card-subtitle{margin:.35rem 0 1.25rem;color:var(--muted);font-size:.95rem}.status{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.75rem;background:#f8f7f2;border:1px solid var(--border)}.status.success{background:var(--success-bg);border-color:#bbf7d0;color:var(--success)}.status.error{background:var(--error-bg);border-color:#fecaca;color:var(--error)}.status-text{margin:0;line-height:1.5;font-size:.95rem}.spinner{width:1.25rem;height:1.25rem;border:2px solid #d6d3c4;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0;margin-top:.1rem}.spinner.hidden{display:none}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 1rem;border-radius:.65rem;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark)}.button-secondary{background:#fff;color:var(--text);border-color:var(--border)}.hidden{display:none!important}.footer{color:var(--muted);font-size:.8rem;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}