@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#04080f;--bg2:#070d1a;--bg3:#0a1220;--card:#080f1e;--card2:#0c1525;--border:#00dcb41a;--border2:#00dcb440;--primary:#00dcb4;--primary2:#00f5c8;--pdim:#00dcb41f;--pglow:#00dcb459;--accent:#3b82f6;--adim:#3b82f626;--success:#22d3a0;--sdim:#22d3a026;--warn:#f59e0b;--wdim:#f59e0b1f;--danger:#f43f5e;--ddim:#f43f5e26;--text:#e8f4f0;--text2:#7fb3a8;--text3:#3d6b62;--r:16px;--r2:10px;--font:"Outfit",sans-serif;--mono:"JetBrains Mono",monospace;--shadow:0 8px 32px #00000080;--glow:0 0 30px #00dcb426}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#04080f;background:var(--bg)}::-webkit-scrollbar-thumb{background:#00dcb440;background:var(--border2);border-radius:2px}body{background:#04080f;background:var(--bg);color:#e8f4f0;color:var(--text);font-family:Outfit,sans-serif;font-family:var(--font);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(ellipse 70% 60% at 20% -10%,#00dcb412 0,#0000 55%),radial-gradient(ellipse 50% 40% at 85% 90%,#3b82f60f 0,#0000 50%),radial-gradient(ellipse 40% 30% at 60% 50%,#00dcb408 0,#0000 60%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.page-enter{animation:pageIn .4s cubic-bezier(.22,1,.36,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.navbar{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#04080fcc;border-bottom:1px solid #00dcb41a;border-bottom:1px solid var(--border);display:flex;height:66px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar:after{background:linear-gradient(90deg,#0000,#00dcb459,#0000);background:linear-gradient(90deg,#0000,var(--pglow),#0000);bottom:0;content:"";height:1px;left:10%;opacity:.6;position:absolute;right:10%}.navbar-brand{align-items:center;cursor:pointer;display:flex;gap:12px;text-decoration:none}.logo-mark{flex-shrink:0;height:38px;position:relative;width:38px}.logo-mark svg{filter:drop-shadow(0 0 8px rgba(0,220,180,.35));filter:drop-shadow(0 0 8px var(--pglow));height:38px;transition:filter .3s,transform .3s;width:38px}.navbar-brand:hover .logo-mark svg{filter:drop-shadow(0 0 16px #00dcb4);filter:drop-shadow(0 0 16px var(--primary));transform:rotate(15deg) scale(1.05)}.logo-ring{animation:spinRing 6s linear infinite;background:conic-gradient(#00dcb4,#3b82f6,#00dcb4) border-box;background:conic-gradient(var(--primary),var(--accent),var(--primary)) border-box;border:1.5px solid #0000;border-radius:50%;inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;position:absolute}@keyframes spinRing{to{transform:rotate(1turn)}}.logo-text{font-family:Outfit,sans-serif;font-family:var(--font);font-size:1.15rem;font-weight:800;letter-spacing:-.3px;line-height:1.1}.logo-text .t1{color:#e8f4f0;color:var(--text)}.logo-text .t2{color:#00dcb4;color:var(--primary);display:block;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.62rem;letter-spacing:3px;opacity:.8;text-transform:uppercase}.navbar-links{align-items:center;display:flex;gap:4px}.nav-link{border-radius:10px;border-radius:var(--r2);color:#7fb3a8;color:var(--text2);font-size:.875rem;font-weight:500;padding:7px 14px;position:relative;text-decoration:none;transition:all .2s}.nav-link:after{background:#00dcb4;background:var(--primary);border-radius:1px;bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .2s;width:0}.nav-link:hover{background:#00dcb41f;background:var(--pdim);color:#00dcb4;color:var(--primary)}.nav-link:hover:after{width:60%}.cart-pill{align-items:center;background:#00dcb41f;background:var(--pdim);border:1px solid #00dcb440;border:1px solid var(--border2);border-radius:30px;color:#00dcb4;color:var(--primary);display:flex;font-size:.875rem;font-weight:700;gap:8px;overflow:hidden;padding:8px 18px;position:relative;text-decoration:none;transition:all .25s}.cart-pill:before{background:linear-gradient(135deg,#0000 40%,#00dcb426);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.cart-pill:hover{border-color:#00dcb4;border-color:var(--primary);box-shadow:0 0 24px #00dcb459;box-shadow:0 0 24px var(--pglow)}.cart-pill:hover:before{opacity:1}.cart-count{align-items:center;animation:popIn .3s cubic-bezier(.22,1,.36,1);background:#00dcb4;background:var(--primary);border-radius:50%;color:#04080f;color:var(--bg);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.7rem;font-weight:800;height:20px;justify-content:center;width:20px}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.main-content{margin:0 auto;max-width:1200px;padding:36px 20px;position:relative;z-index:1}.hero{background:linear-gradient(135deg,#070d1a,#0a1220);background:linear-gradient(135deg,var(--bg2) 0,var(--bg3) 100%);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:16px;border-radius:var(--r);margin-bottom:36px;overflow:hidden;padding:48px 40px;position:relative}.hero:before{background:radial-gradient(circle,#00dcb41f,#0000 65%);height:300px;right:-40px;top:-40px;width:300px}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute}.hero:after{background:radial-gradient(circle,#3b82f614,#0000 65%);bottom:-20px;height:200px;left:-20px;width:200px}.hero-eyebrow{align-items:center;background:#00dcb41f;background:var(--pdim);border:1px solid #00dcb440;border:1px solid var(--border2);border-radius:20px;color:#00dcb4;color:var(--primary);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.7rem;gap:8px;letter-spacing:3px;margin-bottom:16px;padding:5px 14px;text-transform:uppercase}.hero-eyebrow .dot{animation:pulse 2s infinite;background:#00dcb4;background:var(--primary);border-radius:50%;height:6px;width:6px}.hero-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;letter-spacing:-1.5px;line-height:1.1;margin-bottom:12px}.hero-title .ht1{color:#e8f4f0;color:var(--text)}.hero-title .ht2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00dcb4,#00a8ff);background:linear-gradient(135deg,var(--primary) 0,#00a8ff 100%);-webkit-background-clip:text;background-clip:text}.hero-sub{color:#7fb3a8;color:var(--text2);font-size:.95rem;max-width:500px}.search-wrap{display:flex;gap:10px;margin-bottom:32px}.search-wrap input{flex:1 1}.sec-title{align-items:center;color:#3d6b62;color:var(--text3);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.7rem;gap:10px;letter-spacing:2.5px;margin-bottom:20px;text-transform:uppercase}.sec-title:after{background:#00dcb41a;background:var(--border);content:"";flex:1 1;height:1px}.product-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both;background:#080f1e;background:var(--card);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:16px;border-radius:var(--r);cursor:default;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}.card:hover{border-color:#00dcb440;border-color:var(--border2);box-shadow:0 24px 48px #00000080,0 0 30px #00dcb426;box-shadow:0 24px 48px #00000080,var(--glow);transform:translateY(-6px) scale(1.01)}.card:before{background:linear-gradient(90deg,#0000,#00dcb4,#0000);background:linear-gradient(90deg,#0000,var(--primary),#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.card:hover:before{opacity:.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.product-img{height:210px;object-fit:cover;transition:transform .4s;width:100%}.card:hover .product-img{transform:scale(1.04)}.product-img-placeholder{align-items:center;background:linear-gradient(135deg,#00dcb40f,#3b82f60f);border-bottom:1px solid #00dcb41a;border-bottom:1px solid var(--border);display:flex;font-size:3.5rem;height:210px;justify-content:center;width:100%}.product-body{padding:18px}.product-cat{color:#00dcb4;color:var(--primary);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.65rem;letter-spacing:1.5px;margin-bottom:8px;opacity:.8;text-transform:uppercase}.product-name{color:#e8f4f0;color:var(--text);font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:6px}.product-desc{color:#7fb3a8;color:var(--text2);font-size:.82rem;line-height:1.5;margin-bottom:14px}.product-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.product-price{color:#00dcb4;color:var(--primary);font-size:1.1rem;font-weight:700;text-shadow:0 0 20px #00dcb459;text-shadow:0 0 20px var(--pglow)}.product-price,.product-stock{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.product-stock{background:#0a1220;background:var(--bg3);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:20px;color:#7fb3a8;color:var(--text2);font-size:.73rem;padding:3px 10px}.product-stock.low{border-color:#f59e0b4d;color:#f59e0b;color:var(--warn)}.btn{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--r2);cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-family:var(--font);font-size:.875rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.2px;overflow:hidden;padding:10px 22px;position:relative;text-decoration:none;transition:all .22s cubic-bezier(.22,1,.36,1);white-space:nowrap}.btn:after{background:#ffffff0f;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.4;transform:none!important}.btn-primary{background:#00dcb4;background:var(--primary);border-color:#00dcb4;border-color:var(--primary);color:#04080f;color:var(--bg)}.btn-primary:hover{background:#00f5c8;background:var(--primary2);box-shadow:0 0 28px #00dcb459;box-shadow:0 0 28px var(--pglow);transform:translateY(-1px)}.btn-ghost{background:#00dcb41f;background:var(--pdim);border-color:#00dcb440;border-color:var(--border2);color:#00dcb4;color:var(--primary)}.btn-ghost:hover{background:#00dcb433;box-shadow:0 0 20px #00dcb459;box-shadow:0 0 20px var(--pglow)}.btn-secondary{background:#0a1220;background:var(--bg3);border-color:#00dcb41a;border-color:var(--border);color:#7fb3a8;color:var(--text2)}.btn-secondary:hover{background:#0c1525;background:var(--card2);border-color:#00dcb440;border-color:var(--border2);color:#e8f4f0;color:var(--text)}.btn-danger{background:#0000;border-color:#f43f5e4d;color:#f43f5e;color:var(--danger)}.btn-danger:hover{background:#f43f5e26;background:var(--ddim);box-shadow:0 0 20px #f43f5e33}.btn-success{background:#22d3a0;background:var(--success);border-color:#22d3a0;border-color:var(--success);color:#04080f;color:var(--bg)}.btn-success:hover{box-shadow:0 0 24px #22d3a066;transform:translateY(-1px)}.btn-full{width:100%}.section-box{animation:fadeUp .4s cubic-bezier(.22,1,.36,1) both;background:#080f1e;background:var(--card);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:16px;border-radius:var(--r);margin-bottom:18px;padding:24px}.section-box:hover{border-color:#00dcb426}.form-group{margin-bottom:18px}.form-label{color:#7fb3a8;color:var(--text2);display:block;font-size:.82rem;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.form-control{background:#0a1220;background:var(--bg3);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:10px;border-radius:var(--r2);color:#e8f4f0;color:var(--text);font-family:Outfit,sans-serif;font-family:var(--font);font-size:.93rem;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.form-control:focus{background:#0c1525;background:var(--card2);border-color:#00dcb4;border-color:var(--primary);box-shadow:0 0 0 3px #00dcb41a,0 0 16px #00dcb40d}.form-control::placeholder{color:#3d6b62;color:var(--text3)}textarea.form-control{min-height:80px;resize:vertical}.cart-item{align-items:center;border-bottom:1px solid #00dcb41a;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:14px 0;transition:background .2s}.cart-item:last-child{border-bottom:none}.cart-thumb{align-items:center;background:#0a1220;background:var(--bg3);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:62px;justify-content:center;overflow:hidden;width:62px}.cart-thumb img{height:100%;object-fit:cover;width:100%}.cart-info{flex:1 1;min-width:0}.cart-name{font-size:.92rem;font-weight:700;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-price{color:#7fb3a8;color:var(--text2);font-size:.8rem}.cart-price,.cart-sub{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.cart-sub{color:#00dcb4;color:var(--primary);font-size:.9rem;font-weight:700}.qty-ctrl{gap:6px}.qty-btn,.qty-ctrl{align-items:center;display:flex}.qty-btn{background:#0a1220;background:var(--bg3);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:7px;color:#e8f4f0;color:var(--text);cursor:pointer;font-size:1rem;font-weight:700;height:30px;justify-content:center;transition:all .2s;width:30px}.qty-btn:hover{background:#00dcb41f;background:var(--pdim);border-color:#00dcb4;border-color:var(--primary);color:#00dcb4;color:var(--primary)}.qty-num{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.9rem;font-weight:700;text-align:center;width:28px}.sum-row{align-items:center;border-bottom:1px solid #00dcb41a;border-bottom:1px solid var(--border);color:#7fb3a8;color:var(--text2);display:flex;font-size:.88rem;justify-content:space-between;padding:10px 0}.sum-row:last-child{border-bottom:none;color:#00dcb4;color:var(--primary);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:1.05rem;font-weight:800;padding-top:14px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e8f4f0,#00dcb4);background:linear-gradient(135deg,var(--text) 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:900;letter-spacing:-.8px;margin-bottom:24px}.two-col{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 310px}.badge{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.72rem;font-weight:700;gap:5px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-pending{background:#f59e0b1f;background:var(--wdim);border-color:#f59e0b4d;color:#f59e0b;color:var(--warn)}.badge-paid{background:#22d3a026;background:var(--sdim);border-color:#22d3a04d;color:#22d3a0;color:var(--success)}.badge-processing{background:#3b82f626;background:var(--adim);border-color:#3b82f64d;color:#3b82f6;color:var(--accent)}.badge-completed{background:#22d3a026;background:var(--sdim);border-color:#22d3a04d;color:#22d3a0;color:var(--success)}.badge-cancelled{background:#f43f5e26;background:var(--ddim);border-color:#f43f5e4d;color:#f43f5e;color:var(--danger)}.alert{animation:fadeUp .3s ease;border:1px solid;border-radius:10px;border-radius:var(--r2);font-size:.87rem;margin-bottom:14px;padding:12px 16px}.alert-success{background:#22d3a026;background:var(--sdim);border-color:#22d3a04d;color:#22d3a0;color:var(--success)}.alert-error{background:#f43f5e26;background:var(--ddim);border-color:#f43f5e4d;color:#f43f5e;color:var(--danger)}.alert-info{background:#3b82f626;background:var(--adim);border-color:#3b82f64d;color:#3b82f6;color:var(--accent)}.alert-warning{background:#f59e0b1f;background:var(--wdim);border-color:#f59e0b4d;color:#f59e0b;color:var(--warn)}.loading{color:#7fb3a8;color:var(--text2);padding:80px 20px;text-align:center}.spinner{animation:spin .6s linear infinite;border:2px solid #00dcb41a;border-top-color:#00dcb4;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:38px;margin:0 auto 16px;width:38px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{animation:fadeUp .4s ease;color:#7fb3a8;color:var(--text2);padding:80px 20px;text-align:center}.empty-icon{display:block;font-size:3.5rem;margin-bottom:16px;opacity:.4}.empty-state p{margin-bottom:20px}.qris-center{padding:8px 0;text-align:center}.qris-label{color:#3d6b62;color:var(--text3);font-size:.68rem;letter-spacing:2.5px;margin-bottom:6px;text-transform:uppercase}.qris-amount,.qris-label{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.qris-amount{animation:fadeUp .5s ease;color:#00dcb4;color:var(--primary);font-size:2rem;font-weight:700;margin-bottom:22px;text-shadow:0 0 30px #00dcb459;text-shadow:0 0 30px var(--pglow)}.qris-frame{animation:fadeUp .6s cubic-bezier(.22,1,.36,1);background:#fff;border-radius:16px;border-radius:var(--r);box-shadow:0 0 60px #00dcb433,0 20px 40px #0006;display:inline-block;margin-bottom:22px;padding:18px}.qris-timer{align-items:center;background:#0a1220;background:var(--bg3);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:24px;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:1rem;font-weight:700;gap:10px;margin-bottom:20px;padding:9px 22px;transition:all .3s}.qris-timer .dot{animation:pulse 1.4s infinite;background:#22d3a0;background:var(--success);border-radius:50%;height:8px;width:8px}.qris-timer.urgent{border-color:#f43f5e66;box-shadow:0 0 20px #f43f5e26;color:#f43f5e;color:var(--danger)}.qris-timer.urgent .dot{background:#f43f5e;background:var(--danger)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.steps{display:flex;flex-direction:column;gap:8px}.step{align-items:flex-start;background:#0a1220;background:var(--bg3);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:10px;border-radius:var(--r2);display:flex;gap:12px;padding:12px 14px;transition:border-color .2s}.step:hover{border-color:#00dcb440;border-color:var(--border2)}.step-num{align-items:center;background:#00dcb41f;background:var(--pdim);border:1px solid #00dcb440;border:1px solid var(--border2);border-radius:50%;color:#00dcb4;color:var(--primary);display:flex;flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.7rem;font-weight:800;height:24px;justify-content:center;width:24px}.step-text{color:#7fb3a8;color:var(--text2);font-size:.86rem;line-height:1.4;padding-top:2px}.status-hero{animation:fadeUp .5s cubic-bezier(.22,1,.36,1);background:#080f1e;background:var(--card);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:16px;border-radius:var(--r);margin-bottom:18px;overflow:hidden;padding:36px 24px;position:relative;text-align:center}.status-hero:before{background:radial-gradient(ellipse at 50% 0,#00dcb414,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.status-icon{animation:popIn .5s cubic-bezier(.22,1,.36,1) .1s both;display:block;font-size:3.8rem;margin-bottom:14px}.status-label{font-size:1.25rem;font-weight:800;margin-bottom:10px}.status-oid{background:#0a1220;background:var(--bg3);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:20px;color:#3d6b62;color:var(--text3);display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.78rem;padding:4px 14px}.sandbox{background:#f59e0b1f;background:var(--wdim);border:1px dashed #f59e0b59;border-radius:16px;border-radius:var(--r);margin-top:14px;padding:20px}.sandbox-title{color:#f59e0b;color:var(--warn);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.7rem;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.info-box{background:#0a1220;background:var(--bg3);border:1px solid #00dcb41a;border:1px solid var(--border);border-radius:10px;border-radius:var(--r2);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.info-box-item .label{color:#3d6b62;color:var(--text3);font-size:.68rem;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.info-box-item .label,.info-box-item .val{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.info-box-item .val{font-size:.9rem;font-weight:700}.cancel-box{animation:fadeUp .4s ease;background:#080f1e;background:var(--card);border:1px solid #f43f5e2e;border-radius:16px;border-radius:var(--r);margin-bottom:14px;padding:20px}@media (max-width:768px){.two-col{grid-template-columns:1fr}.navbar{padding:0 16px}.main-content{padding:20px 14px}.hero{padding:28px 22px}}@media (max-width:480px){.product-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.product-img,.product-img-placeholder{height:150px}.logo-text .t2,.nav-link{display:none}}
/*# sourceMappingURL=main.b9115c2f.css.map*/