@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}:root{--green-btn:#10b981}.hero{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 h1{margin-bottom:20px;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.upload-card{background:#fff;border-radius:40px;width:90%;max-width:1000px;margin:0 auto;padding:40px;box-shadow:0 20px 40px #00000014}.responsive-layout{text-align:left;align-items:flex-start;gap:40px;width:100%;display:flex}.layout-left{flex:1.2;padding-left:10px}.layout-right{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:24px;flex:.8;justify-content:center;align-items:center;min-height:300px;display:flex}.form-stack{flex-direction:column;gap:15px;width:100%;display:flex}.search-form{gap:10px;margin-bottom:20px;display:flex}.url-input{border:2px solid #e5e7eb;border-radius:99px;outline:none;width:100%;padding:14px 20px;font-family:inherit;transition:border-color .3s}.url-input:focus{border-color:var(--pink-btn)}.product-card{text-align:center;width:100%;padding:20px}.sku-tag{color:var(--text-gray);background:#f3f4f6;border-radius:99px;padding:4px 10px;font-size:.75rem;font-weight:700}.name{color:var(--text-dark);margin:10px 0 20px;font-size:1.2rem;font-weight:800}.stock-circle{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{color:var(--pink-btn);font-size:2.2rem;font-weight:900;line-height:1}.stock-unit{color:var(--text-gray);font-size:.8rem;font-weight:700}.sync-info{color:var(--green-btn);justify-content:center;align-items:center;gap:5px;margin-top:15px;font-size:.75rem;font-weight:700;display:flex}.dot{background:var(--green-btn);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse;display:inline-block}.btn-3d{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{background:var(--pink-btn);color:#fff;border-color:#be185d;box-shadow:4px 4px #be185d}.btn-3d.blue{background:var(--blue-btn);color:#fff;border-color:#1e3a8a;box-shadow:4px 4px #1e3a8a}.btn-3d.green{background:var(--green-btn);color:#fff;border-color:#047857;box-shadow:4px 4px #047857}.btn-3d.outline{color:var(--text-dark);background:#fff;border-color:#d1d5db;box-shadow:4px 4px #d1d5db}.btn-3d:not(:disabled):active{transform:translate(4px,4px);box-shadow:0 0 #0000}.btn-wrapper{display:inline-block}.btn-3d:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:2px 2px #00000080}.w-full{width:100%}.btn-small{padding:8px 16px;font-size:.85rem}.btn-master{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{gap:8px;margin-bottom:12px;display:flex}.mode-toggle label{text-align:center;cursor:pointer;border:2px solid #e5e7eb;border-radius:10px;flex:1;padding:8px;font-size:.85rem;font-weight:700}.mode-toggle label.active{border-color:var(--pink-btn);color:var(--pink-btn);background:#fdf2f8}.placeholder-icon{color:#d1d5db;font-size:3rem}.preview-media{border-radius:12px;max-width:100%;max-height:250px}.modal-overlay{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{background:#fff;border-radius:20px;width:90%;max-width:400px;padding:30px}.modal-input{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:10px;padding:12px;font-family:inherit;font-size:.9rem}.sub-text{color:var(--text-gray);margin-bottom:20px;font-size:.85rem;line-height:1.4}.input-label{color:var(--text-dark);text-align:left;margin-bottom:5px;font-size:.85rem;font-weight:700;display:block}.btn-group-modal{gap:10px;margin-top:15px;display:flex}.table-container{text-align:left;border-top:2px dashed #e5e7eb;margin-top:40px;padding-top:30px}.table-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.table-header-flex h3{color:var(--text-dark);margin:0;font-size:1.5rem;font-weight:800}.table-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.table-search-input{color:var(--text-dark);border:2px solid #e5e7eb;border-radius:8px;outline:none;min-width:180px;padding:8px 12px;font-family:inherit;font-size:.8rem;font-weight:500;transition:border-color .2s}.table-search-input:focus{border-color:var(--pink-btn)}.select-dropdown{cursor:pointer;color:var(--text-dark);border:2px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:.85rem;font-weight:700}.select-dropdown:focus{border-color:var(--pink-btn)}.table-wrapper{-ms-overflow-style:none;scrollbar-width:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:550px;overflow:auto}.table-wrapper::-webkit-scrollbar{display:none}.data-table{border-collapse:collapse;width:100%;min-width:600px}.data-table th,.data-table td{border-bottom:1px solid #f3f4f6;padding:8px 12px;font-size:.75rem}.login-alert{color:var(--text-gray);margin-top:10px;font-size:.9rem;font-weight:700}.login-link{color:var(--pink-btn);cursor:pointer;text-decoration:underline;transition:opacity .2s}.login-link:hover{opacity:.8}.data-table th{z-index:10;color:var(--text-gray);text-transform:uppercase;background:#f9fafb;font-size:.65rem;font-weight:800;position:sticky;top:0;box-shadow:0 1px #f3f4f6}.data-table tr:hover{background:#fdf2f8}.empty-td{text-align:center;color:var(--text-gray);padding:30px;font-weight:700}.font-mono{font-family:monospace;font-size:.75rem}.text-blue{color:var(--blue-btn);font-weight:700}.font-bold{font-weight:700}.text-dark{color:var(--text-dark)}.stock-badge{font-size:.75rem;font-weight:800}.stock-badge.safe{color:#16a34a}.stock-badge.danger{color:#dc2626}.user-badge{color:#4b5563;font-size:.75rem;font-weight:600}.pagination-bar{justify-content:space-between;align-items:center;margin-top:15px;padding:5px 0;display:flex}.page-info{color:var(--text-gray);font-size:.85rem;font-weight:700}.page-btn{cursor:pointer;background:#fff;border:2px solid #111827;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .1s;box-shadow:2px 2px #111827}.page-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.page-btn:not(:disabled):active{transform:translate(2px,2px);box-shadow:0 0 #111827}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){.responsive-layout{flex-direction:column;gap:20px}.layout-left{width:100%;padding-left:0}.layout-right{order:-1;width:100%;min-height:250px}.upload-card{border-radius:25px;width:95%;padding:25px}.hero-text h1{font-size:2rem}.table-header-flex{flex-direction:column;align-items:flex-start}.table-controls{justify-content:flex-start;width:100%}}.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:4px;padding:5px;display:none}.hamburger.svelte-zne36e span:where(.svelte-zne36e){background:#111827;border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.hamburger.svelte-zne36e span.open:where(.svelte-zne36e):first-child{transform:translateY(6px)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(-6px)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-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}}