.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cf-space-2);font-family:var(--cf-font-system);font-weight:var(--cf-font-medium);font-size:var(--cf-text-sm);line-height:var(--cf-leading-none);text-align:center;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--cf-radius-lg);cursor:pointer;padding:var(--cf-space-3) var(--cf-space-6);transition:var(--cf-transition-all);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn:focus{outline:2px solid var(--cf-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--cf-gradient-primary);color:var(--cf-white);border:1px solid transparent;box-shadow:var(--cf-shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5e9eff,#124bce);box-shadow:var(--cf-shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--cf-shadow-sm)}.btn-secondary{background:var(--cf-bg-surface);color:var(--cf-text-primary);border:1px solid var(--cf-border-primary)}.btn-secondary:hover:not(:disabled){background:var(--cf-bg-surface-hover);border-color:var(--cf-border-accent);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--cf-text-lighter);border:1px solid var(--cf-border-surface)}.btn-ghost:hover:not(:disabled){background:var(--cf-bg-surface);color:var(--cf-text-primary);border-color:var(--cf-border-primary)}.btn-accent{background:var(--cf-gradient-accent);color:var(--cf-white);border:1px solid transparent;box-shadow:var(--cf-shadow-sm)}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:var(--cf-shadow-md);transform:translateY(-1px)}.btn-accent:active:not(:disabled){transform:translateY(0);box-shadow:var(--cf-shadow-sm)}.btn-outline{background:transparent;color:var(--cf-primary);border:1px solid var(--cf-primary)}.btn-outline:hover:not(:disabled){background:var(--cf-primary);color:var(--cf-white)}.btn-xs{padding:var(--cf-space-1-5) var(--cf-space-3);font-size:var(--cf-text-xs);border-radius:var(--cf-radius-base)}.btn-sm{padding:var(--cf-space-2) var(--cf-space-4);border-radius:var(--cf-radius-md)}.btn-base,.btn-sm{font-size:var(--cf-text-sm)}.btn-base{padding:var(--cf-space-3) var(--cf-space-6);border-radius:var(--cf-radius-lg)}.btn-lg{padding:var(--cf-space-4) var(--cf-space-8);font-size:var(--cf-text-base)}.btn-lg,.btn-xl{border-radius:var(--cf-radius-xl)}.btn-xl{padding:var(--cf-space-5) var(--cf-space-10);font-size:var(--cf-text-lg)}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.btn-group{display:inline-flex;border-radius:var(--cf-radius-lg);overflow:hidden}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:var(--cf-radius-lg);border-bottom-left-radius:var(--cf-radius-lg)}.btn-group .btn:last-child{border-top-right-radius:var(--cf-radius-lg);border-bottom-right-radius:var(--cf-radius-lg);border-right-width:1px}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.btn-icon{padding:var(--cf-space-3);width:auto;height:auto;aspect-ratio:1}.btn-icon.btn-sm{padding:var(--cf-space-2)}.btn-icon.btn-lg{padding:var(--cf-space-4)}.btn-fab{position:fixed;bottom:var(--cf-space-6);right:var(--cf-space-6);width:3.5rem;height:3.5rem;border-radius:var(--cf-radius-full);box-shadow:var(--cf-shadow-lg);z-index:var(--cf-z-40)}.btn-fab:hover:not(:disabled){box-shadow:var(--cf-shadow-xl);transform:translateY(-2px)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:640px){.btn{padding:var(--cf-space-3) var(--cf-space-5)}.btn-lg{padding:var(--cf-space-3-5) var(--cf-space-6);font-size:var(--cf-text-sm)}.btn-fab{bottom:var(--cf-space-4);right:var(--cf-space-4)}}.btn-primary:not(.btn){@extend .btn;@extend .btn-primary}a.btn-primary:not(.btn),button.btn-primary:not(.btn){display:inline-flex;align-items:center;justify-content:center;gap:var(--cf-space-2);font-family:var(--cf-font-system);font-weight:var(--cf-font-medium);font-size:var(--cf-text-sm);line-height:var(--cf-leading-none);text-align:center;text-decoration:none;white-space:nowrap;background:var(--cf-gradient-primary);color:var(--cf-white);border:1px solid transparent;border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow-sm);cursor:pointer;padding:var(--cf-space-3) var(--cf-space-6);transition:var(--cf-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none}a.btn-primary:not(.btn):hover:not(:disabled),button.btn-primary:not(.btn):hover:not(:disabled){background:linear-gradient(135deg,#5e9eff,#124bce);box-shadow:var(--cf-shadow-md);transform:translateY(-1px)}