.ui-button{justify-content:center;align-items:center;gap:var(--space-2);font-family:Poppins,sans-serif;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;display:inline-flex;position:relative;overflow:hidden}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button:focus-visible{box-shadow:0 0 0 3px #2563eb1a, 0 0 0 3px var(--color-primary);outline:none}.ui-button--primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.ui-button--primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.ui-button--primary:active:not(:disabled){background-color:var(--color-primary-darker)}.ui-button--secondary{background-color:var(--color-gray-100);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.ui-button--secondary:hover:not(:disabled){background-color:var(--color-gray-200);border-color:var(--color-border);color:var(--color-text-primary)}.ui-button--secondary:active:not(:disabled){background-color:var(--color-gray-300)}.ui-button--outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.ui-button--outline:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary-dark)}.ui-button--outline:active:not(:disabled){background-color:var(--color-primary-lighter)}.ui-button--ghost{color:var(--color-text-secondary);background-color:#0000;border-color:#0000}.ui-button--ghost:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-text-primary)}.ui-button--ghost:active:not(:disabled){background-color:var(--color-gray-200)}.ui-button--success{background-color:var(--color-success);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.ui-button--success:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#059669}.ui-button--success:active:not(:disabled){background-color:#047857}.ui-button--danger{background-color:var(--color-error);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.ui-button--danger:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#dc2626}.ui-button--danger:active:not(:disabled){background-color:#b91c1c}.ui-button--warning{background-color:var(--color-warning);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.ui-button--warning:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#d97706}.ui-button--warning:active:not(:disabled){background-color:#b45309}.ui-button--sm{padding:var(--space-1) var(--space-3);height:32px;font-size:var(--font-size-sm)}.ui-button--md{padding:var(--space-2) var(--space-4);height:40px;font-size:var(--font-size-base)}.ui-button--lg{padding:var(--space-3) var(--space-6);height:48px;font-size:var(--font-size-base)}.ui-button--full-width{width:100%}.ui-button--loading{pointer-events:none}.ui-button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ui-button--icon{padding:var(--space-2);border-radius:var(--radius-md)}.ui-button--icon.ui-button--sm{padding:var(--space-1);width:32px;height:32px}.ui-button--icon.ui-button--md{padding:var(--space-2);width:40px;height:40px}.ui-button--icon.ui-button--lg{padding:var(--space-3);width:48px;height:48px}.ui-button--block{justify-content:center;width:100%}@media (width<=768px){.ui-button--md{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.ui-button--lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base)}}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}.ui-button-spinner{border-right-color:currentColor;animation:none}}.ui-button:active:focus-visible{box-shadow:0 0 0 3px #2563eb33}