:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8);--spacing-2xl:var(--space-12);--spacing-3xl:var(--space-16);--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--navbar-height:3.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.btn{min-height:44px}}.btn-primary{background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:#fff!important}.btn-primary:hover:not(:disabled){background:var(--color-accent-dark)!important;border-color:var(--color-accent-dark)!important;color:#fff!important}.btn-outline,.btn-secondary{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);box-shadow:none}.btn-outline:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent);color:var(--text-primary)}.btn-ghost{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--text-secondary);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:#b91c1c;border-color:#b91c1c;color:#fff;box-shadow:none}.btn-danger:hover:not(:disabled){background:#991b1b;border-color:#991b1b;color:#fff}.btn-sm{min-height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}@media(max-width:768px){.btn-sm{min-height:44px}}.btn-lg{min-height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.sufc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.sufc-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sufc-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.sufc-btn{min-height:44px}}.sufc-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:none}.sufc-btn--primary:hover:not(:disabled){background:var(--color-accent-dark);border-color:var(--color-accent-dark);color:#fff}.sufc-btn--info,.sufc-btn--outline,.sufc-btn--secondary{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);box-shadow:none}.sufc-btn--info:hover:not(:disabled),.sufc-btn--outline:hover:not(:disabled),.sufc-btn--secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent);color:var(--text-primary)}.sufc-btn--ghost{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--text-secondary);box-shadow:none}.sufc-btn--ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.sufc-btn--error{background:#b91c1c;border-color:#b91c1c;color:#fff;box-shadow:none}.sufc-btn--error:hover:not(:disabled){background:#991b1b;border-color:#991b1b;color:#fff}.sufc-btn--success{background:#15803d;border-color:#15803d;color:#fff}.sufc-btn--success:hover:not(:disabled){background:#166534;border-color:#166534}.sufc-btn--warning{background:#b45309;border-color:#b45309;color:#fff}.sufc-btn--warning:hover:not(:disabled){background:#92400e;border-color:#92400e}.sufc-btn--sm,.sufc-btn--xs{min-height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}@media(max-width:768px){.sufc-btn--sm,.sufc-btn--xs{min-height:44px}}.sufc-btn--lg,.sufc-btn--xl{min-height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.sufc-btn--full{width:100%}.sufc-btn--loading{position:relative;color:rgba(0,0,0,0)}.sufc-btn--loading:after{content:"";position:absolute;width:1rem;height:1rem;border-radius:50%;border:2px solid;border-top:2px solid rgba(0,0,0,0);animation:spin 1s linear infinite}