@font-face{font-family:Inter;src:url(../fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;src:url(../fonts/urbanist-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--navy: #003366;--navy-800: #002a52;--navy-900: #001f3f;--emerald: #008037;--emerald-600: #006b2e;--emerald-700: #005522;--gold: #c5a059;--gold-600: #9a7631;--bg: #f4f7fb;--bg-2: #eef3f9;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--line: #e5ebf3;--line-kuat: #d2dce8;--tinta: #102a43;--tinta-lemah: #52657c;--tinta-samar: #8494a7;--hijau: #008037;--hijau-terang: #008037;--hijau-gelap: #005522;--merah: #d92d20;--jingga: #b54708;--biru: #175cd3;--ungu: #6941c6;--grad-navy: linear-gradient(135deg, #003366 0%, #002a52 55%, #001f3f 100%);--grad-emerald: linear-gradient(135deg, #008037 0%, #006b2e 60%, #005522 100%);--grad-gold: linear-gradient(135deg, #d4b273 0%, #c5a059 55%, #9a7631 100%);--grad-garis: linear-gradient(90deg, #003366 0%, #c5a059 50%, #008037 100%);--r-kecil: 8px;--r: 12px;--r-besar: 16px;--r-pil: 999px;--bayang: 0 1px 2px rgba(16, 42, 67, .05), 0 14px 32px -18px rgba(16, 42, 67, .22);--bayang-lembut: 0 1px 2px rgba(16, 42, 67, .04);--font: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-judul: "Urbanist", "Inter", system-ui, sans-serif;--font-angka: "Inter", ui-monospace, "SF Mono", Menlo, monospace;--sisi: 252px;--atas: 64px}[data-tema=gelap]{--bg: #0a1220;--bg-2: #0d1728;--surface: #101c2e;--surface-2: #14243a;--surface-3: #182b44;--line: rgba(226, 236, 248, .1);--line-kuat: rgba(226, 236, 248, .18);--tinta: #eaf1fb;--tinta-lemah: #a7b6cb;--tinta-samar: #74849b;--hijau-terang: #34d399;--bayang: 0 1px 2px rgba(0, 0, 0, .4), 0 18px 40px -22px rgba(0, 0, 0, .8);--bayang-lembut: 0 1px 2px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--atas) + 18px)}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--tinta);font-size:14.5px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,51,102,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(0,128,55,.028) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 45%,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 45%,transparent 85%)}[data-tema=gelap] body:before{opacity:.5}[hidden]{display:none!important}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-judul);margin:0;letter-spacing:-.018em;line-height:1.22;color:var(--tinta)}h1{font-weight:800}h2,h3,h4{font-weight:700}p{margin:0}ul{list-style:none;padding:0;margin:0}code{font-family:var(--font-angka);font-size:.92em;background:var(--surface-3);border:1px solid var(--line);border-radius:6px;padding:1px 6px}::selection{background:#00803729}:focus-visible{outline:2px solid var(--emerald);outline-offset:2px;border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--line-kuat) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:var(--line-kuat);border-radius:9px}*::-webkit-scrollbar-track{background:transparent}.shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:60;height:var(--atas);display:flex;align-items:center;gap:16px;padding:0 24px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(150%) blur(12px);-webkit-backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--line)}.merek{display:flex;align-items:center;gap:11px;min-width:0}.merek-logo{width:38px;height:38px;flex:none;border-radius:11px;background:var(--grad-navy);display:grid;place-items:center;color:#fff;font-weight:800;font-family:var(--font-judul);font-size:15px;letter-spacing:-.02em;box-shadow:0 6px 14px -8px #036c;position:relative;overflow:hidden}.merek-logo:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--grad-garis);opacity:.95}.merek-teks{min-width:0;display:flex;flex-direction:column;line-height:1.15}.merek-nama{font-family:var(--font-judul);font-weight:800;font-size:17.5px;letter-spacing:-.03em;white-space:nowrap;color:var(--tinta)}.merek-nama span{color:var(--emerald)}.merek-sub{font-size:10px;color:var(--tinta-samar);letter-spacing:.13em;text-transform:uppercase;font-weight:600;white-space:nowrap}.cari-atas{flex:1;max-width:440px;margin-left:10px;display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pil);padding:8px 14px;cursor:text;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.cari-atas:hover{border-color:var(--line-kuat)}.cari-atas svg{width:16px;height:16px;stroke:var(--tinta-samar);flex:none}.cari-atas:focus-within{border-color:#00803780;background:var(--surface);box-shadow:0 0 0 4px #00803714}.cari-atas input{border:0;background:transparent;outline:0;flex:1;font-size:13.5px;min-width:0}.cari-atas input::placeholder{color:var(--tinta-samar)}.cari-atas kbd{font-family:var(--font-angka);font-size:10.5px;font-weight:600;border:1px solid var(--line-kuat);border-radius:5px;background:var(--surface);padding:2px 6px;color:var(--tinta-samar);white-space:nowrap}.aksi-atas{display:flex;align-items:center;gap:8px;margin-left:auto}.ikon-tombol{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:10px;cursor:pointer;position:relative;color:var(--tinta-lemah);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.ikon-tombol:hover{border-color:var(--line-kuat);background:var(--surface-2);color:var(--navy);transform:translateY(-1px)}.ikon-tombol:active{transform:translateY(0) scale(.97)}.ikon-tombol svg{width:18px;height:18px;stroke:currentColor}[data-tema=gelap] .ikon-tombol:hover{color:var(--tinta)}.lencana{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--merah);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid var(--surface)}.avatar{width:38px;height:38px;border-radius:10px;background:var(--grad-emerald);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13.5px;cursor:pointer;border:0;font-family:var(--font-judul);box-shadow:0 6px 14px -8px #008037cc}.isi-grid{display:grid;grid-template-columns:var(--sisi) minmax(0,1fr);gap:24px;padding:24px 24px 72px;max-width:1560px;margin:0 auto;width:100%;align-items:start}.isi-grid.tanpa-sisi{display:block;padding:0 0 64px;max-width:none}.isi-utama{min-width:0;display:flex;flex-direction:column;gap:20px}.tanpa-sisi .isi-utama{max-width:none}.sisi{position:sticky;top:calc(var(--atas) + 24px);align-self:start;display:flex;flex-direction:column;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-besar);padding:12px;box-shadow:var(--bayang-lembut)}.sisi-judul{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-samar);font-weight:700;padding:10px 10px 5px}.sisi-taut{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:var(--tinta-lemah);font-weight:600;font-size:13.5px;border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease}.sisi-taut svg{width:17px;height:17px;stroke:currentColor;opacity:.9;flex:none}.sisi-taut:hover{background:var(--surface-3);color:var(--navy)}.sisi-taut.aktif{background:var(--navy);color:#fff;font-weight:650}.sisi-taut.aktif svg{opacity:1}.sisi-taut .hitung{margin-left:auto;font-size:11px;font-weight:700;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--r-pil);padding:1px 7px;color:var(--tinta-lemah)}.sisi-taut.aktif .hitung{background:#ffffff2e;border-color:#ffffff38;color:#fff}.sisi-kartu{margin-top:10px;padding:14px;border-radius:var(--r);background:linear-gradient(160deg,#0033660d,#0080370a);border:1px solid var(--line)}.sisi-kartu h4{font-size:13.5px;margin-bottom:4px}.sisi-kartu p{font-size:12px;color:var(--tinta-lemah);line-height:1.5}.kartu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-besar);padding:20px 22px;box-shadow:var(--bayang-lembut)}.kartu-rapat{padding:14px 16px}.kartu-kepala{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap}.kartu-kepala h3{font-size:16.5px;letter-spacing:-.02em}.kartu-kepala p{font-size:12.5px;color:var(--tinta-lemah);margin-top:2px}.kartu-kepala .kanan{margin-left:auto;display:flex;gap:8px;align-items:center}.label-kecil{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-samar);font-weight:700}.tbl{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:9px;border:1px solid var(--line-kuat);background:var(--surface);color:var(--tinta);font-weight:600;font-size:13.5px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.tbl svg{width:16px;height:16px;stroke:currentColor;flex:none}.tbl:hover{background:var(--surface-2);border-color:#bfcbdb;transform:translateY(-1px)}.tbl:active{transform:translateY(0) scale(.99)}.tbl:disabled{opacity:.55;cursor:not-allowed;transform:none}.tbl-utama{background:var(--grad-navy);color:#fff;border-color:transparent;box-shadow:0 8px 18px -12px #003366e6}.tbl-utama:hover{background:var(--grad-navy);filter:brightness(1.06);border-color:transparent}.tbl-emas{background:var(--grad-gold);color:#fff;border-color:transparent;box-shadow:0 8px 18px -12px #c5a059f2}.tbl-emas:hover{filter:brightness(1.04);border-color:transparent}.tbl-garis{background:transparent;border-color:var(--line-kuat);color:var(--tinta-lemah)}.tbl-garis:hover{background:var(--surface-2);color:var(--navy)}.tbl-bahaya{background:#fef3f2;color:#b42318;border-color:#fecdca}.tbl-bahaya:hover{background:#fee4e2;border-color:#fda29b}.tbl-kecil{padding:6px 11px;font-size:12px;border-radius:8px;gap:6px}.tbl-kecil svg{width:14px;height:14px}.tbl-blok{width:100%}.bidang{display:flex;flex-direction:column;gap:6px}.bidang>label{font-size:12.5px;font-weight:650;color:var(--tinta);letter-spacing:-.005em}.bidang .petunjuk{font-size:11.5px;color:var(--tinta-samar)}.masukan{width:100%;padding:10px 13px;background:var(--surface);border:1px solid var(--line-kuat);border-radius:9px;outline:0;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.masukan:hover{border-color:#bfcbdb}.masukan:focus{border-color:var(--navy);box-shadow:0 0 0 4px #00336614}.masukan::placeholder{color:var(--tinta-samar)}[data-tema=gelap] .masukan{background:var(--surface-2)}select.masukan{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tinta-samar) 50%),linear-gradient(135deg,var(--tinta-samar) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}textarea.masukan{min-height:92px;resize:vertical}.grup-dua{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grup-tiga{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.susun{display:flex;flex-direction:column;gap:14px}.baris{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.saklar{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px}.saklar input{position:absolute;opacity:0;pointer-events:none}.saklar .jalur{width:40px;height:22px;border-radius:var(--r-pil);background:var(--surface-3);border:1px solid var(--line-kuat);position:relative;transition:background .2s ease,border-color .2s ease}.saklar .jalur:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #102a4340;transition:transform .2s ease}.saklar input:checked+.jalur{background:var(--emerald);border-color:var(--emerald)}.saklar input:checked+.jalur:after{transform:translate(18px)}.pil{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pil);font-size:11.5px;font-weight:650;line-height:1.5;border:1px solid var(--line-kuat);background:var(--surface-2);color:var(--tinta-lemah);white-space:nowrap}.pil svg{width:12px;height:12px}.pil-sukses{background:#ecfdf3;color:#027a48;border-color:#abefc6}.pil-info{background:#eff8ff;color:#175cd3;border-color:#b2ddff}.pil-jalan{background:#f4f3ff;color:#5925dc;border-color:#d9d6fe}.pil-peringatan{background:#fffaeb;color:#b54708;border-color:#fedf89}.pil-bahaya{background:#fef3f2;color:#b42318;border-color:#fecdca}.pil-emas{background:#fdf8ee;color:#9a7631;border-color:#ecdcbe}.pil-status{font-size:11px}[data-tema=gelap] .pil-sukses{background:#34d3991f;color:#6ee7b7;border-color:#34d3994d}[data-tema=gelap] .pil-info{background:#60a5fa1f;color:#93c5fd;border-color:#60a5fa4d}[data-tema=gelap] .pil-jalan{background:#a78bfa1f;color:#c4b5fd;border-color:#a78bfa4d}[data-tema=gelap] .pil-peringatan{background:#fbbf241f;color:#fcd34d;border-color:#fbbf244d}[data-tema=gelap] .pil-bahaya{background:#f871711f;color:#fca5a5;border-color:#f871714d}[data-tema=gelap] .pil-emas{background:#c5a05924;color:#e3c58f;border-color:#c5a0594d}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(192px,1fr));gap:14px}.stat{padding:17px 18px 16px;border-radius:var(--r-besar);background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden;box-shadow:var(--bayang-lembut);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat{--kpi: var(--navy);--kpi-bg: rgba(0, 51, 102, .06);--kpi-bd: rgba(0, 51, 102, .12)}.stat:nth-child(4n+2){--kpi: var(--emerald);--kpi-bg: rgba(0, 128, 55, .07);--kpi-bd: rgba(0, 128, 55, .16)}.stat:nth-child(4n+3){--kpi: var(--gold-600);--kpi-bg: rgba(197, 160, 89, .11);--kpi-bd: rgba(197, 160, 89, .22)}.stat:nth-child(4n+4){--kpi: var(--navy);--kpi-bg: rgba(0, 51, 102, .06);--kpi-bd: rgba(0, 51, 102, .12)}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi);opacity:1}.stat:hover{transform:translateY(-2px);box-shadow:var(--bayang);border-color:var(--line-kuat)}.stat-ikon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--kpi-bd);margin-bottom:11px}.stat-ikon{background:var(--kpi-bg);border-color:var(--kpi-bd)}.stat-ikon svg{width:17px;height:17px;stroke:var(--kpi)}[data-tema=gelap] .stat{--kpi: #9ec5ff}[data-tema=gelap] .stat:nth-child(4n+2){--kpi: #6ee7a8}[data-tema=gelap] .stat:nth-child(4n+3){--kpi: #e3c58f}[data-tema=gelap] .stat:nth-child(4n+4){--kpi: #9ec5ff}[data-tema=gelap] .stat-ikon{background:var(--surface-2);border-color:var(--line)}.stat-nilai{font-size:25px;font-weight:800;font-family:var(--font-judul);font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.1;color:var(--tinta)}.stat-ket{font-size:12px;color:var(--tinta-lemah);margin-top:3px}.stat-tren{font-size:11.5px;font-weight:650;display:inline-flex;align-items:center;gap:4px;margin-top:9px}.naik{color:var(--emerald)}.turun{color:var(--merah)}.datar,.netral{color:var(--tinta-samar)}.papan{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.papan thead th{text-align:left;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-samar);font-weight:700;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface-2)}.papan thead th:first-child{border-top-left-radius:9px}.papan thead th:last-child{border-top-right-radius:9px}.papan tbody td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}.papan tbody tr:last-child td{border-bottom:0}.papan tbody tr{transition:background .14s ease}.papan tbody tr:hover{background:var(--surface-2)}.papan .kanan{text-align:right}.angka{font-variant-numeric:tabular-nums;font-family:var(--font-angka);font-size:.96em;letter-spacing:-.01em}.komo-nama{font-weight:650;font-size:13.8px;color:var(--tinta);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.komo-meta{font-size:11.8px;color:var(--tinta-samar);line-height:1.5}.komo-meta svg,.komo-meta img{width:12px;height:12px;display:inline-block;vertical-align:-2px;stroke:currentColor;fill:none;opacity:.85}.papan svg,.pil svg,.stat-ket svg,.komo-kaki svg{flex:none}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.ticker-jalur{display:flex;gap:32px;padding:9px 0;width:max-content;animation:geser 52s linear infinite}.ticker:hover .ticker-jalur{animation-play-state:paused}.ticker-item{display:flex;align-items:center;gap:8px;font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--tinta-lemah)}.ticker-item b{font-weight:650;color:var(--tinta)}@keyframes geser{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.grafik{width:100%;height:auto;display:block;overflow:visible}.spark{width:88px;height:28px;display:block;overflow:visible}.penawaran{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:14px}.kartu-komo{border-radius:var(--r-besar);border:1px solid var(--line);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:var(--bayang-lembut)}.kartu-komo:hover{transform:translateY(-3px);border-color:var(--line-kuat);box-shadow:var(--bayang)}.komo-foto{aspect-ratio:16 / 7;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(150deg,#eef3f9,#e3ebf4)}[data-tema=gelap] .komo-foto{background:linear-gradient(150deg,#16273e,#101c2e)}.komo-foto img{width:100%;height:100%;object-fit:cover}.komo-foto .inisial{font-family:var(--font-judul);font-size:36px;font-weight:800;color:#00336624;letter-spacing:-.04em}.komo-kategori{position:absolute;left:10px;bottom:9px;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:var(--navy);background:#fffffff0;border:1px solid var(--line);border-radius:6px;padding:3px 7px;line-height:1.2}[data-tema=gelap] .komo-kategori{background:#101c2ee0;color:#cfe2ff;border-color:var(--line-kuat)}[data-tema=gelap] .komo-foto .inisial{color:#ffffff29}.komo-foto .pil{position:absolute;top:10px;left:10px;background:#fffffff0;backdrop-filter:blur(6px);border-color:#fff9;color:var(--navy)}.komo-isi{padding:13px 14px 14px;display:flex;flex-direction:column;gap:7px;flex:1}.komo-harga{font-size:19px;font-weight:800;font-family:var(--font-judul);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--navy)}.komo-harga small{font-size:11.5px;font-weight:600;color:var(--tinta-samar);letter-spacing:0}[data-tema=gelap] .komo-harga{color:#9ec5ff}.komo-kaki{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:9px;border-top:1px solid var(--line)}.kartu-komo .komo-kaki .tbl{padding:8px 12px;font-size:12.5px}.linimasa{position:relative;padding-left:26px;display:flex;flex-direction:column;gap:16px}.linimasa:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--emerald),var(--line))}.linimasa-titik{position:absolute;left:0;width:16px;height:16px;border-radius:50%;background:var(--surface);border:2px solid var(--emerald);display:grid;place-items:center}.linimasa-titik svg{width:9px;height:9px;stroke:var(--emerald)}.linimasa-butir{position:relative}.linimasa-butir h5{margin:0 0 2px;font-size:13px;font-family:var(--font);font-weight:650}.linimasa-butir p{font-size:12.5px;color:var(--tinta-lemah)}.linimasa-butir time{font-size:11px;color:var(--tinta-samar)}.alur{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.alur-tahap{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--tinta-samar);font-weight:600}.alur-titik{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--line-kuat)}.alur-titik svg{width:11px;height:11px;stroke:var(--tinta-samar)}.alur-tahap.lewat .alur-titik{background:var(--emerald);border-color:transparent}.alur-tahap.lewat .alur-titik svg{stroke:#fff}.alur-tahap.lewat{color:var(--tinta)}.alur-garis{width:16px;height:2px;background:var(--line-kuat);border-radius:2px}.alur-tahap.lewat+.alur-garis{background:var(--emerald)}.gulir-x{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r)}.kosong{text-align:center;padding:44px 20px;color:var(--tinta-lemah)}.kosong-ikon{width:52px;height:52px;margin:0 auto 12px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line)}.kosong-ikon svg{width:22px;height:22px;stroke:var(--tinta-samar)}.kosong h4{font-size:15.5px;margin-bottom:4px;color:var(--tinta)}.kosong p{font-size:13px;max-width:400px;margin:0 auto}.kerangka{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:kerangka 1.4s ease infinite;border-radius:8px}@keyframes kerangka{0%{background-position:100% 50%}to{background-position:0 50%}}.tirai{position:fixed;inset:0;background:#102a436b;backdrop-filter:blur(2px);z-index:90;opacity:0;pointer-events:none;transition:opacity .2s ease}.tirai.buka{opacity:1;pointer-events:auto}.modal{position:fixed;z-index:100;left:50%;top:50%;transform:translate3d(-50%,-46%,0) scale(.98);width:min(640px,calc(100vw - 32px));max-height:min(88vh,880px);background:var(--surface);border:1px solid var(--line-kuat);border-radius:var(--r-besar);box-shadow:0 32px 64px -24px #102a4366;display:flex;flex-direction:column;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .24s cubic-bezier(.22,.9,.3,1)}.modal.buka{opacity:1;pointer-events:auto;transform:translate3d(-50%,-50%,0) scale(1)}.modal-kepala{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);background:var(--surface-2)}.modal-kepala h3{font-size:16px}.modal-kepala p{font-size:12.5px;color:var(--tinta-lemah)}.modal-tubuh{padding:20px;overflow-y:auto}.modal-kaki{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;background:var(--surface-2)}.panel{position:fixed;z-index:100;top:calc(var(--atas) + 10px);right:20px;width:min(380px,calc(100vw - 24px));max-height:min(70vh,600px);background:var(--surface);border:1px solid var(--line-kuat);border-radius:var(--r-besar);box-shadow:0 24px 48px -20px #102a4359;overflow:hidden;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translate3d(0,-8px,0);transition:opacity .18s ease,transform .18s ease}.panel.buka{opacity:1;pointer-events:auto;transform:translateZ(0)}.panel-kepala{padding:14px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;background:var(--surface-2)}.panel-tubuh{overflow-y:auto}.notif{display:flex;gap:11px;padding:13px 17px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .14s ease}.notif:hover{background:var(--surface-2)}.notif-ikon{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;background:#0033660f;border:1px solid rgba(0,51,102,.1)}.notif-ikon svg{width:15px;height:15px;stroke:var(--navy)}.notif b{font-size:13px;display:block;font-weight:650}.notif p{font-size:12.3px;color:var(--tinta-lemah);line-height:1.45}.notif time{font-size:10.5px;color:var(--tinta-samar)}.notif.baru{background:#0080370b}.notif.baru b:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--emerald);margin-left:6px;vertical-align:middle}.menu{position:absolute;z-index:100;min-width:208px;padding:6px;background:var(--surface);border:1px solid var(--line-kuat);border-radius:var(--r);box-shadow:0 20px 40px -18px #102a434d;opacity:0;pointer-events:none;transform:translate3d(0,-6px,0);transition:opacity .16s ease,transform .16s ease}.menu.buka{opacity:1;pointer-events:auto;transform:none}.menu a,.menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border-radius:8px;border:0;background:transparent;font-size:13px;cursor:pointer;text-align:left;color:var(--tinta-lemah);font-weight:500}.menu a:hover,.menu button:hover{background:var(--surface-2);color:var(--navy)}.menu svg{width:15px;height:15px;stroke:currentColor}.menu-pisah{height:1px;background:var(--line);margin:5px 4px}.toast-tumpuk{position:fixed;z-index:200;bottom:22px;right:22px;display:flex;flex-direction:column;gap:9px;align-items:flex-end}.toast{display:flex;align-items:flex-start;gap:10px;min-width:250px;max-width:370px;padding:13px 15px;background:var(--surface);border:1px solid var(--line-kuat);border-left:3px solid var(--emerald);border-radius:11px;box-shadow:0 20px 40px -18px #102a4359;animation:masuk .26s cubic-bezier(.22,.9,.3,1) both}.toast.gagal{border-left-color:var(--merah)}.toast.info{border-left-color:var(--biru)}.toast b{font-size:13px;display:block}.toast p{font-size:12.3px;color:var(--tinta-lemah)}.toast.keluar{animation:keluar .2s ease both}@keyframes masuk{0%{opacity:0;transform:translate3d(0,14px,0) scale(.97)}to{opacity:1;transform:none}}@keyframes keluar{to{opacity:0;transform:translate3d(0,8px,0) scale(.98)}}.palet{position:fixed;z-index:210;left:50%;top:13vh;transform:translate3d(-50%,-10px,0) scale(.98);width:min(580px,calc(100vw - 28px));background:var(--surface);border:1px solid var(--line-kuat);border-radius:14px;box-shadow:0 32px 64px -24px #102a4366;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .2s cubic-bezier(.22,.9,.3,1)}.palet.buka{opacity:1;pointer-events:auto;transform:translate3d(-50%,0,0) scale(1)}.palet-cari{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid var(--line)}.palet-cari svg{width:18px;height:18px;stroke:var(--tinta-samar)}.palet-cari input{flex:1;border:0;background:transparent;outline:0;font-size:15px}.palet-hasil{max-height:50vh;overflow-y:auto;padding:7px}.palet-butir{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;cursor:pointer;font-size:13.5px;color:var(--tinta-lemah)}.palet-butir.terpilih{background:var(--surface-3);color:var(--navy)}.palet-butir svg{width:16px;height:16px;stroke:currentColor}.palet-butir .ket{margin-left:auto;font-size:11px;color:var(--tinta-samar)}.hero{position:relative;padding:68px 24px 34px;max-width:1560px;margin:0 auto}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}.lencana-kecil{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:var(--r-pil);background:var(--surface);border:1px solid var(--line-kuat);color:var(--emerald-600);font-size:12px;font-weight:650;box-shadow:var(--bayang-lembut)}.lencana-kecil svg{width:14px;height:14px;stroke:currentColor}.hero h1{font-size:clamp(32px,4.2vw,54px);letter-spacing:-.045em;margin:18px 0 14px;font-weight:800;line-height:1.08;color:var(--navy-900)}[data-tema=gelap] .hero h1{color:var(--tinta)}.hero h1 em{font-style:normal;color:var(--emerald);position:relative;white-space:nowrap}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:6px;background:#c5a05961;z-index:-1;border-radius:3px}.hero-lead{font-size:16px;color:var(--tinta-lemah);max-width:580px;line-height:1.65}.bagian{padding:40px 24px;max-width:1560px;margin:0 auto}.bagian-kepala{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.bagian-kepala h2{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.03em}.bagian-kepala p{color:var(--tinta-lemah);font-size:14px;margin-top:3px}.bagian-kepala .kanan{margin-left:auto}.langkah{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:14px}.langkah-butir{padding:18px;border-radius:var(--r-besar);background:var(--surface);border:1px solid var(--line);box-shadow:var(--bayang-lembut)}.langkah-no{width:32px;height:32px;border-radius:9px;background:#0033660f;border:1px solid rgba(0,51,102,.1);display:grid;place-items:center;font-weight:800;color:var(--navy);margin-bottom:11px;font-family:var(--font-judul);font-size:14px}.langkah-butir:nth-child(2) .langkah-no{background:#00803712;border-color:#00803724;color:var(--emerald-600)}.langkah-butir:nth-child(3) .langkah-no{background:#c5a0591a;border-color:#c5a05933;color:var(--gold-600)}.langkah-butir h4{font-size:15px;margin-bottom:5px}.langkah-butir p{font-size:13px;color:var(--tinta-lemah);line-height:1.55}.masuk-kotak{min-height:100vh;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.masuk-sisi{padding:44px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;position:relative;overflow:hidden;background:var(--grad-navy);color:#fff}.masuk-sisi:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(120% 90% at 20% 0%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(120% 90% at 20% 0%,#000 30%,transparent 75%)}.masuk-sisi:after{content:"";position:absolute;right:-120px;bottom:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(197,160,89,.28),transparent 68%)}.masuk-sisi .merek-nama{color:#fff}.masuk-sisi .merek-nama span{color:#8fd6ac}.masuk-sisi .merek-sub{color:#ffffff9e}.masuk-sisi .merek-logo{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);box-shadow:none}.masuk-sisi .merek-logo:after{background:var(--grad-gold)}.masuk-form-bungkus{display:grid;place-items:center;padding:40px 24px;background:var(--surface)}.masuk-form{width:min(420px,100%)}.masuk-form h1{color:var(--tinta)}.peran-pilih{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.peran-btn{padding:13px;border-radius:var(--r);border:1px solid var(--line-kuat);min-height:92px;display:flex;flex-direction:column;align-items:flex-start;background:var(--surface);cursor:pointer;text-align:left;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.peran-btn:hover{border-color:#b9c7d8;transform:translateY(-1px)}.peran-btn svg{width:19px;height:19px;stroke:var(--tinta-lemah);margin-bottom:7px}.peran-btn b{display:block;font-size:13.5px;font-weight:650;color:var(--tinta)}.peran-btn span{font-size:11.5px;color:var(--tinta-samar);line-height:1.4;display:block;margin-top:1px}.peran-btn.aktif{border-color:var(--navy);background:#0033660b;box-shadow:0 0 0 3px #0033660f}.peran-btn.aktif svg{stroke:var(--navy)}.peran-btn.aktif b{color:var(--navy)}.tab-pilih{display:flex;gap:4px;padding:4px;background:var(--surface-3);border:1px solid var(--line);border-radius:10px;margin-bottom:24px}.tab-pilih button{flex:1;padding:8px;border:0;background:transparent;border-radius:7px;cursor:pointer;font-size:13px;font-weight:650;color:var(--tinta-lemah);transition:background .16s ease,color .16s ease,box-shadow .16s ease}.tab-pilih button.aktif{background:var(--surface);color:var(--navy);box-shadow:0 1px 2px #102a431f}.pesan{display:flex;gap:9px;padding:11px 13px;border-radius:10px;font-size:12.5px;border:1px solid;margin-bottom:14px;line-height:1.5}.pesan svg{width:15px;height:15px;flex:none;margin-top:1px}.pesan-galat{background:#fef3f2;border-color:#fecdca;color:#b42318}.pesan-sukses{background:#ecfdf3;border-color:#abefc6;color:#027a48}.pesan-info{background:#eff8ff;border-color:#b2ddff;color:#175cd3}[data-tema=gelap] .pesan-info{background:#60a5fa1a;border-color:#60a5fa4d;color:#bfdbfe}[data-tema=gelap] .pesan-galat{background:#f871711a;border-color:#f871714d;color:#fecaca}[data-tema=gelap] .pesan-sukses{background:#34d3991a;border-color:#34d3994d;color:#bbf7d0}.sisi-sorot{position:relative;z-index:1}.kutipan{font-family:var(--font-judul);font-size:clamp(24px,2.2vw,33px);font-weight:700;letter-spacing:-.03em;line-height:1.26;color:#fff}.kutipan em{font-style:normal;color:#ffd58a}.sisi-daftar{display:flex;flex-direction:column;gap:11px;margin-top:24px}.sisi-daftar li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#fffc;line-height:1.5}.sisi-daftar li b{color:#fff;font-weight:650}.sisi-daftar svg{width:16px;height:16px;stroke:#8fd6ac;flex:none;margin-top:2px}.masuk-sisi .stat-nilai{color:#fff}.masuk-sisi .stat-ket{color:#ffffff9e}.masuk-sisi .lencana-kecil{background:#ffffff1a;border-color:#fff3;color:#d6f3e2;backdrop-filter:blur(4px)}.bawah-nav{position:fixed;z-index:70;left:0;right:0;bottom:0;display:none;gap:2px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.bawah-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:10px;font-size:10px;color:var(--tinta-samar);font-weight:650;transition:color .15s ease,background .15s ease}.bawah-nav a.aktif{color:var(--navy);background:#0033660f}.bawah-nav svg{width:19px;height:19px;stroke:currentColor}.bawah-nav a.aktif svg{stroke:var(--navy)}.nota-bungkus{max-width:820px;margin:24px auto;padding:0 16px}.nota{background:#fff;color:#102a43;border:1px solid #e5ebf3;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -26px #102a4359}.nota-kepala{display:flex;align-items:flex-start;gap:16px;padding:22px 24px;border-bottom:3px solid transparent;border-image:var(--grad-garis) 1;background:#f8fafc}.nota-merek{font-family:var(--font-judul);font-weight:800;font-size:20px;letter-spacing:-.03em;color:#036}.nota-no{font-family:var(--font-angka);font-size:12.5px;color:#52657c}.nota-tubuh{padding:22px 24px}.nota-pihak{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.nota-pihak b{display:block;font-size:13.5px}.nota-pihak span{font-size:12.5px;color:#52657c}.nota-tabel{width:100%;border-collapse:collapse;font-size:13px}.nota-tabel th{text-align:left;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#8494a7;padding:8px 10px;border-bottom:1px solid #e5ebf3}.nota-tabel td{padding:10px;border-bottom:1px solid #eef3f9}.nota-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 10px 0;font-weight:700}.nota-total .angka{font-size:18px;color:#036}.nota-catatan{margin-top:16px;font-size:12px;color:#52657c;line-height:1.6}.nota-kaki{padding:18px 24px;border-top:1px solid #e5ebf3;background:#f8fafc;display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap}.nota-ttd{text-align:center;font-size:12px;color:#52657c;min-width:150px}.nota-ttd b{display:block;margin-top:34px;border-top:1px solid #cbd5e1;padding-top:5px;color:#102a43}@media(max-width:1180px){.hero-grid{grid-template-columns:1fr;gap:26px}.masuk-kotak{grid-template-columns:1fr}.masuk-sisi{display:none}.masuk-form-bungkus{min-height:100vh}}@media(max-width:980px){:root{--sisi: 0px}.isi-grid{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px 14px 104px}.sisi{display:none}.bawah-nav{display:flex}.grup-tiga{grid-template-columns:1fr}.cari-atas{display:none}.topbar{padding:0 14px;gap:10px}.merek-sub{display:none}.toast-tumpuk{left:14px;right:14px;bottom:88px;align-items:stretch}.toast{max-width:none}.panel{right:12px;left:12px;width:auto}.kartu{padding:16px;border-radius:14px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px}.stat{padding:14px;border-radius:13px}.stat-nilai{font-size:20px}.hero{padding:36px 14px 20px}.bagian{padding:28px 14px}.nota-pihak{grid-template-columns:1fr}}@media(max-width:620px){.grup-dua,.penawaran{grid-template-columns:1fr}.modal{width:calc(100vw - 20px);max-height:92vh}.bagian-kepala .kanan{margin-left:0;width:100%}.papan thead th,.papan tbody td{padding:10px 9px}.hero h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.ticker-jalur{animation:none}html{scroll-behavior:auto}}@media print{body{background:#fff;color:#111}body:before,.topbar,.sisi,.bawah-nav,.tidak-cetak,.toast-tumpuk{display:none!important}.isi-grid{display:block;padding:0;max-width:none}.kartu,.nota{border:1px solid #ddd;box-shadow:none;background:#fff;color:#111}.angka,.stat-nilai{color:#111}.nota-bungkus{margin:0;padding:0;max-width:none}}@media(max-width:780px){#saring-kat-pembeli,#saring-kategori,#saring-transaksi,#saring-trx-pembeli{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 16px 8px 0;scrollbar-width:none}#saring-kat-pembeli::-webkit-scrollbar,#saring-kategori::-webkit-scrollbar,#saring-transaksi::-webkit-scrollbar,#saring-trx-pembeli::-webkit-scrollbar{display:none}.isi-grid{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}