.qm-app{min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom));background:#f5f3ee}.qm-header{z-index:30;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:linear-gradient(135deg,#17181c,#0f1012);border-bottom:1px solid #252629;align-items:center;gap:10px;display:flex;position:sticky;top:0}.qm-logo{width:auto;height:34px;display:block}.qm-harga{color:#ffd875;background:#c9a45b24;border:1px solid #c9a45b8c;border-radius:10px;flex-direction:column;align-items:flex-end;padding:4px 10px;line-height:1.15;text-decoration:none;display:inline-flex}.qm-harga span{opacity:.8;font-size:10px}.qm-harga b{font-variant-numeric:tabular-nums;font-size:13px}.qm-harga--basi{color:#fbbf24;border-color:#f59e0bb3}.qm-avatar{color:#fff;cursor:pointer;background:#b58b42;border:0;border-radius:50%;width:34px;height:34px;font-weight:700}.qm-main{padding:0}.qm-main>div{padding:12px!important}.qm-nav{z-index:30;padding-bottom:env(safe-area-inset-bottom);background:#111214;border-top:1px solid #252629;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.qm-navItem{color:#9a9488;flex-direction:column;align-items:center;gap:2px;padding:8px 0 7px;font-size:11px;text-decoration:none;display:flex}.qm-navIkon{font-size:20px;line-height:1}.qm-navItem--aktif{color:#ffd875}.qm-navItem--aktif .qm-navIkon{transform:translateY(-1px)}.qm-sapa{padding:16px 16px 4px}.qm-sapa h1{color:#1f1b14;margin:0;font-size:20px}.qm-sapa p{color:#8a8478;margin:2px 0 0;font-size:13px}.qm-hargaKartu{color:#ede7da;background:radial-gradient(120% 140% at 100% 0,#c9a45b40 0%,#0000 55%),linear-gradient(135deg,#17181c,#0f1012);border-radius:16px;margin:12px 16px;padding:16px}.qm-hargaKartu .lbl{letter-spacing:.18em;text-transform:uppercase;color:#c9a45b;font-size:11px;font-weight:600}.qm-hargaKartu .nilai{color:#fbf6ea;font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px;font-weight:700}.qm-hargaKartu .sub{color:#a39d90;font-size:12px}.qm-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 16px 12px;display:grid}.qm-tile{color:#1f1b14;text-align:center;background:#fff;border:1px solid #ece6da;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.qm-tile .ik{color:#9a7330;background:#f7efdc;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.qm-judulBagian{color:#1f1b14;padding:6px 16px;font-size:14px;font-weight:700}.qm-daftar{background:#fff;border:1px solid #ece6da;border-radius:14px;margin:0 16px 16px;overflow:hidden}.qm-baris{color:#1f1b14;border-bottom:1px solid #f3eee4;align-items:center;gap:10px;padding:11px 14px;text-decoration:none;display:flex}.qm-baris:last-child{border-bottom:0}.qm-baris .kecil{color:#8a8478;font-size:12px}.qm-pil{color:#8a6420;white-space:nowrap;background:#f7efdc;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.qm-kosong{text-align:center;color:#8a8478;padding:18px;font-size:13px}.qm-pasang{color:#5c4a24;background:#fffaf0;border:1px dashed #c9a45b;border-radius:14px;margin:0 16px 16px;padding:12px 14px;font-size:13px}