.button[data-v-3ba50dd1]{align-items:center;border:1px solid transparent;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.5rem;justify-content:center;line-height:1;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button--xs[data-v-3ba50dd1]{font-size:.75rem;min-height:1.5rem;padding:.25rem .5rem}.button--sm[data-v-3ba50dd1]{font-size:.875rem;min-height:2rem;padding:.375rem .75rem}.button--md[data-v-3ba50dd1]{font-size:.875rem;min-height:2.5rem;padding:.5rem 1rem}.button--lg[data-v-3ba50dd1]{font-size:1rem;min-height:3rem;padding:.75rem 1.5rem}.button--xl[data-v-3ba50dd1]{font-size:1.125rem;min-height:3.5rem;padding:1rem 2rem}.button--primary[data-v-3ba50dd1]{background-color:var(--button-bg-color,var(--color-primary));border-color:var(--button-border-color,var(--color-primary));color:var(--button-text-color,var(--color-text-on-primary))}.button--primary[data-v-3ba50dd1]:hover:not(.button--disabled){background-color:var(--button-hover-bg-color,var(--color-primary-dark));border-color:var(--button-hover-border-color,var(--color-primary-dark));box-shadow:0 4px 16px rgba(var(--suarea-red-rgb),.3);color:var(--button-hover-text-color,var(--color-text-on-primary));transform:translateY(-2px)}.button--primary.button--active[data-v-3ba50dd1]{background-color:var(--button-active-bg-color,var(--color-primary-dark));border-color:var(--button-active-border-color,var(--color-primary-dark));box-shadow:0 1px 4px rgba(var(--suarea-red-rgb),.2);color:var(--button-active-text-color,var(--color-text-on-primary));transform:translateY(0)}.button--secondary[data-v-3ba50dd1]{background-color:var(--button-bg-color,var(--color-secondary));border-color:var(--button-border-color,var(--color-secondary));color:var(--button-text-color,var(--color-text-on-secondary))}.button--secondary[data-v-3ba50dd1]:hover:not(.button--disabled){background-color:var(--button-hover-bg-color,var(--color-secondary-dark));border-color:var(--button-hover-border-color,var(--color-secondary-dark));box-shadow:0 4px 16px rgba(var(--suarea-black-rgb),.3);color:var(--button-hover-text-color,var(--color-text-on-secondary));transform:translateY(-2px)}.button--secondary.button--active[data-v-3ba50dd1]{background-color:var(--button-active-bg-color,var(--color-secondary-dark));border-color:var(--button-active-border-color,var(--color-secondary-dark));box-shadow:0 1px 4px rgba(var(--suarea-black-rgb),.2);color:var(--button-active-text-color,var(--color-text-on-secondary));transform:translateY(0)}.button--success[data-v-3ba50dd1]{background-color:var(--button-bg-color,var(--color-success));border-color:var(--button-border-color,var(--color-success));color:var(--button-text-color,var(--color-text-on-primary))}.button--success[data-v-3ba50dd1]:hover:not(.button--disabled){background-color:var(--button-hover-bg-color,#15803d);border-color:var(--button-hover-border-color,#15803d);box-shadow:0 4px 16px rgba(var(--color-success-rgb),.3);color:var(--button-hover-text-color,var(--color-text-on-primary));transform:translateY(-2px)}.button--success.button--active[data-v-3ba50dd1]{background-color:var(--button-active-bg-color,#15803d);border-color:var(--button-active-border-color,#15803d);box-shadow:0 1px 4px rgba(var(--color-success-rgb),.2);color:var(--button-active-text-color,var(--color-text-on-primary));transform:translateY(0)}.button--warning[data-v-3ba50dd1]{background-color:var(--button-bg-color,var(--color-warning));border-color:var(--button-border-color,var(--color-warning));color:var(--button-text-color,var(--color-text-on-primary))}.button--warning[data-v-3ba50dd1]:hover:not(.button--disabled){background-color:var(--button-hover-bg-color,#b45309);border-color:var(--button-hover-border-color,#b45309);box-shadow:0 4px 16px rgba(var(--color-warning-rgb),.3);color:var(--button-hover-text-color,var(--color-text-on-primary));transform:translateY(-2px)}.button--warning.button--active[data-v-3ba50dd1]{background-color:var(--button-active-bg-color,#b45309);border-color:var(--button-active-border-color,#b45309);box-shadow:0 1px 4px rgba(var(--color-warning-rgb),.2);color:var(--button-active-text-color,var(--color-text-on-primary));transform:translateY(0)}.button--danger[data-v-3ba50dd1]{background-color:var(--button-bg-color,var(--color-error));border-color:var(--button-border-color,var(--color-error));color:var(--button-text-color,var(--color-text-on-primary))}.button--danger[data-v-3ba50dd1]:hover:not(.button--disabled){background-color:var(--button-hover-bg-color,var(--color-primary-dark));border-color:var(--button-hover-border-color,var(--color-primary-dark));box-shadow:0 4px 16px rgba(var(--suarea-red-rgb),.3);color:var(--button-hover-text-color,var(--color-text-on-primary));transform:translateY(-2px)}.button--danger.button--active[data-v-3ba50dd1]{background-color:var(--button-active-bg-color,var(--color-primary-dark));border-color:var(--button-active-border-color,var(--color-primary-dark));box-shadow:0 1px 4px rgba(var(--suarea-red-rgb),.2);color:var(--button-active-text-color,var(--color-text-on-primary));transform:translateY(0)}.button--outline[data-v-3ba50dd1]{background-color:transparent;border-color:var(--button-border-color,var(--color-border-secondary));color:var(--button-text-color,var(--color-text-primary))}.button--outline[data-v-3ba50dd1]:hover:not(.button--disabled){background-color:var(--button-hover-bg-color,var(--color-bg-secondary));border-color:var(--button-hover-border-color,var(--color-text-muted));box-shadow:var(--shadow-md);color:var(--button-hover-text-color,var(--color-text-primary));transform:translateY(-2px)}.button--outline.button--active[data-v-3ba50dd1]{background-color:var(--button-active-bg-color,var(--color-bg-tertiary));border-color:var(--button-active-border-color,var(--color-text-secondary));box-shadow:var(--shadow-sm);color:var(--button-active-text-color,var(--color-text-primary));transform:translateY(0)}.button--ghost[data-v-3ba50dd1]{background-color:transparent;border-color:transparent;color:var(--button-text-color,var(--color-text-secondary))}.button--ghost[data-v-3ba50dd1]:hover:not(.button--disabled){background-color:var(--button-hover-bg-color,var(--color-bg-tertiary));box-shadow:var(--shadow-sm);color:var(--button-hover-text-color,var(--color-text-primary));transform:translateY(-2px)}.button--ghost.button--active[data-v-3ba50dd1]{background-color:var(--button-active-bg-color,var(--color-border-primary));box-shadow:none;color:var(--button-active-text-color,var(--color-text-primary));transform:translateY(0)}.button--link[data-v-3ba50dd1]{background-color:transparent;border-color:transparent;color:var(--button-text-color,var(--color-info));text-decoration:underline}.button--link[data-v-3ba50dd1]:hover:not(.button--disabled){box-shadow:0 4px 16px rgba(var(--color-info-rgb),.2);color:var(--button-hover-text-color,var(--color-primary));transform:translateY(-2px)}.button--link.button--active[data-v-3ba50dd1]{box-shadow:0 1px 4px rgba(var(--color-info-rgb),.15);color:var(--button-active-text-color,var(--color-primary-dark));transform:translateY(0)}.button--soft[data-v-3ba50dd1]{background-color:var(--button-bg-color,var(--color-info-bg));border-color:transparent;color:var(--button-text-color,var(--color-info))}.button--soft[data-v-3ba50dd1]:hover:not(.button--disabled){background-color:var(--button-hover-bg-color,rgba(var(--color-info-rgb),.2));box-shadow:0 4px 16px rgba(var(--color-info-rgb),.25);color:var(--button-hover-text-color,var(--color-info));transform:translateY(-2px)}.button--soft.button--active[data-v-3ba50dd1]{background-color:var(--button-active-bg-color,rgba(var(--color-info-rgb),.3));box-shadow:0 1px 4px rgba(var(--color-info-rgb),.2);color:var(--button-active-text-color,var(--color-info));transform:translateY(0)}.button--purple[data-v-3ba50dd1]{background-color:var(--button-bg-color,#6d28d9);border-color:var(--button-border-color,#6d28d9);color:var(--button-text-color,var(--color-text-on-primary))}.button--purple[data-v-3ba50dd1]:hover:not(.button--disabled){background-color:var(--button-hover-bg-color,#5b21b6);border-color:var(--button-hover-border-color,#5b21b6);box-shadow:0 4px 16px #6d28d94d;color:var(--button-hover-text-color,var(--color-text-on-primary));transform:translateY(-2px)}.button--purple.button--active[data-v-3ba50dd1]{background-color:var(--button-active-bg-color,#4c1d95);border-color:var(--button-active-border-color,#4c1d95);box-shadow:0 1px 4px #6d28d933;color:var(--button-active-text-color,var(--color-text-on-primary));transform:translateY(0)}.button--full-width[data-v-3ba50dd1]{width:100%}.button--rounded[data-v-3ba50dd1]{border-radius:9999px}.button--flat[data-v-3ba50dd1]{box-shadow:none!important}.button--elevated[data-v-3ba50dd1]{box-shadow:var(--shadow-md)}.button--elevated[data-v-3ba50dd1]:hover:not(.button--disabled){box-shadow:var(--shadow-lg)}.button--disabled[data-v-3ba50dd1]{box-shadow:var(--shadow-sm)!important;cursor:not-allowed;opacity:.5;transform:none!important}.button--loading[data-v-3ba50dd1]{cursor:wait}.button__content[data-v-3ba50dd1]{align-items:center;display:flex;gap:.5rem}.button__content--loading[data-v-3ba50dd1]{opacity:.7}.button__icon[data-v-3ba50dd1]{flex-shrink:0;transition:transform .2s ease}.button__icon--loading[data-v-3ba50dd1]{animation:spin-3ba50dd1 1s linear infinite}.button__badge[data-v-3ba50dd1]{align-items:center;background-color:var(--color-error);border-radius:var(--border-radius-full);color:var(--color-text-on-primary);display:flex;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .25rem;position:absolute;right:-.5rem;top:-.5rem}.button__badge--xs[data-v-3ba50dd1]{font-size:.625rem;height:1rem;min-width:1rem}.button__badge--sm[data-v-3ba50dd1]{font-size:.75rem;height:1.125rem;min-width:1.125rem}.button__badge--md[data-v-3ba50dd1]{font-size:.75rem;height:1.25rem;min-width:1.25rem}.button__badge--lg[data-v-3ba50dd1]{font-size:.875rem;height:1.5rem;min-width:1.5rem}.button__badge--xl[data-v-3ba50dd1]{font-size:1rem;height:1.75rem;min-width:1.75rem}.button-loading[data-v-3ba50dd1]{align-items:center;display:flex;justify-content:center}@keyframes ripple-3ba50dd1{to{opacity:0;transform:scale(4)}}@keyframes spin-3ba50dd1{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.button[data-v-3ba50dd1]:focus:not(.button--disable-focus){box-shadow:0 0 0 3px var(--button-focus-color,rgba(var(--suarea-red-rgb),.3));outline:none}@media (max-width:640px){.button--lg[data-v-3ba50dd1]{font-size:.875rem;padding:.625rem 1.25rem}.button--xl[data-v-3ba50dd1]{font-size:1rem;padding:.75rem 1.5rem}}