.button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background:var(--app-button-primary-bg);color:var(--app-button-primary-text);border-color:var(--app-button-primary-border);box-shadow:var(--app-button-primary-shadow)}.button--primary:hover:not(:disabled){background:var(--app-button-primary-hover);border-color:var(--app-button-primary-hover);box-shadow:var(--app-button-primary-shadow-hover)}.button--secondary{color:var(--color-text);border-color:var(--color-border);background-color:#0000}.button--secondary:hover:not(:disabled){background-color:var(--color-surface)}.button--outline{color:#0f172a;background-color:#0000;border-color:#cbd5e1}.button--outline:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.button--ghost{color:var(--color-text);background-color:#0000;border-color:#0000}.button--ghost:hover:not(:disabled){background-color:var(--color-surface)}.button--danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.button--danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.button--small{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-sm)}.button--large{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-lg)}.button--full{width:100%}.button--loading{color:#0000;position:relative}.button--loading:after{content:"";color:#fff;border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite button-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes button-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}