:root{--btn-primary-bg:#0774ff;--btn-primary-hover-bg:#ffc107;--btn-primary-text:#fff;--btn-disabled-bg:#9ca3af;--btn-disabled-text:#fff;--btn-blue-bg:#1976d2;--btn-success-bg:#10b981;--btn-success-text:#fff;--accent-green:#10b981;--accent-green-light:#ecfdf5;--accent-green-border:#10b981;--accent-green-text:#065f46;--success-green:#2e7d32;--success-light:#f8fff8;--error-light:#fff5f5;--error-border:#f44336;--success-border:#2e7d32;--btn-error-bg:#ef4444;--btn-warning-bg:#d97706;--error-red:#dc2626;--warning-yellow:#f59e0b;--warning-yellow-bg:#fef3c7;--warning-yellow-text:#92400e;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-primary:#e5e7eb;--border-secondary:#d1d5db}body{margin:0;background-color:#f6f6f6}.singleProduct.active{box-shadow:0 0 11px rgba(33,33,33,.2);border:1px solid #3778cc;border-radius:8px;background-color:#3778cc;color:#fff}@keyframes animate-svg-fill-1{0%{fill:transparent}to{fill:#fff}}.svg-elem-1{animation:animate-svg-fill-1 .3s cubic-bezier(.47,0,.745,.715) .1s both}@keyframes animate-svg-fill-2{0%{fill:transparent}to{fill:#fff}}.svg-elem-2{animation:animate-svg-fill-2 .3s cubic-bezier(.47,0,.745,.715) .2s both}@keyframes animate-svg-fill-3{0%{fill:transparent}to{fill:#fff}}.svg-elem-3{animation:animate-svg-fill-3 .3s cubic-bezier(.47,0,.745,.715) .30000000000000004s both}@keyframes animate-svg-fill-4{0%{fill:transparent}to{fill:#fff}}.svg-elem-4{animation:animate-svg-fill-4 .3s cubic-bezier(.47,0,.745,.715) .4s both}@keyframes animate-svg-fill-5{0%{fill:transparent}to{fill:#fff}}.svg-elem-5{animation:animate-svg-fill-5 .3s cubic-bezier(.47,0,.745,.715) .5s both}@keyframes animate-svg-fill-6{0%{fill:transparent}to{fill:#fff}}.svg-elem-6{animation:animate-svg-fill-6 .3s cubic-bezier(.47,0,.745,.715) .6s both}@keyframes animate-svg-fill-7{0%{fill:transparent}to{fill:#fff}}.svg-elem-7{animation:animate-svg-fill-7 .3s cubic-bezier(.47,0,.745,.715) .7000000000000001s both}@keyframes animate-svg-fill-8{0%{fill:transparent}to{fill:#fff}}.svg-elem-8{animation:animate-svg-fill-8 .3s cubic-bezier(.47,0,.745,.715) .8s both}@keyframes animate-svg-fill-9{0%{fill:transparent}to{fill:#fff}}.svg-elem-9{animation:animate-svg-fill-9 .3s cubic-bezier(.47,0,.745,.715) .9s both}@keyframes animate-svg-fill-10{0%{fill:transparent}to{fill:#fff}}.svg-elem-10{animation:animate-svg-fill-10 .3s cubic-bezier(.47,0,.745,.715) 1s both}@keyframes animate-svg-fill-11{0%{fill:transparent}to{fill:#fff}}.svg-elem-11{animation:animate-svg-fill-11 .3s cubic-bezier(.47,0,.745,.715) 1.1s both}@keyframes animate-svg-fill-12{0%{fill:transparent}to{fill:#fff}}.svg-elem-12{animation:animate-svg-fill-12 .3s cubic-bezier(.47,0,.745,.715) 1.2000000000000002s both}