@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--text-dark:#111827;--text-gray:#6b7280;--bg-white:#fff;--pink-btn:#f500a2;--blue-btn:#3b82f6;--purple-btn:#8b5cf6;--border-dark:#111827}*,:before,:after{box-sizing:border-box}body,html{color:var(--text-dark);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}.btn-3d{color:#fff;background-color:var(--pink-btn);border:2px solid var(--border-dark);box-shadow:4px 4px 0px var(--border-dark);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .1s;display:inline-flex}.btn-3d:active{box-shadow:0px 0px 0px var(--border-dark);transform:translate(4px,4px)}.btn-3d:disabled{opacity:.7;cursor:not-allowed;box-shadow:0px 0px 0px var(--border-dark);transform:translate(4px,4px)}.btn-3d.blue{background-color:var(--blue-btn)}.btn-3d.purple{background-color:var(--purple-btn)}.checkerboard-bg{background-image:linear-gradient(45deg,#e5e5e5 25%,#0000 25%),linear-gradient(-45deg,#e5e5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e5e5 75%),linear-gradient(-45deg,#0000 75%,#e5e5e5 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.site-header.svelte-zne36e{z-index:100;background:#fff;border-bottom:1px solid #eaeaea;position:sticky;top:0;box-shadow:0 4px 15px #00000008}.header-top.svelte-zne36e{justify-content:space-between;align-items:center;gap:20px;padding:15px 40px;display:flex}.logo-search-container.svelte-zne36e{flex-grow:1;align-items:center;gap:20px;display:flex}.logo.svelte-zne36e{color:#f472b6;letter-spacing:-1px;white-space:nowrap;font-size:1.8rem;font-weight:800}.logo.svelte-zne36e span:where(.svelte-zne36e){color:#111827}.search-bar.svelte-zne36e{border:1px solid #ccc;border-radius:99px;align-items:center;width:100%;max-width:300px;padding:8px 16px;display:flex}.search-bar.svelte-zne36e input:where(.svelte-zne36e){border:none;outline:none;width:100%;font-family:inherit}.header-actions.svelte-zne36e{align-items:center;display:flex}.desktop-actions.svelte-zne36e{align-items:center;gap:20px;font-size:.9rem;font-weight:600;display:flex}.hamburger.svelte-zne36e{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.hamburger.svelte-zne36e span:where(.svelte-zne36e){background:#111827;border-radius:2px;width:25px;height:3px;transition:all .3s;display:block}.hamburger.svelte-zne36e span.open:where(.svelte-zne36e):first-child{transform:translateY(8px)rotate(45deg)}.hamburger.svelte-zne36e span.open:where(.svelte-zne36e):nth-child(2){opacity:0}.hamburger.svelte-zne36e span.open:where(.svelte-zne36e):nth-child(3){transform:translateY(-8px)rotate(-45deg)}.main-nav.svelte-zne36e{color:#6b7280;border-top:1px solid #eaeaea;gap:30px;padding:15px 40px;font-weight:600;display:flex}.main-nav.svelte-zne36e button:where(.svelte-zne36e){cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;font-size:1rem;transition:all .2s}.main-nav.svelte-zne36e button.active:where(.svelte-zne36e){color:#111827;border-bottom:2px solid #111827;padding-bottom:5px}.mobile-menu.svelte-zne36e{background:#fff;border-top:1px solid #eaeaea;padding:15px 25px;box-shadow:0 10px 15px #0000000d}.mobile-nav.svelte-zne36e{flex-direction:column;gap:5px;display:flex}.mobile-nav.svelte-zne36e button:where(.svelte-zne36e){text-align:left;color:#6b7280;background:0 0;border:none;padding:12px 0;font-size:1rem;font-weight:700;transition:color .2s}.mobile-nav.svelte-zne36e button.active:where(.svelte-zne36e){color:#f472b6}hr.svelte-zne36e{border:none;border-top:1px solid #eee;margin:10px 0}.mobile-user-info.svelte-zne36e{flex-direction:column;align-items:flex-start;gap:15px;padding-top:5px;display:flex}.mobile-nav.svelte-zne36e .header-btn:where(.svelte-zne36e){box-sizing:border-box;text-align:center;width:100%;margin-top:5px;padding:12px;font-size:.95rem}@media (width<=768px){.header-top.svelte-zne36e{gap:10px;padding:10px 20px}.logo.svelte-zne36e{font-size:1.4rem}.search-bar.svelte-zne36e{max-width:140px;padding:5px 12px}.search-bar.svelte-zne36e input:where(.svelte-zne36e){font-size:.85rem}.desktop-actions.svelte-zne36e,.desktop-nav.svelte-zne36e{display:none}.hamburger.svelte-zne36e{display:flex}}.header-btn.svelte-zne36e{cursor:pointer;background:#fff;border:2px solid #111827;border-radius:99px;padding:8px 16px;font-weight:700;box-shadow:2px 2px #111827}.header-btn.login.svelte-zne36e{color:#fff;background:#f472b6;border-color:#be185d;box-shadow:2px 2px #be185d}.header-btn.logout.svelte-zne36e{color:#dc2626;box-shadow:none;background:#f3f4f6;border-color:#fca5a5}.role-tag.svelte-zne36e{text-transform:uppercase;text-align:center;border-radius:99px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:800}.role-tag.superadmin.svelte-zne36e{color:#854d0e;background:#fef08a}.role-tag.gudang.svelte-zne36e{color:#1e40af;background:#dbeafe}.w-full.svelte-zne36e{width:100%}.modal-overlay.svelte-zne36e{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#11182799;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box.svelte-zne36e{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:40px 30px;position:relative}.close-btn.svelte-zne36e{cursor:pointer;color:#9ca3af;background:0 0;border:none;font-size:1.8rem;position:absolute;top:15px;right:20px}.modal-input.svelte-zne36e{box-sizing:border-box;border:2px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:15px;padding:15px 20px}.btn-3d.svelte-zne36e{cursor:pointer;border:2px solid #111827;border-radius:12px;padding:14px 24px;font-weight:700;box-shadow:4px 4px #111827}.btn-3d.pink.svelte-zne36e{color:#fff;background:#f472b6;border-color:#be185d;box-shadow:4px 4px #be185d}@media (width<=768px){.header-top.svelte-zne36e{padding:15px 20px}.logo.svelte-zne36e{font-size:1.4rem}.search-bar.svelte-zne36e{max-width:160px;padding:6px 12px}.desktop-actions.svelte-zne36e,.desktop-nav.svelte-zne36e{display:none}.hamburger.svelte-zne36e{display:flex}}.container.svelte-1l8ziv{max-width:1200px;margin:0 auto;padding:80px 20px}.split-layout.svelte-1l8ziv{align-items:center;gap:60px;display:flex}.text-container.svelte-1l8ziv{flex:1}.text-container.svelte-1l8ziv h2:where(.svelte-1l8ziv){letter-spacing:-1px;color:#111827;margin-bottom:20px;font-size:2.5rem;font-weight:800;line-height:1.2}.text-container.svelte-1l8ziv p:where(.svelte-1l8ziv){color:#6b7280;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.img-container.svelte-1l8ziv{flex:1}.rounded-img.svelte-1l8ziv{border-radius:40px;width:100%;transition:transform .3s;box-shadow:0 20px 40px #0000001a}.rounded-img.svelte-1l8ziv:hover{transform:translateY(-10px)}.value-props.svelte-1l8ziv{color:#fff;text-align:center;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%)}.value-props.svelte-1l8ziv h2:where(.svelte-1l8ziv){margin-bottom:10px;font-size:2.5rem;font-weight:800}.sub-heading.svelte-1l8ziv{opacity:.9;margin-bottom:50px;font-size:1.2rem;font-weight:500}.card-grid.svelte-1l8ziv{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.prop-card.svelte-1l8ziv{color:#111827;text-align:left;transform-style:preserve-3d;background:#fff;border-radius:24px;padding:40px 30px;transition:transform .1s ease-out;box-shadow:0 10px 30px #0000001a}.icon-box.svelte-1l8ziv{border:2px solid #111827;border-radius:12px;margin-bottom:20px;padding:10px;font-size:1.5rem;display:inline-block;transform:translateZ(20px);box-shadow:2px 2px #111827}.prop-card.svelte-1l8ziv h3:where(.svelte-1l8ziv){margin-bottom:15px;font-size:1.3rem;font-weight:800;transform:translateZ(10px)}.prop-card.svelte-1l8ziv p:where(.svelte-1l8ziv){color:#6b7280;font-size:.95rem;line-height:1.6;transform:translateZ(5px)}.btn-3d.svelte-1l8ziv{cursor:pointer;background:#fff;border:2px solid #111827;border-radius:12px;padding:12px 24px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:4px 4px #111827}.btn-3d.svelte-1l8ziv:active{transform:translate(4px,4px);box-shadow:0 0 #111827}.btn-3d.blue.svelte-1l8ziv{color:#fff;background:#3b82f6}@media (width<=768px){.split-layout.svelte-1l8ziv{text-align:center;flex-direction:column}}.container.svelte-9sff3o{max-width:1200px;margin:0 auto;padding:0 20px}.site-footer.svelte-9sff3o{color:#fff;background:#111827;padding-top:60px}.footer-content.svelte-9sff3o{flex-wrap:wrap;justify-content:space-between;gap:40px;padding-bottom:60px;display:flex}.footer-brand.svelte-9sff3o h2:where(.svelte-9sff3o){color:#f472b6;margin:0 0 10px;font-size:2rem}.footer-brand.svelte-9sff3o span:where(.svelte-9sff3o){color:#fff}.footer-brand.svelte-9sff3o p:where(.svelte-9sff3o){color:#9ca3af}.footer-links.svelte-9sff3o{gap:80px;display:flex}.link-col.svelte-9sff3o h4:where(.svelte-9sff3o){margin-bottom:20px;font-size:1.1rem}.link-col.svelte-9sff3o p:where(.svelte-9sff3o){color:#9ca3af;cursor:pointer;margin-bottom:10px;transition:color .2s}.link-col.svelte-9sff3o p:where(.svelte-9sff3o):hover{color:#fff}.footer-bottom.svelte-9sff3o{text-align:center;color:#9ca3af;border-top:1px solid #374151;padding:20px;font-size:.9rem}@media (width<=768px){.footer-content.svelte-9sff3o{text-align:center;flex-direction:column}.footer-links.svelte-9sff3o{flex-wrap:wrap;justify-content:center;gap:40px}}:root{--pink-btn:#f472b6;--text-dark:#111827;--text-gray:#6b7280;--blue-btn:#3b82f6}.hero.svelte-1n46o8q{text-align:center;background:linear-gradient(135deg,#fff0f8 0%,#e0f2fe 100%);flex-direction:column;align-items:center;padding:20px 20px 80px;display:flex}.hero-text.svelte-1n46o8q h1:where(.svelte-1n46o8q){margin-bottom:20px;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.upload-card.svelte-1n46o8q{background:#fff;border-radius:40px;width:90%;max-width:1000px;margin:0 auto;padding:40px;transition:transform .3s;box-shadow:0 20px 40px #00000014}.responsive-layout.svelte-1n46o8q{text-align:left;align-items:flex-start;gap:40px;width:100%;display:flex}.layout-left.svelte-1n46o8q{flex:1.2;padding-left:10px}.layout-right.svelte-1n46o8q{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:24px;flex:.8;justify-content:center;align-items:center;min-height:300px;display:flex}.form-stack.svelte-1n46o8q{flex-direction:column;gap:15px;width:100%;display:flex}.search-form.svelte-1n46o8q{gap:10px;margin-bottom:20px;display:flex}.url-input.svelte-1n46o8q{border:2px solid #e5e7eb;border-radius:99px;outline:none;width:100%;padding:14px 20px;font-family:inherit;transition:border-color .3s}.url-input.svelte-1n46o8q:focus{border-color:var(--pink-btn)}.product-card.svelte-1n46o8q{text-align:center;width:100%;padding:20px}.sku-tag.svelte-1n46o8q{color:var(--text-gray);background:#f3f4f6;border-radius:99px;padding:4px 10px;font-size:.75rem;font-weight:700}.name.svelte-1n46o8q{color:var(--text-dark);margin:10px 0 20px;font-size:1.2rem;font-weight:800}.stock-circle.svelte-1n46o8q{border:2px solid var(--pink-btn);background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex;box-shadow:0 8px 15px #f472b61a}.stock-val.svelte-1n46o8q{color:var(--pink-btn);font-size:2.2rem;font-weight:900;line-height:1}.stock-unit.svelte-1n46o8q{color:var(--text-gray);font-size:.8rem;font-weight:700}.sync-info.svelte-1n46o8q{color:#10b981;justify-content:center;align-items:center;gap:5px;margin-top:15px;font-size:.75rem;font-weight:700;display:flex}.dot.svelte-1n46o8q{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.5s infinite svelte-1n46o8q-pulse;display:inline-block}.btn-3d.svelte-1n46o8q{cursor:pointer;text-align:center;background:#fff;border:2px solid #111827;border-radius:12px;padding:12px 24px;font-weight:700;transition:all .1s;box-shadow:4px 4px #111827}.btn-3d.pink.svelte-1n46o8q{background:var(--pink-btn);color:#fff;border-color:#be185d;box-shadow:4px 4px #be185d}.btn-3d.blue.svelte-1n46o8q{background:var(--blue-btn);color:#fff;border-color:#1e3a8a;box-shadow:4px 4px #1e3a8a}.btn-3d.svelte-1n46o8q:active{transform:translate(4px,4px);box-shadow:0 0 #111827}.w-full.svelte-1n46o8q{width:100%}.btn-master.svelte-1n46o8q{color:#854d0e;cursor:pointer;background:#fffbeb;border:2px solid #ca8a04;border-radius:12px;width:100%;margin-top:20px;padding:12px;font-weight:800}.mode-toggle.svelte-1n46o8q{gap:8px;margin-bottom:12px;display:flex}.mode-toggle.svelte-1n46o8q label:where(.svelte-1n46o8q){text-align:center;cursor:pointer;border:2px solid #e5e7eb;border-radius:10px;flex:1;padding:8px;font-size:.85rem;font-weight:700}.mode-toggle.svelte-1n46o8q label.active:where(.svelte-1n46o8q){border-color:var(--pink-btn);color:var(--pink-btn);background:#fdf2f8}.placeholder-icon.svelte-1n46o8q{color:#d1d5db;font-size:3rem}.preview-media.svelte-1n46o8q{border-radius:12px;max-width:100%;max-height:250px}.modal-overlay.svelte-1n46o8q{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box.svelte-1n46o8q{background:#fff;border-radius:20px;width:90%;max-width:400px;padding:30px}.modal-input.svelte-1n46o8q{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:10px;padding:12px}@keyframes svelte-1n46o8q-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){.responsive-layout.svelte-1n46o8q{flex-direction:column;gap:20px}.layout-left.svelte-1n46o8q{width:100%;padding-left:0}.layout-right.svelte-1n46o8q{order:-1;width:100%;min-height:250px}.upload-card.svelte-1n46o8q{border-radius:25px;width:95%;padding:25px}.hero-text.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:2rem}.stock-circle.svelte-1n46o8q{width:100px;height:100px}.stock-val.svelte-1n46o8q{font-size:1.8rem}}