:root{--primary:#7c3aed;--primary-light:#c084fc;--secondary:#2563eb;--secondary-light:#60a5fa;--accent:#0d9488;--accent-light:#2dd4bf;--accent-gold:#d97706;--bg-app:#faf9f6;--bg-card:#fff;--bg-hover:#f5f6fb;--border:#e5e7eb;--border-focus:#c084fc;--text-main:#111827;--text-muted:#6b7280;--text-light:#9ca3af;--text-white:#fff;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 12px 24px -8px #0000000f, 0 4px 12px -4px #00000005;--shadow-lg:0 24px 48px -12px #00000014, 0 8px 24px -8px #0000000a;--shadow-premium:0 30px 60px -15px #7c3aed14, 0 10px 30px -10px #2563eb0d;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--gradient-primary:linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);--gradient-hover:linear-gradient(135deg, #6d28d9 0%, #1d4ed8 100%);--gradient-accent:linear-gradient(135deg, #0d9488 0%, #06b6d4 100%);--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #faf9f6 100%);--gradient-header:linear-gradient(to right, #faf9f6f2, #fffffffa);--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#e5e7eb}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;font-weight:700}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button,input,select,textarea{font-family:var(--font-body);border:none;outline:none}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-bounce);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--text-white);box-shadow:0 4px 15px #7c3aed33}.btn-primary:hover{background:var(--gradient-hover);transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-light);transform:translateY(-2px)}.btn-accent{background:var(--gradient-accent);color:var(--text-white);box-shadow:0 4px 15px #0d948833}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0d94884d}.btn-icon{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:44px;height:44px;color:var(--text-main);transition:var(--transition-bounce);justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--bg-hover);transform:scale(1.08)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-primary{color:var(--primary);background:#7c3aed1a}.badge-accent{color:var(--accent);background:#0d94881a}.badge-sale{color:var(--text-white);background:#ef4444}.badge-gold{color:var(--accent-gold);background:#f59e0b1a}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-normal);border:1px solid #ffffffb3;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}@media (width<=768px){.container{padding:0 16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #fff6}.form-input{background-color:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition-fast);padding:14px 20px;font-size:14px}.form-input:focus{background-color:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 4px #7c3aed1a}.product-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))!important;gap:24px!important;display:grid!important}@media (width<=768px){.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (width>=768px){.bottom-navbar{display:none!important}}@media print{html,body{page-break-after:avoid!important;page-break-before:avoid!important;break-after:avoid!important;break-before:avoid!important;height:auto!important;max-height:none!important;overflow:visible!important}header,footer,.bottom-navbar,.no-print,button{display:none!important}body,#root,main,div[style*="min-height: 100vh"]{background:#fff!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important}main{padding-bottom:0!important}.container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.invoice-container{box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;border:none!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:15px 30px!important}.invoice-header{margin-bottom:12px!important}.invoice-addresses{gap:15px!important;margin-bottom:12px!important}.invoice-table-wrapper{margin-bottom:12px!important}.invoice-details-grid{gap:15px!important}.invoice-container div[style*="margin-bottom: 40px"],.invoice-container div[style*="marginBottom: 40px"]{margin-bottom:12px!important}.invoice-container div[style*="margin-bottom: 24px"],.invoice-container div[style*="marginBottom: 24px"]{margin-bottom:8px!important}.invoice-container div[style*="gap: 40px"]{gap:15px!important}.invoice-container div[style*="gap: 30px"]{gap:10px!important}.invoice-container div[style*="marginTop: 20px"],.invoice-container div[style*="margin-top: 20px"]{margin-top:4px!important}.invoice-container h1{margin-bottom:6px!important;font-size:26px!important}.invoice-container svg[width="80"]{width:65px!important;height:65px!important}.invoice-container th,.invoice-container td{padding:10px 12px!important}.invoice-container,.invoice-container td,.invoice-container th,.invoice-container p,.invoice-container span{font-size:12.5px!important;line-height:1.4!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}}