html{font-size:14px}
:root{--bg:#18261f;--card:#223a35;--card2:#2b4943;--line:#31534b;--tx:#e8f5ee;--mu:#9bb3a8;--ac:#d4ff5a;--g:#5bd65a;--bad:#ff6b6b;--inp:#b0dcb4;--chip:#2b4034}
:root[data-theme=light]{--bg:#eef7f1;--card:#fff;--card2:#e3f1e8;--line:#cfe5d6;--tx:#10281a;--mu:#4f6f5c;--ac:#2a8a3e;--chip:#e3f1e8}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif;background:radial-gradient(120% 60% at 50% 0,#244238 0,var(--bg) 60%) fixed var(--bg);color:var(--tx);line-height:1.5;max-width:476px;margin:auto;padding-bottom:93.5px;overflow-x:hidden}
h1,h2,h3,.big,.chip{font-family:"Space Grotesk",Inter,system-ui,sans-serif}
.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#bar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--g),var(--ac));z-index:60}
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8.5px;padding:8.5px 13.6px;background:#18261fee;backdrop-filter:blur(6.8px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
header.sc{box-shadow:0 5.1px 15.3px #0007}
:root[data-theme=light] header{background:#eef7f1ee}
.logo{width:32.3px;height:32.3px;border-radius:8.5px;object-fit:cover}
header b{display:flex;align-items:center;gap:5px}header b .ic{color:#3aa0ff}header small{color:var(--ac);font-size:.72rem;font-weight:600}
.burger{margin-left:auto;background:var(--card);border:1px solid var(--ac);color:var(--ac);border-radius:10.2px;width:35.7px;height:35.7px;display:grid;place-items:center;font-size:1.1rem;cursor:pointer}
.ticker{background:#0c3a1d;color:var(--ac);font-size:.78rem;overflow:hidden;white-space:nowrap;padding:5.1px 0;border-bottom:1px solid var(--line)}
.ticker span,.mq span{display:inline-block;padding-left:100%;animation:mv 24s linear infinite}
@keyframes mv{to{transform:translateX(-100%)}}
.banner{margin:13.6px;border-radius:15.3px;min-height:127.5px;padding:18.7px;position:relative;overflow:hidden;background:#0b5a28 center/cover;display:flex;flex-direction:column;justify-content:center;border:2px solid #1d8a45}
.banner h1{font-size:1.75rem;line-height:1.12;color:#fff;text-shadow:0 2px 10.2px #000a;max-width:75%}
.banner p{color:#d6ffe3;font-size:.8rem;margin-top:8.5px;display:inline-flex;gap:5.1px;align-items:center;background:#0008;border-radius:84.1px;padding:4px 10.2px;width:fit-content}
.banner .tag{position:absolute;left:11.9px;top:10.2px;font-size:.62rem;background:#000a;color:var(--ac);padding:3px 7.6px;border-radius:84.1px;letter-spacing:.06em}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8.5px;margin:0 13.6px}
.grid a{background:var(--card);border:1px solid var(--line);border-radius:11.9px;padding:13.6px 5.1px;text-align:center;font-size:.78rem;font-weight:600;color:var(--tx);text-decoration:none;display:grid;gap:6px;justify-items:center}
.grid a .ic{width:1.35em;height:1.35em;color:var(--ac)}
section{padding:20.4px 15.3px 0}
.chip{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.14em;padding:7.6px 15.3px;border-radius:84.1px;background:var(--chip);border:1px solid #4a6a3a;color:#d8f0a0;text-transform:uppercase}
:root[data-theme=light] .chip{color:#2a6a1e}
h2{font-size:1.72rem;line-height:1.15;margin:11.9px 0 6.8px;font-weight:700;letter-spacing:-.01em}
.sub{color:var(--mu);font-size:1.02rem;margin-bottom:17px;line-height:1.7}
.svc{display:flex;gap:11.9px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:15.3px;padding:13.6px;margin-bottom:10.2px;cursor:pointer;color:inherit;text-decoration:none}
.svc .ico{width:47.6px;height:47.6px;border-radius:50%;background:#2c5a45;color:var(--ac);display:grid;place-items:center;font-size:1.4rem;flex:none}
.svc h3{font-size:1.1rem}.svc p{color:var(--mu);font-size:.85rem}
.tg{display:inline-block;font-size:.65rem;font-weight:700;padding:2px 8.5px;border-radius:84.1px;background:#1c5a34;color:var(--ac);margin-bottom:3px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:11.9px}
.card,.vcard,.pk,.fm,.qbox,.rg,.pay{background:var(--card);border:1px solid var(--line);border-radius:22.1px}
.card{padding:8.5px;display:flex;flex-direction:column;gap:6px}
.card img,.ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13.6px;background:linear-gradient(135deg,#0e5a2b,#2fd46a44);display:grid;place-items:center;color:var(--ac);font-size:2.2rem}
.row{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}
.st{padding:2px 6.8px;border-radius:5.1px;background:#1c5a34;color:var(--ac);font-weight:700}.st.off{background:#5a1c1c;color:var(--bad)}
.price{color:var(--ac);font-weight:700}
.card h3{font-size:.78rem;text-transform:uppercase}
.vcard{padding:10.2px;display:flex;flex-direction:column;overflow:hidden}
.vm{background:var(--card2);border-radius:15.3px;padding:10.2px;border:1px solid var(--line)}
.vm video,.vm img,.vm .ph{width:100%;aspect-ratio:9/17;object-fit:cover;border-radius:6.8px;background:#000;display:block}
.vb{padding:15.3px 5.1px 5.1px;display:flex;flex-direction:column;gap:8.5px;flex:1}
.vb h3{font-size:1.15rem}.vb p{font-size:.8rem;font-weight:700;color:var(--mu);flex:1}
.vp{font-family:"Space Grotesk",sans-serif;font-size:1.45rem;font-weight:700;color:var(--ac);margin:6.8px 0 2px}
.btn{border:0;border-radius:84.1px;padding:14.4px;font-weight:700;cursor:pointer;background:linear-gradient(90deg,var(--g),#f4f9a0);color:#0b1a10;width:100%;font-size:1rem;display:flex;gap:6.8px;justify-content:center;align-items:center;font-family:inherit}
.btn.o{background:var(--card2);border:1px solid var(--line);color:var(--tx)}
.btn:disabled{opacity:.45}
.pk{padding:18.7px;margin-bottom:11.9px}
.pk .chip{padding:6px 13.6px;font-size:.85rem}
.pk h3{font-size:1.7rem;margin:13.6px 0 5.1px}
.pk .sub{font-size:.95rem;margin-bottom:10.2px}
.pk ul{list-style:none;padding:0;margin-bottom:17px;font-size:.95rem;font-weight:600;display:grid;gap:6.8px}.pk li{display:flex;gap:8.5px;align-items:center}.pk li .ic{color:var(--g);width:1.4em;height:1.4em}
.pk .big{font-size:1.8rem;font-weight:700;color:var(--ac);margin:17px 0 11.9px}
.warn{display:flex;gap:10.2px;align-items:center;background:#352a2a;border:1px solid #8a3434;color:#ff6b6b;border-radius:13.6px;padding:15.3px;font-size:.9rem;font-weight:700;margin-bottom:17px}
.mq{overflow:hidden;flex:1;white-space:nowrap}.mq span{animation-duration:16s}
.fm{padding:22.1px;display:grid;gap:11.9px}
.fm h3{display:flex;gap:10.2px;align-items:center;font-size:1.35rem;margin-bottom:4px}.fm h3 .ic{color:var(--ac);width:1.2em;height:1.2em}
label{font-size:1.05rem;font-weight:500;display:grid;gap:6.8px}
input,select,textarea{width:100%;padding:14.4px 18.7px;border-radius:22.1px;border:0;background:var(--inp);color:#10281a;font:inherit;font-size:1.05rem;outline:0}
input::placeholder,textarea::placeholder{color:#6f8a76}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #d4ff5a88}
input[type=file]{padding:10.2px 15.3px}
input[type=file]::file-selector-button{border:0;background:#d6efd8;border-radius:10.2px;padding:5.1px 10.2px;font:inherit;margin-right:8.5px;cursor:pointer}
textarea{resize:vertical;min-height:127.5px}
.rg{padding:20.4px;margin-top:13.6px}.rg h3{font-size:1.5rem;text-transform:uppercase;margin-bottom:6.8px}.rg p{color:var(--mu)}
.sch{background:var(--card);border:1px solid var(--line);border-radius:22.1px;padding:13.6px;display:grid;gap:11.9px;margin-bottom:18.7px}
.qbox{margin-top:15.3px;overflow:hidden}
.qh{display:flex;align-items:center;gap:11.9px;padding:15.3px 17px;background:var(--card2);flex-wrap:wrap}
.qh span{color:var(--mu);font-weight:600}.qh small{margin-left:auto;color:var(--mu);font-weight:600;text-align:right;max-width:46%}
.badge{background:var(--ac);color:#10281a;border-radius:84.1px;min-width:37.4px;height:37.4px;display:grid;place-items:center;font-weight:800;font-size:1.1rem;padding:0 8.5px}
.tw{overflow-x:auto}.q{width:100%;border-collapse:collapse;min-width:476px}
.q th{font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:18.7px 17px;color:var(--mu)}.q th:first-child{color:var(--ac)}
.q td{padding:15.3px 17px;border-top:1px solid var(--line);font-weight:700;font-size:1.05rem}
.q td:nth-child(2){max-width:93.5px}
.no{display:inline-block;min-width:59.5px;text-align:center;padding:11.9px 10.2px;border-radius:13.6px;background:#35563f;border:1px solid #4a6a3a;color:var(--ac);font-weight:800}
.q tr.hit td{background:#2f5a3a}
.res{background:var(--card);border:1px solid var(--g);border-radius:17px;padding:15.3px;margin-bottom:5.1px;display:grid;gap:4px}
.pay{padding:20.4px;display:grid;gap:11.9px}
.pay .r{display:flex;justify-content:space-between;gap:10.2px;align-items:center;font-size:.95rem;color:var(--mu)}.pay .r b{color:var(--tx);text-align:right}
.pay .tot{font-family:"Space Grotesk",sans-serif;font-size:2rem;color:var(--ac);font-weight:700}
.cp{background:var(--card2);border:1px solid var(--line);color:var(--tx);border-radius:84.1px;padding:6.8px 11.9px;cursor:pointer;display:inline-flex;gap:5.1px;align-items:center;font:inherit;font-size:.8rem}
.qris{width:min(100%,255px);margin:auto;border-radius:15.3px;display:block;background:#fff}
.tm{text-align:center;font-family:"Space Grotesk",sans-serif;font-size:1.6rem;font-weight:700}
.note{font-size:.85rem;color:var(--mu);text-align:center}
.ok{text-align:center;display:grid;gap:10.2px;justify-items:center}.ok .ic{width:4em;height:4em;color:var(--g)}
.back{background:none;border:0;color:var(--mu);display:flex;gap:5.1px;align-items:center;margin:13.6px 15.3px 0;cursor:pointer;font:inherit}
.cont{display:grid;gap:8.5px;margin-top:8.5px}.cont a{display:flex;gap:8.5px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:13.6px;padding:11.9px;color:var(--tx);text-decoration:none}
footer{margin-top:37.4px;padding:18.7px 15.3px;border-top:1px solid var(--line);color:var(--mu);font-size:.85rem}
footer .fh{display:flex;gap:8.5px;align-items:center;margin-bottom:8.5px;color:var(--tx)}
footer h4{color:var(--tx);margin:15.3px 0 5.1px}footer a{display:block;color:var(--mu);text-decoration:none;padding:3px 0}
.fab{position:fixed;right:6.8px;bottom:6.8px;z-index:25;width:73.1px;text-decoration:none}
.fab img{width:73.1px;display:block;filter:drop-shadow(0 5.1px 8.5px #0008);animation:bob 3s ease-in-out infinite}
.bub{position:absolute;right:59.5px;top:-8px;background:#203630;border:1px solid var(--line);color:#e8f5ee;border-radius:84.1px;padding:7.6px 15.3px;font-size:.85rem;font-weight:600;white-space:nowrap;transition:opacity .35s}
@keyframes bob{50%{transform:translateY(-5px)}}
#drawer{position:fixed;inset:0;background:#000b;z-index:70;display:none;align-items:center;justify-content:center}
#drawer.on{display:flex}
#drawer nav{width:86%;max-width:289px;background:var(--bg);border:1px solid var(--line);border-radius:18.7px;padding:15.3px;display:grid;gap:8.5px;position:relative}
#drawer nav .top{text-align:center;display:grid;gap:4px;justify-items:center;margin-bottom:5.1px}
#drawer nav a,#drawer nav button.m{display:flex;gap:8.5px;align-items:center;padding:11px;border-radius:10.2px;background:var(--card);border:1px solid var(--line);color:var(--tx);text-decoration:none;font:inherit;cursor:pointer;width:100%}
#drawer nav a.on{border-color:var(--ac);color:var(--ac)}
#drawer .x{position:absolute;right:10.2px;top:10.2px;background:none;border:0;color:var(--mu);cursor:pointer}
hr{border:0;border-top:1px solid var(--line);margin:4px 0}
.err{font-size:.8rem;color:var(--mu);padding:6.8px 13.6px}
.rv{opacity:0;transform:translateY(23.8px) scale(.98);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.svc,.card,.pk,.vcard,.grid a,.btn{transition:transform .2s,border-color .2s,box-shadow .2s}
.svc:hover,.card:hover,.pk:hover,.vcard:hover{border-color:var(--g);box-shadow:0 6.8px 20.4px #0005;transform:translateY(-3px)}
.btn:active,.grid a:active,.svc:active{transform:scale(.97)}
.banner{animation:pop .8s ease both}
@keyframes pop{from{opacity:0;transform:scale(.96)}}
@media (prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;transition:none!important}.ticker span,.mq span,.banner,.fab img{animation:none}}
.vb .btn{padding:12.8px 5.1px;font-size:.92rem;white-space:nowrap}

.chk{display:flex;gap:10.2px;align-items:flex-start;font-size:.95rem;font-weight:500}.chk input{width:20.4px;height:20.4px;padding:0;margin:0;flex:none;accent-color:var(--g)}
.bp{width:100%;max-height:221px;object-fit:contain;border-radius:11.9px;background:#0003}
.atool{display:flex;gap:8.5px;margin-bottom:11.9px}
.tabs{display:flex;gap:6.8px;overflow-x:auto;padding-bottom:8.5px;margin-bottom:8.5px}
.tab{flex:none;background:var(--card);border:1px solid var(--line);color:var(--tx);border-radius:84.1px;padding:7.6px 11.9px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;gap:6.8px;align-items:center}
.tab b{background:var(--card2);border-radius:84.1px;min-width:20.4px;text-align:center;padding:1px 6px}.tab.on{border-color:var(--ac);color:var(--ac)}
.ord{background:var(--card);border:1px solid var(--line);border-radius:18.7px;padding:15.3px;margin-bottom:11.9px;display:grid;gap:10.2px}
.oh{display:flex;justify-content:space-between;color:var(--mu);font-size:.85rem}.oh b{color:var(--ac);font-size:1rem}
.ob{display:grid;gap:4px}.ob a{color:var(--ac)}.ob .tot{font-family:"Space Grotesk",sans-serif;font-size:1.4rem;font-weight:700;color:var(--ac)}.ob small{font-size:.75rem;color:var(--mu);font-weight:400}
.cap{background:var(--card2);border-radius:10.2px;padding:8.5px;font-size:.9rem;color:var(--mu);white-space:pre-wrap}
.oa{display:flex;gap:6.8px;flex-wrap:wrap}.oa.col{flex-direction:column}
.md{position:fixed;inset:0;background:#000d;z-index:90;display:grid;place-items:center;padding:13.6px}
.mc{background:var(--bg);border:1px solid var(--line);border-radius:17px;padding:11.9px;max-width:391px;width:100%;max-height:90vh;overflow:auto;display:grid;gap:10.2px}
.mc img,.mc video{width:100%;border-radius:10.2px;background:#000}
.imf{display:grid;gap:6.8px;font-size:1.05rem}.imf img{max-width:100%;max-height:127.5px;object-fit:contain;border-radius:10.2px;background:#0003}.imf small{color:var(--mu)}
.mc h3{font-size:1.3rem}.mc label,.mc .imf{font-size:.95rem}
/* ---- admin: ringkasan, pencarian, catatan ---- */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10.2px;margin-bottom:11.9px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:13.6px;display:grid;gap:5.1px;text-align:left;color:var(--tx);font:inherit}
button.stat{cursor:pointer}.stat.hot{border-color:var(--ac)}
.stat small{color:var(--mu);font-size:.8rem}.stat b{font-family:"Space Grotesk",sans-serif;font-size:1.35rem;color:var(--ac)}
.bars{display:flex;gap:6.8px;align-items:flex-end;height:110.5px}.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}
.bar i{display:block;width:100%;min-height:3px;border-radius:6.8px 6.8px 3px 3px;background:linear-gradient(180deg,var(--ac),var(--g))}.bar span{font-size:.75rem;font-weight:700}.bar small{font-size:.7rem;color:var(--mu)}
.rowb{display:flex;justify-content:space-between;gap:8.5px;padding:6.8px 0;border-top:1px solid var(--line);font-size:.9rem}.rowb b{color:var(--ac)}
.osr{margin-bottom:10.2px}
.nt{display:grid;gap:6.8px}.nt textarea{min-height:54.4px;padding:10.2px 13.6px;border-radius:13.6px;font-size:.9rem}
.gh{margin:15.3px 0 8.5px;color:var(--ac);font-size:1.1rem}.ord.dim{opacity:.55}
a.cp{text-decoration:none}.cp:disabled{opacity:.4}
/* ---- asisten (panel chat) ---- */
.chat{position:fixed;right:8.5px;bottom:88.4px;z-index:40;width:min(calc(100vw - 17px),323px);height:min(72vh,459px);background:var(--bg);border:1px solid var(--line);border-radius:18.7px;box-shadow:0 15.3px 42.5px #000b;display:none;flex-direction:column;overflow:hidden}
.chat.on{display:flex;animation:pop .25s ease}
.ch{display:flex;gap:8.5px;align-items:center;padding:10.2px 11.9px;background:var(--card2);border-bottom:1px solid var(--line)}
.ch img{width:34px;height:34px}.ch b{display:block;line-height:1.2}.ch small{color:var(--g);font-weight:600}.ch .x{margin-left:auto;background:none;border:0;color:var(--mu);cursor:pointer}
.cm{flex:1;overflow-y:auto;padding:11.9px;display:flex;flex-direction:column;gap:8.5px}
.mg{max-width:88%;padding:8.5px 11.9px;border-radius:15.3px;font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}
.mg.assistant{background:var(--card);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:5.1px}
.mg.user{background:linear-gradient(90deg,var(--g),#d6f38a);color:#0b1a10;align-self:flex-end;border-bottom-right-radius:5.1px;font-weight:500}
.ca{display:inline-block;margin:6.8px 5.1px 0 0;padding:6px 11.9px;border-radius:84.1px;border:1px solid var(--g);background:transparent;color:var(--ac);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}
.cq{display:flex;gap:5.1px;overflow-x:auto;padding:6.8px 10.2px}
.cq button,.cq a{flex:none;padding:6px 11px;border-radius:84.1px;border:1px solid var(--line);background:var(--card);color:var(--tx);font:inherit;font-size:.8rem;cursor:pointer;text-decoration:none}
.cf{display:flex;gap:6.8px;padding:8.5px 10.2px;border-top:1px solid var(--line)}
.cf input{padding:10.2px 15.3px;border-radius:84.1px;font-size:.95rem}
.cf button{flex:none;width:39.1px;height:39.1px;border-radius:50%;border:0;background:linear-gradient(90deg,var(--g),#d6f38a);color:#0b1a10;display:grid;place-items:center;cursor:pointer}
.typing{display:flex;gap:5px;padding:11.9px 13.6px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--mu);animation:dot 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{50%{transform:translateY(-4px);opacity:.4}}

.cq{flex-wrap:wrap;max-height:103.7px;overflow-y:auto;overflow-x:hidden}
.cq button,.cq a{font-size:.78rem;padding:5.1px 10.2px;text-align:left}

/* ---- banner polos (hanya gambar) ---- */
.banner{padding:0;min-height:0;display:block;background:none;line-height:0}
.banner img{width:100%;height:auto;display:block}
.soft .banner,.soft .rv{animation:none;transition:none}
/* ---- kontak di bawah Joki Kontak ---- */
.kct{background:var(--card);border:1px solid var(--line);border-radius:18.7px;padding:17px;white-space:pre-line;line-height:1.75;font-weight:600;margin-top:5.1px;overflow-wrap:anywhere}
.kct::first-line{color:var(--ac);font-weight:800;font-size:1.08rem}
.kct a{color:var(--ac)}
/* ---- maskot (boleh transparan) ---- */
.fab img{width:73.1px;height:auto;max-height:93.5px;object-fit:contain}
.cb{background:repeating-conic-gradient(#8a9a90 0 25%,#c9d4cd 0 50%) 0 0/15.3px 15.3px;border-radius:13.6px;padding:8.5px;display:grid;place-items:center;min-height:102px}
.cb img{max-width:100%;max-height:136px;object-fit:contain;background:none;border-radius:0}

/* ---- order 3 langkah ---- */
.o3{display:grid;gap:14px;margin-top:6px}
.step{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.sh{display:flex;align-items:center;gap:11px;padding:11px 14px;background:#31605a;font-weight:700;font-size:1.05rem}
.sn{width:32px;height:32px;border-radius:10px;background:var(--ac);color:#10281a;display:grid;place-items:center;font-size:1rem}
.sh .ic{color:var(--ac);width:1.3em;height:1.3em}
.sb{padding:14px;display:grid;gap:12px}
.sb label{font-size:.86rem;font-weight:700;color:var(--mu);display:grid;gap:6px}
.sb input,.sb select,.sb textarea{padding:12px 16px;border-radius:18px;font-size:.98rem;font-weight:700}
.sb input[type=file]{padding:9px 14px;font-weight:500}
.sb textarea{min-height:130px;line-height:1.5}.sb textarea.tpl{min-height:190px}
.opt{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:14px}
.opt b{display:block;font-size:.98rem}.opt span{color:var(--ac);font-weight:800;font-size:.95rem}
.pil{flex:none;border:1px solid #6a8f3a;background:transparent;color:var(--ac);border-radius:99px;padding:8px 18px;font:inherit;font-weight:800;cursor:pointer}
.pil.on{background:linear-gradient(90deg,var(--g),#f4f9a0);color:#0b1a10;border-color:transparent}
.pm{display:flex;gap:11px;align-items:center;background:#1e6a2e;border:1px solid var(--ac);border-radius:16px;padding:12px}
.pm b{font-size:.98rem;display:block}.pm p{font-size:.8rem;color:#c7e8c8;font-weight:600;margin-top:2px;line-height:1.45}
.qb{flex:none;background:#f1f6f2;color:#111;border-radius:8px;padding:6px 8px;font-weight:900;letter-spacing:.04em;font-size:.9rem}
.rsm{background:#141d1a;border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;gap:9px}
.rsm small{color:var(--mu);font-weight:700}.rsm h3{font-size:1.5rem;line-height:1.15}
.rw{display:flex;justify-content:space-between;gap:10px;font-weight:700;color:var(--mu)}.rw b{color:var(--ac)}
.rw.tt{color:var(--tx);font-size:1.08rem}.rw.tt b{font-size:1.12rem}
.ln{border-top:1px solid var(--line)}
.mb{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mb>div{border:1px solid var(--line);border-radius:14px;padding:9px 12px;display:grid;gap:1px}
.mb small{font-size:.68rem;letter-spacing:.04em}.mb b{font-size:.92rem}
.btn.big{padding:14px;font-size:1.02rem;box-shadow:0 10px 24px #5bd65a33}
.sec{background:#141d1a;border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;gap:10px}
.sec h3{display:flex;gap:8px;align-items:center;color:var(--ac);font-size:1.1rem}.sec p{color:var(--mu);font-weight:600;font-size:.86rem;line-height:1.5}
.btn.wa{background:#25291a;border:1px solid #5b6a2a;color:#eaf5b0;text-decoration:none}
:root[data-theme=light] .sh{background:#c9e6d2}:root[data-theme=light] .sn{background:#1f8f48;color:#fff}
:root[data-theme=light] .rsm,:root[data-theme=light] .sec,:root[data-theme=light] .rbox{background:#fff}
/* ---- cek pesanan ---- */
.rc{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;display:grid;gap:11px;margin-bottom:10px}
.pchip{width:fit-content;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:6px 13px;border-radius:99px;border:1px solid}
.pchip.ok{color:#5be39a;background:#1e4b3a;border-color:#2f7a5a}.pchip.wait{color:#ffd24a;background:#4a3d14;border-color:#8a7424}.pchip.bad{color:#ff7a7a;background:#4a1f1f;border-color:#8a3434}
.rno{font-size:1.75rem;line-height:1.1}.rprice{font-family:"Space Grotesk",sans-serif;font-size:1.35rem;font-weight:700;color:var(--ac)}
.rbox{background:#1b2a26;border:1px solid var(--line);border-radius:16px;padding:11px 14px;display:grid;gap:2px}
.rbox small{color:var(--mu);font-weight:800;letter-spacing:.04em;font-size:.7rem}.rbox b{font-size:1.05rem}.rbox span{color:var(--mu);font-size:.8rem;font-weight:600}
.lnk{background:none;border:0;color:var(--ac);font:inherit;font-weight:700;cursor:pointer;padding:6px 0;text-decoration:underline;margin-bottom:10px}
.stp{display:inline-block;background:#38573f;border:1px solid #4a6a3a;color:var(--ac);border-radius:99px;padding:6px 12px;font-size:.7rem;font-weight:800;text-transform:uppercase;text-align:center;white-space:nowrap}
.q td small{display:block;color:var(--mu);font-weight:600;margin-top:2px}
.q{min-width:640px}
.rw b{white-space:nowrap}