:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-active: #1e40af;--color-success: #16a34a;--color-success-hover: #15803d;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-secondary-bg: #f1f5f9;--color-secondary-bg-hover: #e2e8f0;--color-secondary-text: #334155;--color-border: #cbd5e1;--color-disabled-bg: #94a3b8;--color-disabled-text: #f1f5f9;--focus-ring: 0 0 0 3px rgba(37, 99, 235, .35)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;padding:10px 18px;border-radius:6px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease,opacity .15s ease;box-shadow:0 1px 2px #0f172a0f}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{cursor:not-allowed;opacity:.65;transform:none;box-shadow:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 4px 10px #2563eb40}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--color-success-hover);box-shadow:0 4px 10px #16a34a40}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover);box-shadow:0 4px 10px #dc262640}.btn-secondary{background-color:var(--color-secondary-bg);color:var(--color-secondary-text);border-color:var(--color-border);box-shadow:none}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-bg-hover)}.btn-shopify{background-color:#5c6ac4;color:#fff}.btn-shopify:hover:not(:disabled){background-color:#4959bd;box-shadow:0 4px 10px #5c6ac44d}.btn-outline{background-color:#fff;color:var(--color-primary);border-color:var(--color-primary);box-shadow:none}.btn-outline:hover:not(:disabled){background-color:#2563eb0f}.btn-pending{background-color:var(--color-disabled-bg)!important;color:var(--color-disabled-text)!important;cursor:not-allowed!important;box-shadow:none!important}.btn-sm{padding:6px 12px;font-size:12px;border-radius:5px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;border:none;background:transparent;color:#64748b;font-size:16px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.btn-icon:hover{background-color:#f1f5f9;color:#334155}.btn-icon:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-page{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;font-size:14px;font-weight:600;color:var(--color-secondary-text);background-color:#fff;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-page:hover:not(:disabled){background-color:var(--color-secondary-bg);border-color:#94a3b8}.btn-page:disabled{cursor:not-allowed;opacity:.5}.btn-page:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tab-btn{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;background:none;cursor:pointer;color:#495057;border-radius:4px 4px 0 0;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.tab-btn:hover:not(:disabled){color:var(--color-primary);background-color:#2563eb0f}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.tab-btn:disabled,.tab-btn.disabled{color:#adb5bd;cursor:not-allowed}.tab-btn:disabled:hover,.tab-btn.disabled:hover{background-color:transparent}.tab-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}