.button{justify-content:center;align-items:center;gap:var(--spacing-2);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;text-decoration:none;display:inline-flex}.button:focus{outline:none;box-shadow:0 0 0 3px #3498db40}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background-color:var(--color-admin-primary);color:var(--color-text-primary)}.button-primary:hover:not(:disabled){background-color:var(--color-admin-primary-hover)}.button-primary:active:not(:disabled){background-color:var(--color-admin-primary-active)}.button-secondary{color:var(--color-text-inverse);border:2px solid var(--color-border-light);background-color:#0000}.button-secondary:hover:not(:disabled){border-color:var(--color-admin-primary);color:var(--color-admin-primary);background-color:#0000000d}.button-tertiary{color:var(--color-admin-primary);background-color:#0000}.button-tertiary:hover:not(:disabled){background-color:var(--color-info-50)}.button-danger{background-color:var(--color-error-500);color:var(--color-text-primary)}.button-danger:hover:not(:disabled){background-color:var(--color-error-600)}.button-danger:active:not(:disabled){background-color:var(--color-error-700)}.button-success{background-color:var(--color-success-500);color:var(--color-text-primary)}.button-success:hover:not(:disabled){background-color:var(--color-success-600)}.button-sm{height:var(--button-height-sm);padding:0 var(--spacing-3);font-size:var(--font-size-sm)}.button-md{height:var(--button-height-md);padding:0 var(--spacing-4);font-size:var(--font-size-base)}.button-lg{height:var(--button-height-lg);padding:0 var(--spacing-6);font-size:var(--font-size-lg)}.button-loading{color:#0000;pointer-events:none;position:relative}.button-loading:after{content:"";width:16px;height:16px;color:var(--color-text-primary);border:2px solid;border-top-color:#0000;border-radius:50%;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite button-spin;position:absolute;top:50%;left:50%}@keyframes button-spin{to{transform:rotate(360deg)}}.button-full{width:100%}.button-icon{width:var(--button-height-md);padding:0}.button-icon.button-sm{width:var(--button-height-sm)}.button-icon.button-lg{width:var(--button-height-lg)}