:root{--accent:#2563eb;--accent-light:#2563eb17;--color-accent-primary:#2563eb;--color-accent-primary-soft:#60a5fa;--color-bg-surface:#fff;--color-text-muted:#94a3b8;--bg-base:#f8faff;--bg-surface:#fff;--bg-elevated:#f0f4ff;--bg-card:#fff;--border-subtle:#0000000d;--border-default:#00000017;--border-strong:#00000029;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--shadow-sm:0 2px 8px #00000012;--shadow-md:0 4px 16px #00000017;--shadow-lg:0 10px 32px #0000001c;--shadow-panel:0 0 0 1px #2563eb0f, 0 8px 32px #00000017;--header-width:72px}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:.65em 1.4em;font-size:1rem;font-weight:500;transition:background-color .16s,color .16s,box-shadow .16s,transform .16s,border-color .16s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn.primary{color:#fff;background-color:#2563eb;box-shadow:0 8px 20px #2563eb47}.btn.primary:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 6px 16px #2563eb47}.btn.primary:active:not(:disabled),.btn.primary:focus:not(:disabled){background-color:#1e40af;outline:none;box-shadow:0 0 0 3px #2563eb17}.btn.primary:disabled{color:#ffffffb3;cursor:not-allowed;box-shadow:none;background-color:#bfdbfe}.btn.secondary{color:#334155;background-color:#f0f4ff;border-color:#cbd5e1}.btn.secondary:hover:not(:disabled){background-color:#e2e8f0;border-color:#94a3b8;box-shadow:0 2px 8px #00000012}.btn.secondary:active:not(:disabled),.btn.secondary:focus:not(:disabled){background-color:#f0f4ff;border-color:#94a3b8;outline:none}.btn.secondary:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f0f4ff}.btn.outline{color:#2563eb;background-color:#0000;border-color:#60a5fa}.btn.outline:hover:not(:disabled){background-color:#eff6ff;border-color:#2563eb}.btn.outline:active:not(:disabled),.btn.outline:focus:not(:disabled){background-color:#dbeafe;outline:none}.btn.outline:disabled{color:#bfdbfe;cursor:not-allowed;border-color:#bfdbfe}.btn.ghost{color:#475569;background-color:#0000;border-color:#0000}.btn.ghost:hover:not(:disabled){background-color:#e2e8f0}.btn.ghost:active:not(:disabled),.btn.ghost:focus:not(:disabled){background-color:#cbd5e1;outline:none}.btn.ghost:disabled{color:#94a3b8;cursor:not-allowed}.btn.danger{color:#dc2626;background-color:#0000;border-color:#fca5a5}.btn.danger:hover:not(:disabled){background-color:#fef2f2;border-color:#dc2626}.btn.danger:active:not(:disabled),.btn.danger:focus:not(:disabled){background-color:#fee2e2;outline:none}.btn.danger:disabled{color:#fca5a5;cursor:not-allowed;border-color:#fecaca}.btn.loading{pointer-events:none;opacity:.8}.btn .btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:.9em;height:.9em;animation:.6s linear infinite btn-spin;display:inline-block}@media (prefers-reduced-motion:reduce){.btn .btn__spinner{opacity:.5;animation:none}}.btn .btn__icon{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.btn .btn__label{justify-content:center;align-items:center;line-height:1.2;display:inline-flex}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn.sm{border-radius:6px;min-height:34px;padding:.45em 1em;font-size:.875rem}.btn.md{font-size:1rem}.btn.lg{min-height:48px;padding:.8em 1.8em;font-size:1.0625rem}.btn.full{width:100%}.btn.icon-only{aspect-ratio:1;width:42px;padding:0}.btn.icon-only.sm{width:34px}.btn.icon-only.lg{width:48px}