@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--red-50: #fff1f2;--red-100: #ffe4e6;--red-200: #fecdd3;--red-400: #fb7185;--red-500: #f43f5e;--red-600: #e11d48;--red-700: #be123c;--red-800: #9f1239;--red-900: #881337;--brand: #dc2626;--brand-dark: #b91c1c;--brand-light: #fef2f2;--brand-glow: rgba(220,38,38,.18);--bg: #f7f8fc;--surface: #ffffff;--border: rgba(0,0,0,.07);--text-1: #0f172a;--text-2: #334155;--text-3: #64748b;--text-4: #94a3b8;--shadow-xs: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-md: 0 10px 25px -3px rgba(0,0,0,.09), 0 4px 6px -2px rgba(0,0,0,.04);--shadow-lg: 0 20px 40px -5px rgba(0,0,0,.12), 0 8px 16px -4px rgba(0,0,0,.05);--shadow-red: 0 8px 24px rgba(220,38,38,.28);--shadow-red-lg: 0 16px 40px rgba(220,38,38,.32);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 100px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--red-200);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--brand)}.tema-navbar{background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1200;box-shadow:var(--shadow-xs)}.tema-logo-badge{background:var(--brand);color:#fff;font-weight:900;font-size:1.1rem;letter-spacing:-.02em;padding:6px 16px;border-radius:12px;box-shadow:0 4px 14px #dc262666;transition:transform .2s var(--ease-spring),box-shadow .2s}.tema-logo-badge:hover{transform:scale(1.04);box-shadow:0 6px 20px #dc262680}.tema-search .MuiOutlinedInput-root{border-radius:var(--radius-pill)!important;background:#f1f5f9;border:1.5px solid transparent;transition:all .2s var(--ease);font-family:inherit}.tema-search .MuiOutlinedInput-root:hover{background:#fff;border-color:var(--red-200)}.tema-search .MuiOutlinedInput-root.Mui-focused{background:#fff;border-color:var(--brand);box-shadow:0 0 0 4px #dc26261f}.tema-search fieldset{border:none!important}.tema-chip{border-radius:var(--radius-pill)!important;font-weight:700!important;font-family:inherit!important;transition:all .2s var(--ease-spring)!important;height:38px!important;padding:0 18px!important}.tema-chip:hover{transform:translateY(-2px)!important}.tema-chip-active{background:var(--brand)!important;color:#fff!important;box-shadow:var(--shadow-red)!important}.tema-chip-inactive{background:#fff!important;border:1.5px solid var(--border)!important;color:var(--text-2)!important}.tema-chip-inactive:hover{border-color:var(--brand)!important;color:var(--brand)!important;background:var(--brand-light)!important}.tema-product-card{background:var(--surface);border-radius:var(--radius-lg)!important;border:1.5px solid var(--border)!important;box-shadow:var(--shadow-sm);transition:all .25s var(--ease);overflow:hidden;position:relative}.tema-product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--red-100)!important}.tema-product-img{width:100%;height:180px;object-fit:cover;display:block;transition:transform .4s var(--ease)}.tema-product-card:hover .tema-product-img{transform:scale(1.06)}.tema-product-badge{position:absolute;top:12px;left:12px;background:var(--brand);color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.04em;padding:4px 10px;border-radius:var(--radius-pill);box-shadow:0 3px 10px #dc262666}.tema-product-discount-badge{position:absolute;top:12px;right:12px;background:#16a34a;color:#fff;font-size:.7rem;font-weight:900;padding:4px 8px;border-radius:var(--radius-pill)}.tema-btn-primary{background:var(--brand)!important;color:#fff!important;border-radius:var(--radius-pill)!important;font-weight:800!important;font-family:inherit!important;letter-spacing:-.01em!important;box-shadow:0 4px 14px #dc262659!important;transition:all .2s var(--ease-spring)!important;text-transform:none!important}.tema-btn-primary:hover{background:var(--brand-dark)!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px #dc262673!important}.tema-btn-primary:active{transform:scale(.97)!important}.tema-btn-outline{background:transparent!important;color:var(--brand)!important;border:2px solid var(--brand)!important;border-radius:var(--radius-pill)!important;font-weight:800!important;font-family:inherit!important;text-transform:none!important;transition:all .2s var(--ease-spring)!important}.tema-btn-outline:hover{background:var(--brand-light)!important;transform:translateY(-2px)!important}.tema-btn-ghost{background:#f1f5f9!important;color:var(--text-2)!important;border-radius:var(--radius-pill)!important;font-weight:700!important;font-family:inherit!important;text-transform:none!important;transition:all .2s var(--ease)!important;border:none!important}.tema-btn-ghost:hover{background:var(--brand-light)!important;color:var(--brand)!important}.tema-cart-btn{background:var(--brand)!important;color:#fff!important;border-radius:var(--radius-pill)!important;font-weight:900!important;font-family:inherit!important;text-transform:none!important;padding:10px 22px!important;font-size:.95rem!important;box-shadow:0 4px 16px #dc262659!important;transition:all .2s var(--ease-spring)!important}.tema-cart-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 28px #dc262680!important}.tema-qty-btn{background:var(--brand-light)!important;color:var(--brand)!important;border-radius:50%!important;width:32px!important;height:32px!important;min-width:32px!important;transition:all .15s var(--ease-spring)!important}.tema-qty-btn:hover{background:var(--brand)!important;color:#fff!important;transform:scale(1.1)!important}.tema-hero-card{border-radius:var(--radius-xl)!important;overflow:hidden;box-shadow:var(--shadow-lg);position:relative}.tema-hero-overlay{background:linear-gradient(135deg,#dc2626eb,#991b1bd9,#0000004d);position:absolute;top:0;right:0;bottom:0;left:0}.tema-card{background:var(--surface);border-radius:var(--radius-lg);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);transition:all .25s var(--ease)}.tema-card:hover{box-shadow:var(--shadow-md);border-color:var(--red-100)}.tema-panel{background:var(--surface);border-radius:var(--radius-xl);border:1.5px solid var(--border);box-shadow:var(--shadow-md);padding:32px}.tema-stat-card{background:var(--surface);border-radius:var(--radius-lg);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);padding:24px;text-align:center;transition:all .25s var(--ease-spring)}.tema-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.tema-stat-card.red{background:linear-gradient(135deg,var(--brand-light),#fff);border-color:var(--red-200)}.tema-input .MuiOutlinedInput-root{border-radius:var(--radius-sm)!important;background:var(--bg);font-family:inherit!important;transition:all .2s var(--ease)}.tema-input .MuiOutlinedInput-root:hover fieldset{border-color:var(--red-300)!important}.tema-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--brand)!important;border-width:2px!important}.tema-input .Mui-focused .MuiInputLabel-root{color:var(--brand)!important}.tema-drawer-header{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;padding:20px 24px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.tema-cart-item{background:var(--bg);border-radius:var(--radius-md);padding:14px;margin-bottom:10px;border:1.5px solid var(--border);transition:all .2s}.tema-cart-item:hover{border-color:var(--red-200)}.tema-footer{background:#1a1a2e;background:linear-gradient(180deg,#1e1e2e,#0f0f1a);color:#fff;position:relative}.tema-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),#f97316,var(--brand))}.tema-footer-link{color:#94a3b8;cursor:pointer;transition:all .18s var(--ease);display:block;line-height:1.8;font-size:.9rem}.tema-footer-link:hover{color:var(--brand);transform:translate(4px)}.tema-tabs .MuiTab-root{font-family:inherit!important;font-weight:700!important;text-transform:none!important;border-radius:var(--radius-pill)!important;margin:0 4px!important;min-height:40px!important;transition:all .2s var(--ease)!important}.tema-tabs .MuiTab-root.Mui-selected{color:var(--brand)!important;background:var(--brand-light)!important}.tema-tabs .MuiTabs-indicator{display:none}.tema-dialog .MuiDialog-paper{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important;overflow:hidden}.tema-dialog-header{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;padding:20px 28px}.tema-alert-red{background:var(--brand-light);border:1.5px solid var(--red-200);border-radius:var(--radius-md);color:var(--brand-dark)}@keyframes tema-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tema-pulse-red{0%,to{box-shadow:0 4px 14px #dc26264d}50%{box-shadow:0 4px 28px #dc262699}}@keyframes tema-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tema-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tema-fade-in{animation:tema-fadeInUp .4s var(--ease) both}.tema-pulse{animation:tema-pulse-red 2.5s ease infinite}.tema-float{animation:tema-float 3s ease-in-out infinite}.tema-product-card:nth-child(1){animation-delay:0ms}.tema-product-card:nth-child(2){animation-delay:60ms}.tema-product-card:nth-child(3){animation-delay:.12s}.tema-product-card:nth-child(4){animation-delay:.18s}.tema-product-card:nth-child(5){animation-delay:.24s}.tema-product-card:nth-child(6){animation-delay:.3s}.tema-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:tema-shimmer 1.4s infinite;border-radius:var(--radius-md)}@media (max-width: 768px){.tema-hero-card{border-radius:var(--radius-lg)!important}.tema-panel{padding:20px;border-radius:var(--radius-lg)}.tema-product-card:hover{transform:none}}.MuiChip-root{font-family:"Plus Jakarta Sans",inherit!important;border-radius:100px!important;font-weight:800!important}.MuiButton-root{font-family:"Plus Jakarta Sans",inherit!important;letter-spacing:-.01em!important;border-radius:100px!important;text-transform:none!important;transition:all .22s cubic-bezier(.34,1.56,.64,1)!important}.MuiButton-containedError,.MuiButton-containedPrimary{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 10px 22px -5px #ef444461!important}.MuiButton-containedError:hover,.MuiButton-containedPrimary:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-2px) scale(1.01)!important;box-shadow:0 14px 28px -5px #dc26267a!important}.MuiTypography-root{font-family:"Plus Jakarta Sans",inherit!important;letter-spacing:-.01em}.MuiPaper-root,.MuiCard-root{border-radius:20px!important;box-shadow:0 6px 20px -3px #0f172a0a,0 2px 6px -1px #0f172a05!important;border:1px solid rgba(226,232,240,.8)!important}.MuiOutlinedInput-root{border-radius:14px!important;background-color:#f8fafc;transition:all .2s ease!important}.MuiOutlinedInput-root.Mui-focused{background-color:#fff;box-shadow:0 0 0 4px #ef44441f!important}.MuiDialog-paper{border-radius:28px!important;box-shadow:0 25px 50px -12px #0f172a40!important}.tema-sidebar{width:260px;background:#fff;border-right:1.5px solid #f1f5f9;display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:100}.tema-sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:100px;color:#64748b;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);margin-bottom:6px}.tema-sidebar-item:hover{background:#fef2f2;color:var(--brand);transform:translate(4px)}.tema-sidebar-item.active{background:linear-gradient(135deg,#fef2f2,#ffe4e6);color:var(--brand);font-weight:900;box-shadow:0 4px 12px #ef44441f}.tema-erp-header{background:#fff;border-bottom:1.5px solid #f1f5f9;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:99}.tema-badge-green{background:#dcfce7;color:#16a34a;font-size:.72rem;font-weight:800;padding:4px 12px;border-radius:100px;display:inline-flex;align-items:center;gap:3px}.tema-badge-red{background:var(--brand-light);color:var(--brand);font-size:.72rem;font-weight:800;padding:4px 12px;border-radius:100px}.tema-stat-box{background:#fff;border:1.5px solid #f1f5f9;border-radius:20px;padding:20px 24px;transition:all .22s cubic-bezier(.34,1.56,.64,1)}.tema-stat-box:hover{border-color:#fecdd3;transform:translateY(-3px);box-shadow:0 12px 24px -6px #0f172a0f}