:root{--color-primary: #f59e0b;--color-primary-dark: #b45309;--color-accent: #2563eb;--color-text: #1f2937;--color-muted: #4b5563;--color-border: #e5e7eb;--color-surface: #ffffff;--color-background: #fffbeb;--color-danger: #b91c1c;--radius: 1rem}body{margin:0;font-family:system-ui,sans-serif;color:var(--color-text);background:var(--color-background)}.page{max-width:40rem;margin:0 auto;padding:2rem 1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.btn{display:inline-block;padding:.75rem 1.25rem;border:2px solid var(--color-primary-dark);border-radius:999px;background:var(--color-primary);color:#1f2937;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:wait}.btn-secondary{background:var(--color-surface);border-color:var(--color-border)}.btn-danger{background:var(--color-surface);border-color:var(--color-danger);color:var(--color-danger)}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.field label{font-weight:600}.field input{padding:.75rem;border:1px solid #9ca3af;border-radius:.5rem;font:inherit}.hint{font-size:.875rem;color:var(--color-muted)}.error{color:var(--color-danger);font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
