*{box-sizing:border-box}body{color:#fff;background:#070711;margin:0;font-family:Inter,system-ui,Arial}button,input,select,textarea{font:inherit}button{cursor:pointer}main.site{background:radial-gradient(circle at 80% 0,#7c3aed55,#0000 35%),radial-gradient(circle at 0 40%,#22d3ee22,#0000 30%),#070711;min-height:100vh}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#070711cc;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:74px;padding:0 6vw;display:flex;position:sticky;top:0}.nav button{color:#fff;background:0 0;border:0;padding:10px 14px}.announcement{text-align:center;color:#c4b5fd;background:#7c3aed22;padding:10px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:46px;min-height:640px;padding:60px 6vw;display:grid}.hero h1{background:linear-gradient(#fff,#a78bfa);color:#0000;-webkit-background-clip:text;margin:12px 0;font-size:clamp(54px,8vw,104px);line-height:.9}.hero p{color:#cbd5e1;font-size:20px}.hero img{width:100%;animation:5s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-18px)}}.eyebrow{color:#67e8f9;font-weight:800}.section{padding:60px 6vw}.productGrid,.checkoutGrid,.dashboardGrid,.stats,.paymentGrid,.adminCards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background:linear-gradient(#ffffff12,#ffffff06);border:1px solid #ffffff18;border-radius:26px;margin:14px 0;padding:22px;box-shadow:0 20px 70px #0005}.productImage{object-fit:contain;background:#0003;border-radius:18px;width:100%;height:210px}.thumb{object-fit:contain;background:#0003;border-radius:16px;width:120px;height:90px}.btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);border:0;border-radius:16px;align-items:center;gap:8px;margin:6px;padding:12px 16px;font-weight:800;display:inline-flex}.btn.danger,.danger{background:#ef4444}.btn:disabled{opacity:.45}.muted{color:#94a3b8}.field{gap:7px;margin:10px 0;display:grid}.field span{color:#cbd5e1;font-size:13px}.field input,.field select,.field textarea{color:#fff;background:#020617;border:1px solid #ffffff18;border-radius:13px;padding:12px}.field textarea{min-height:110px}.center{background:radial-gradient(circle at top,#7c3aed55,#0000 40%),#070711;place-items:center;min-height:100vh;display:grid}.authCard{width:min(460px,94vw)}.loading{place-items:center;min-height:100vh;font-size:34px;font-weight:900;display:grid}.paymentChoice{color:#fff;background:#020617;border:1px solid #ffffff18;border-radius:16px;align-items:center;gap:12px;width:100%;margin:10px 0;padding:16px;display:flex}.paymentChoice.selected{background:#0891b233;border-color:#22d3ee}.check{color:#cbd5e1;gap:8px;margin:14px 0;display:flex}.invoice h1{color:#67e8f9}.qris{background:#fff;border-radius:18px;width:170px}.uploadBox{color:#a5f3fc;border:1px dashed #22d3ee77;border-radius:18px;place-items:center;gap:8px;margin:12px 0;padding:16px;display:grid}.uploadBox.small{padding:12px}.uploadBox input{display:none}.row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px;display:flex}.toast{z-index:100;background:#064e3b;border:1px solid #22c55e;border-radius:16px;padding:14px 18px;position:fixed;top:20px;right:20px}.toast.err{background:#450a0a;border-color:#ef4444}.link{color:#67e8f9;background:0 0;border:0;margin-top:10px}.adminShell{background:#070711;grid-template-columns:270px 1fr;min-height:100vh;display:grid}.adminShell aside{background:#070711;border-right:1px solid #ffffff14;height:100vh;padding:20px;position:sticky;top:0}.adminShell aside button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:13px;width:100%;margin:4px 0;padding:12px}.adminShell aside button.active,.adminShell aside button:hover{color:#fff;background:#7c3aed33}.adminShell section{padding:24px}.adminHeader{justify-content:space-between;align-items:center;display:flex}.proof{border-radius:18px;max-width:160px}.editBox{position:relative}.toggle{color:#fff;background:#020617;border:1px solid #ffffff18;border-radius:14px;justify-content:space-between;align-items:center;width:100%;margin:10px 0;padding:13px;display:flex}.toggle.on{background:#14532d55;border-color:#22c55e}.switch{border:1px solid #ffffff18;border-radius:14px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.switch button{color:#94a3b8;background:#020617;border:0;padding:12px}.switch .active{color:#fff;background:#7c3aed}@media (width<=850px){.hero,.adminShell{grid-template-columns:1fr}.adminShell aside{height:auto;position:relative}.nav{padding:0 16px}}