.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border:1.5px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;line-height:1.2;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:15px}.btn-primary{color:#fff;background:var(--gradient-cta);box-shadow:0 4px 16px #7c5cdb59}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary{color:var(--text);background:transparent;border-color:var(--border2)}.btn-secondary:hover:not(:disabled){border-color:var(--v1)}.btn-ghost{color:var(--v1);background:transparent}.btn-ghost:hover:not(:disabled){background:#b49dff14}.btn-danger{color:#fff;background:var(--coral-strong)}.btn-danger:hover:not(:disabled){transform:translateY(-1px)}.btn-loading:before{content:"";width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}:root,:root[data-theme=dark]{color-scheme:dark;--v1: #b49dff;--v2: #7c5cdb;--v3: #5b3fc4;--gradient-cta: linear-gradient(135deg, var(--v1), var(--v3));--green: #88d478;--amber: #f0c060;--coral: #f07070;--coral-strong: #d64545;--bg: #0c1220;--bg2: #111927;--bg3: #18223a;--surface: #1a2640;--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .14);--text: #ffffff;--text2: rgba(255, 255, 255, .62);--text3: rgba(255, 255, 255, .22);--label: rgba(255, 255, 255, .16);--focus-ring: 0 0 0 3px rgba(180, 157, 255, .45);--font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--font-condensed: "Barlow Condensed", "Barlow", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--sidebar-width: 248px;--header-height: 64px;--content-max: 1280px}:root[data-theme=light]{color-scheme:light;--bg: #f4f5f7;--bg2: #ffffff;--bg3: #eceef2;--surface: #e8eaf0;--border: rgba(0, 0, 0, .08);--border2: rgba(0, 0, 0, .14);--text: #0c1220;--text2: rgba(12, 18, 32, .62);--text3: rgba(12, 18, 32, .2);--label: rgba(12, 18, 32, .15);--v1: #6b4fd8;--focus-ring: 0 0 0 3px rgba(91, 63, 196, .35)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.2}a{color:var(--v1)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.input{width:100%;padding:10px 14px;background:var(--bg3);color:var(--text);border:1.5px solid var(--border2);border-radius:var(--radius-sm);font:inherit}.input:focus,.input:focus-visible{outline:none;border-color:var(--v1);box-shadow:0 0 0 3px #b49dff1f}.input[aria-invalid=true]{border-color:var(--coral)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
