.primary-button{--btn-bg: linear-gradient(135deg, #22c55e, #16a34a);--btn-border: rgba(34, 197, 94, .36);--btn-text: #ffffff;--btn-shadow: 0 16px 30px rgba(22, 163, 74, .24);--btn-ring: rgba(34, 197, 94, .24);align-items:center;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:999px;box-shadow:var(--btn-shadow);color:var(--btn-text);cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:700;gap:.55rem;justify-content:center;line-height:1;min-height:2.65rem;padding:.68rem 1.35rem;position:relative;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease;white-space:nowrap}.primary-button:after{background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 58%);border-radius:inherit;content:"";inset:1px;pointer-events:none;position:absolute}.primary-button__icon,.primary-button__label{position:relative;z-index:1}.primary-button__icon{font-size:.86rem}.primary-button:hover:not(:disabled){box-shadow:0 18px 34px var(--btn-ring);filter:saturate(1.04);transform:translateY(-1px)}.primary-button:active:not(:disabled){box-shadow:0 10px 20px #0f172a1f;transform:translateY(0)}.primary-button:focus-visible{box-shadow:0 0 0 3px var(--btn-ring),var(--btn-shadow);outline:none}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.primary-button--solid,.primary-button--submit,.primary-button--create{--btn-bg: linear-gradient(135deg, #22c55e, #16a34a);--btn-border: rgba(34, 197, 94, .38);--btn-text: #ffffff;--btn-shadow: 0 16px 30px rgba(22, 163, 74, .24);--btn-ring: rgba(34, 197, 94, .24)}.primary-button--ghost,.primary-button--retry{--btn-bg: linear-gradient(180deg, rgba(240, 253, 244, .96), rgba(236, 253, 245, .86));--btn-border: rgba(34, 197, 94, .24);--btn-text: #166534;--btn-shadow: 0 12px 24px rgba(22, 163, 74, .1);--btn-ring: rgba(34, 197, 94, .18)}.primary-button--update{--btn-bg: linear-gradient(135deg, #f59e0b, #d97706);--btn-border: rgba(245, 158, 11, .38);--btn-text: #ffffff;--btn-shadow: 0 16px 30px rgba(217, 119, 6, .22);--btn-ring: rgba(245, 158, 11, .24)}.primary-button--view{--btn-bg: linear-gradient(135deg, #0ea5e9, #4f46e5);--btn-border: rgba(14, 165, 233, .36);--btn-text: #ffffff;--btn-shadow: 0 16px 30px rgba(14, 165, 233, .2);--btn-ring: rgba(14, 165, 233, .22)}.primary-button--full{width:100%}.primary-button--icon-only{gap:0;min-height:2.65rem;width:2.65rem;padding:0}.primary-button--icon-only .primary-button__icon{font-size:.95rem}.primary-button--delete{--btn-bg: linear-gradient(135deg, #f43f5e, #dc2626);--btn-border: rgba(244, 63, 94, .36);--btn-text: #ffffff;--btn-shadow: 0 16px 30px rgba(220, 38, 38, .2);--btn-ring: rgba(244, 63, 94, .22)}.primary-button--ghost-danger{--btn-bg: linear-gradient(180deg, rgba(255, 241, 242, .96), rgba(254, 242, 242, .86));--btn-border: rgba(244, 63, 94, .24);--btn-text: #9f1239;--btn-shadow: 0 12px 24px rgba(220, 38, 38, .1);--btn-ring: rgba(244, 63, 94, .18)}