:root{--bg:#f6f2ea;--surface:#fffdf8;--surface-2:#f1ebdf;--line:#e4dccb;--text:#1f2a28;--muted:#6b726d;--brand:#0f4c47;--brand-2:#16655e;--gold:#c99a3c;--good:#1f7a4d;--bad:#b5452f;--warn:#b7791f;--radius:14px;--shadow:0 1px 2px #1e28230d, 0 6px 20px #1e28230d;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0c1615;--surface:#13201f;--surface-2:#1a2a28;--line:#263936;--text:#e9efe9;--muted:#93a19c;--brand:#3fb4a3;--brand-2:#58c7b6;--good:#4cc38a;--bad:#ef7d64;--warn:#e6b155;--shadow:none}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.01em;margin:0}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:10px;outline:none;width:100%;padding:9px 11px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);flex:none}code{background:var(--surface-2);border-radius:6px;padding:1px 6px;font-size:.85em}.loading{color:#e8dcc0;background:#0b1f2a;place-items:center;height:100vh;display:grid}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.side{background:var(--brand);color:#f4ecd8;flex-direction:column;gap:22px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}@media (prefers-color-scheme:dark){.side{border-right:1px solid var(--line);background:#0a1312}}.brand{gap:2px;padding:0 10px;display:grid}.brand-ar{color:var(--gold);font-family:Amiri,serif;font-size:22px}.brand strong{font-size:18px}.brand small{opacity:.75}.side nav{gap:4px;display:grid}.side nav a{color:inherit;opacity:.82;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:14.5px;display:flex}.side nav svg{opacity:.9;flex:none}.side nav a:hover{opacity:1;background:#ffffff14;text-decoration:none}.side nav a.on{opacity:1;box-shadow:inset 3px 0 var(--gold);background:#ffffff24;font-weight:600}.main{align-content:start;gap:18px;width:100%;max-width:1180px;padding:28px clamp(16px,3vw,40px) 60px;display:grid}.page-t{font-size:24px}@media (width<=820px){.shell{grid-template-columns:1fr}.side{z-index:20;flex-direction:row;height:auto;padding:6px;position:fixed;inset:auto 0 0}.brand{display:none}.side nav{grid-template-columns:repeat(6,1fr);gap:2px;width:100%}.side nav a{flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:10.5px}.side nav a.on{box-shadow:inset 0 -3px var(--gold)}.main{padding:18px 16px 90px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:14px;min-width:0;padding:18px;display:grid}.card-h{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-h h3{font-size:16px}.muted{color:var(--muted);margin:0;font-size:14px}.empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:10px;margin:0;padding:18px;font-size:14px}.nowrap{white-space:nowrap}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=900px){.grid2{grid-template-columns:1fr}}.stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=900px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:4px;min-width:0;padding:14px 16px;display:grid}.stat-l{color:var(--muted);font-size:13px}.stat-v{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:20px}.stat-s{color:var(--muted);font-size:12px}.stat.good .stat-v,.tgood{color:var(--good)}.stat.bad .stat-v,.tbad{color:var(--bad)}.bar{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.bar i{background:var(--brand-2);border-radius:inherit;height:100%;transition:width .4s;display:block}.bar.good i{background:var(--good)}.bar.over i{background:var(--bad)}.prog-row{justify-content:space-between;gap:10px;margin-top:4px;font-size:14px;display:flex}.prog-row small{color:var(--muted);font-variant-numeric:tabular-nums}.kat{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px 24px;display:grid}.kat-row{gap:6px;display:grid}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--brand);text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}@media (prefers-color-scheme:dark){.btn.primary{color:#06201d}}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.wa{color:#05391c;background:#25d366;border-color:#25d366}.btn.sm{padding:5px 10px;font-size:12.5px}.icon{cursor:pointer;color:var(--muted);vertical-align:middle;background:0 0;border:0;border-radius:6px;place-items:center;padding:5px;display:inline-grid}.icon:hover svg{color:inherit}.icon:hover{background:var(--surface-2);color:var(--text)}.tabs{background:var(--surface-2);border-radius:12px;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tabs button{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:8px 14px;font-weight:600}.tabs button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.form{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:end;gap:10px;display:grid}.field{gap:5px;min-width:0;font-size:13px;display:grid}.field>span{color:var(--muted);font-weight:500}.field.wide{grid-column:span 2}@media (width<=520px){.field.wide{grid-column:1/-1}.form{grid-template-columns:1fr 1fr}.form>.btn{grid-column:1/-1}}.mini{border-radius:8px;width:auto;padding:5px 8px;font-size:13px}.mini.late{border-color:var(--bad);color:var(--bad)}.table-wrap{margin:0 -4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:8px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px}tr:last-child td{border-bottom:0}.r{text-align:right}td.r{font-variant-numeric:tabular-nums}.tag{background:var(--surface-2);border-radius:99px;margin-left:6px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-block}td>.tag:first-child{margin-left:0}.tag.warn{color:var(--warn)}.tag.ikhwan{color:#2a6db0;background:#2a6db01f}.tag.akhwat{color:#9a3f78;background:#9a3f781f}.rsvp-hadir{color:var(--good);border-color:var(--good)}.rsvp-tidak{color:var(--bad);border-color:var(--bad)}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters input{flex:180px;width:auto}.filters select{width:auto}.bulk{border:1px solid var(--line);border-radius:10px;gap:8px;padding:10px 14px;display:grid}.bulk[open]{display:grid}.bulk summary{cursor:pointer;font-size:14px;font-weight:600}.bulk>*+*{margin-top:8px}.bulk .btn{justify-self:start}.list{margin:0;padding:0;list-style:none;display:grid}.list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:9px 0;font-size:14px;display:flex}.list li:last-child{border:0}.list small{color:var(--muted);white-space:nowrap}.fase{gap:6px;display:grid}.fase-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:6px;display:flex}.fase-h h4{color:var(--brand);font-size:14px}.fase-h small{color:var(--muted)}.checks{gap:2px;margin:0;padding:0;list-style:none;display:grid}.checks li{border-radius:8px;align-items:center;gap:10px;padding:6px 4px;display:flex}.checks li:hover{background:var(--surface-2)}.checks label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.checks li.done label span{color:var(--muted);text-decoration:line-through}.checks small{color:var(--muted);white-space:nowrap}.note{background:var(--surface-2);border-radius:10px;margin:0;padding:10px 14px;font-size:14px}.note.good{color:var(--good)}.budget{gap:4px;display:grid}.budget-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 170px;align-items:center;gap:14px;padding:10px 0;display:grid}.budget-row>div{gap:5px;display:grid}.budget-row small{font-size:12.5px}.budget-row input{text-align:right}.budget-row.total{border:0;font-size:16px}.budget-row.total strong:last-child{text-align:right}.preview-card{background:linear-gradient(120deg, var(--brand), #0b2f3b);color:#f4ecd8;border:0;grid-template-columns:1fr auto;align-items:center}.preview-card .muted{color:#cfd9d3}.preview-card code{color:#f4ecd8;background:#ffffff1f}.preview-card a:not(.btn){color:var(--gold)}.preview-card .btn:not(.primary){color:#f4ecd8;background:0 0;border-color:#ffffff4d}.preview-card .btn.primary{background:var(--gold);border-color:var(--gold);color:#1d1606}@media (width<=700px){.preview-card{grid-template-columns:1fr}}.hero{border-radius:calc(var(--radius) + 4px);text-align:center;color:#f4ecd8;background:radial-gradient(circle at 85% 15%,#c99a3c59,#0000 40%),linear-gradient(135deg,#0f4c47,#0b2f3b);gap:10px;padding:28px 24px;display:grid}.bismillah{color:var(--gold);margin:0;font-family:Amiri,serif;font-size:24px}.hero h1{font-family:Amiri,serif;font-size:clamp(30px,5vw,44px);font-weight:700}.hero h1 span{color:var(--gold)}.hero .muted{color:#cfd9d3}.hero .muted a{color:var(--gold)}.hero-date{opacity:.85;margin:0;font-size:14px}.countdown{justify-content:center;gap:10px;display:flex}.countdown div{background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;min-width:64px;padding:8px 4px;display:grid}.countdown b{font-variant-numeric:tabular-nums;font-size:26px}.countdown small{opacity:.8;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.hadits{border-left:3px solid var(--gold);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;color:var(--muted);margin:0;padding:16px 20px;font-style:italic}.hadits cite{margin-top:6px;font-size:13px;font-style:normal;display:block}.inv{min-height:100vh;color:var(--inv-text);background:var(--inv-bg);background-attachment:fixed;position:relative}.inv:before{content:"";background-image:var(--inv-pattern);pointer-events:none;background-size:80px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 55%);mask-image:linear-gradient(#000 0%,#0000 55%)}.scene{width:100%;height:100%}.inv-scene{position:fixed;inset:0}.inv-scene canvas{display:block}.inv-back{z-index:5;color:var(--inv-text);background:var(--inv-glass);border:1px solid var(--inv-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;padding:6px 12px;font-size:13px;position:fixed;top:14px;left:14px}.inv .ar{color:var(--inv-accent);direction:rtl;margin:0;font-family:Amiri,serif;font-size:22px;line-height:1.9}.inv .eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--inv-accent);margin:0;font-size:12px}.inv h1,.inv h2,.inv h3{font-family:var(--inv-display);font-weight:700}.inv-cover{z-index:2;text-align:center;background:linear-gradient(transparent, var(--inv-fade) 35%);justify-items:center;gap:10px;padding:30px 16px 44px;animation:1.2s both rise;display:grid;position:fixed;inset:auto 0 0}.inv-cover h1{font-size:clamp(38px,8vw,64px);line-height:1.1}.inv-cover h1 span{color:var(--inv-accent)}.inv-cover .to{gap:2px;margin:6px 0 8px;display:grid}.inv-cover .to small{opacity:.75}.inv-cover .to strong{font-size:20px}.btn.gold{background:linear-gradient(135deg, var(--inv-accent), var(--inv-accent-2));color:var(--inv-btn-text);border:0;border-radius:99px;padding:12px 26px;box-shadow:0 6px 22px #0000002e}.btn.gold:hover{filter:brightness(1.07)}.inv-content{z-index:2;gap:18px;max-width:560px;margin:0 auto;padding:0 16px;display:grid;position:relative}.inv-spacer{height:72vh}.inv-spacer.sm{height:20vh}.glass{background:var(--inv-glass);border:1px solid var(--inv-line);text-align:center;-webkit-backdrop-filter:blur(12px);border-radius:20px;gap:12px;padding:26px 22px;animation:.9s both rise;display:grid}.glass p{margin:0;line-height:1.65}.glass .tr{opacity:.88;font-size:14.5px;font-style:italic}.glass cite{color:var(--inv-accent);font-size:13px;font-style:normal}.glass .ayat{font-size:24px}.couple{gap:10px;display:grid}.couple h2{font-size:28px}.couple small{opacity:.75}.couple .amp{font-family:var(--inv-display);color:var(--inv-accent);font-size:38px}.events{grid-template-columns:1fr 1fr}.events>div{gap:4px;display:grid}.events h3{font-size:20px}.events .addr,.events .btn{grid-column:1/-1;justify-self:center}@media (width<=460px){.events{grid-template-columns:1fr}}.rsvp{text-align:left;gap:10px;display:grid}.rsvp input,.rsvp textarea{background:color-mix(in srgb, var(--inv-text) 6%, transparent);border-color:var(--inv-line);color:var(--inv-text)}.rsvp input::placeholder,.rsvp textarea::placeholder{color:color-mix(in srgb, var(--inv-text) 50%, transparent)}.rsvp .btn{justify-self:center}.seg{grid-template-columns:1fr 1fr;gap:6px;display:grid}.seg button{border:1px solid var(--inv-line);cursor:pointer;color:var(--inv-text);background:0 0;border-radius:10px;padding:9px}.seg button.on{background:var(--inv-accent);color:var(--inv-btn-text);font-weight:600}.inline{align-items:center;gap:10px;font-size:14px;display:flex}.inline input{width:80px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.glass,.inv-cover{animation:none}}.slug{color:var(--brand);cursor:pointer;background:0 0;border:0;margin-top:2px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;display:block}.slug:hover{text-decoration:underline}.sync{color:inherit;opacity:.8;align-items:center;gap:8px;margin-top:auto;padding:8px 12px;font-size:12.5px;display:flex}.sync:hover{opacity:1;text-decoration:none}.sync i{background:#9aa5a0;border-radius:50%;flex:none;width:8px;height:8px}.sync.ok i{background:#5fd39a}.sync.pending i{background:var(--gold)}.sync.error i{background:#ef7d64}@media (width<=820px){.sync{display:none}}.err{color:#c2412d;font-size:14px}.inv.dark .err{color:#ffb4a3}.doa{text-align:left}.doa .eyebrow{text-align:center}.doa blockquote{border-top:1px solid var(--inv-line);margin:0;padding:10px 0}.doa blockquote p{font-style:italic}.doa cite{margin-top:4px;display:block}.inv-404{text-align:center;place-content:center;gap:6px;padding:16px;display:grid}.inv-404 .ar{color:#e7c27a;margin:0;font-family:Amiri,serif;font-size:26px}.inv-404 p{margin:0}.inv-404 small{opacity:.7}.themes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.theme{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--text);border-radius:12px;padding:0;display:grid;overflow:hidden}.theme:hover{border-color:var(--brand)}.theme.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}.theme-sw{grid-template-columns:2fr 1fr 1fr 1fr;height:54px;display:grid}.theme-body{gap:3px;padding:10px 12px 12px;display:grid}.theme-body strong{justify-content:space-between;gap:8px;font-size:14px;display:flex}.theme-body small{color:var(--muted);font-size:12.5px;line-height:1.45}.theme-body a{margin-top:4px;font-size:12.5px;font-weight:600}.theme-cek{color:var(--brand);font-size:12px}.steps{gap:4px;margin:0;padding:0;list-style:none;display:grid}.steps li{border-radius:10px;align-items:flex-start;gap:12px;padding:8px;display:flex}.steps li:hover{background:var(--surface-2)}.steps a{color:var(--text);flex:1;gap:2px;display:grid}.steps a:hover{text-decoration:none}.steps a:hover strong{color:var(--brand)}.steps strong{font-size:14.5px}.steps small{color:var(--muted);font-size:13px;line-height:1.45}.step-n{border:1.5px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:13px;font-weight:700;display:grid}.steps li.done .step-n{background:var(--good);border-color:var(--good);color:#fff}.steps li.done strong{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.banner{border-radius:var(--radius);border:1px dashed var(--brand);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.banner.soft{border-style:solid;border-color:var(--line);background:var(--surface-2)}.banner>div{gap:4px;display:grid}.banner strong{font-size:15px}@media (width<=640px){.banner{flex-direction:column;align-items:stretch}}.skala{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=640px){.skala{grid-template-columns:1fr}}.skala-opt{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--text);border-radius:12px;gap:3px;padding:12px 14px;display:grid}.skala-opt:hover{border-color:var(--brand)}.skala-opt.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}.skala-opt small{color:var(--muted);font-size:12.5px;line-height:1.4}.skala-opt span{color:var(--brand);margin-top:4px;font-size:12.5px;font-weight:600}.banner.col{flex-direction:column;align-items:stretch}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.check input{margin-top:1px}.check.wide{grid-column:1/-1}.rincian td{padding:8px}.rincian small{font-size:12.5px}.rincian tr.total td{border-top:2px solid var(--line);border-bottom:0}.row.between{justify-content:space-between}.muted.small{font-size:12.5px}input:disabled{opacity:.65;cursor:not-allowed}.loading.plain{background:var(--bg);color:var(--muted);text-align:center;gap:8px;padding:16px}.center{text-align:center;justify-content:center}.block{display:block}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.prefix{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.prefix span{background:var(--surface-2);color:var(--muted);white-space:nowrap;place-items:center;padding:9px 10px;font-size:13.5px;display:grid}.prefix input{border:0;border-radius:0;min-width:0}.prefix:focus-within{border-color:var(--brand)}.btn.ghost{background:0 0;border-color:#0000}.btn.lg{padding:12px 22px;font-size:15px}.icon.danger:hover{color:var(--bad)}.auth{background:var(--bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:18px;gap:14px;padding:28px 24px;display:grid}.auth-card h1{font-size:22px}.auth-card .btn.primary{padding:11px}.auth-brand{color:var(--text);justify-items:start;gap:0;display:grid}.auth-brand:hover{text-decoration:none}.auth-brand .brand-ar{color:var(--gold);font-family:Amiri,serif;font-size:18px;line-height:1.2}.auth-brand strong{font-size:17px}.landing{background:var(--bg);min-height:100vh}.l-head{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:18px 20px;display:flex}.l-head nav{gap:8px;display:flex}.l-hero{text-align:center;gap:16px;max-width:760px;margin:0 auto;padding:56px 20px 40px;display:grid}.l-hero h1{letter-spacing:-.01em;font-family:Cormorant Garamond,serif;font-size:clamp(34px,6vw,56px);font-weight:700;line-height:1.08}.l-hero .lead{color:var(--muted);margin:0;font-size:17px;line-height:1.6}.l-fitur{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1080px;margin:0 auto;padding:24px 20px;display:grid}@media (width<=900px){.l-fitur{grid-template-columns:1fr 1fr}}@media (width<=520px){.l-fitur{grid-template-columns:1fr}}.l-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-content:start;gap:8px;padding:20px;display:grid}.l-card h3{font-size:16px}.l-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.l-ic{background:var(--surface-2);width:40px;height:40px;color:var(--brand);border-radius:10px;place-items:center;display:grid}.l-langkah{max-width:760px;margin:0 auto;padding:32px 20px}.l-langkah h2{margin-bottom:12px;font-size:20px}.l-langkah ol{color:var(--muted);gap:10px;margin:0;padding-left:20px;line-height:1.55;display:grid}.l-langkah b{color:var(--text)}.l-foot{text-align:center;color:var(--muted);padding:40px 20px 56px;font-size:14px;font-style:italic}.l-foot span{margin-top:4px;font-size:12.5px;font-style:normal;display:block}.side nav a.nav-super{border-top:1px solid #ffffff1f;border-radius:0 0 10px 10px;margin-top:8px;padding-top:14px}@media (width<=820px){.side nav{grid-template-columns:none;grid-auto-columns:1fr;grid-auto-flow:column}.side nav a.nav-super{border-top:0;border-radius:10px;margin-top:0;padding-top:6px}}.sa{background:var(--bg);min-height:100vh}.sa-head{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px clamp(16px,3vw,40px);display:flex}.sa-head .row{gap:12px}.sa-main{max-width:1280px;margin:0 auto;padding-bottom:40px}.sa-table td{vertical-align:top}.sa-table tr.off td{opacity:.6}.menu{display:inline-block;position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-list{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:4px;min-width:190px;margin-top:6px;padding:6px;display:grid;box-shadow:0 10px 30px #0000001f}.menu-list .btn{border-color:#0000;justify-content:flex-start}.menu-list .btn:hover{background:var(--surface-2)}.tag.ok{color:var(--good)}.tag.super{color:#7a4fb0;background:#7a4fb01f}:root{--chart:#00897b}@media (prefers-color-scheme:dark){:root{--chart:#2fa595}}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .axis{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart .bar{fill:var(--chart);transition:opacity .15s}.chart svg:hover .bar:not(.on){opacity:.55}.chart .hit{fill:#0000}.chart .tip{background:var(--text);color:var(--surface);pointer-events:none;white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:12.5px;line-height:1.35;position:absolute;top:0;transform:translate(-50%,-100%)}.chart-table summary{color:var(--muted);cursor:pointer;margin-top:6px;font-size:12.5px}.chart-table table{margin-top:6px;font-size:13px}.sa-table tr.click{cursor:pointer}.sa-table tr.click:hover td{background:var(--surface-2)}.sa-table tr.click:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.drawer-bg{z-index:40;background:#0000004d;position:fixed;inset:0}.drawer{z-index:41;background:var(--surface);border-left:1px solid var(--line);align-content:start;gap:16px;width:min(460px,100%);padding:20px;display:grid;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-10px 0 40px #0000001f}.drawer-h{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.drawer-h h3{font-size:18px}.drawer h4{margin-top:4px;font-size:14px}.drawer .form{grid-template-columns:1fr}.drawer .field.wide{grid-column:auto}.drawer-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.facts{grid-template-columns:1fr 1fr;gap:10px 16px;margin:0;display:grid}.facts div{gap:2px;display:grid}.facts dt{color:var(--muted);font-size:12px}.facts dd{margin:0;font-size:14px}.stack{gap:18px;display:grid}.switch{cursor:pointer;align-items:flex-start;gap:12px;font-size:14px;display:flex}.switch input{margin-top:2px}.tema-admin{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.tema-opt{border:1px solid var(--line);cursor:pointer;opacity:.6;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.tema-opt.on{opacity:1;border-color:var(--brand)}.tema-sw{border-radius:6px;flex:none;display:flex;overflow:hidden}.tema-sw i{width:12px;height:22px}.savebar{background:linear-gradient(transparent, var(--bg) 30%);justify-content:flex-end;align-items:center;gap:10px;padding:12px 0;display:flex;position:sticky;bottom:0}.tips{color:var(--muted);gap:6px;margin:0;padding-left:18px;font-size:14px;line-height:1.5;display:grid}.announce{border-radius:var(--radius);background:var(--surface);border:1px solid var(--brand);border-left-width:4px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.announce p{white-space:pre-line;margin:0;font-size:14.5px}.site-notice{background:var(--surface-2);text-align:center;border-radius:10px;max-width:760px;margin:8px auto 0;padding:10px 16px;font-size:14px}.card>.field.wide{grid-column:1/-1}.btn.disabled{opacity:.5;pointer-events:none}.akad-card{background:var(--surface-2)}.akad-row{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.akad-row .field{min-width:240px}.akad-info{gap:2px;padding-bottom:6px;display:grid}.akad-info b{color:var(--brand);font-size:18px}.akad-info small{color:var(--muted);font-size:13px}.due{flex:none;align-items:center;gap:6px;display:inline-flex}.due-h{background:var(--surface-2);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:99px;padding:2px 7px;font-size:11.5px;font-weight:700}.due.soon .due-h{color:var(--warn);background:color-mix(in srgb, var(--warn) 14%, transparent)}.due.late .due-h{color:var(--bad);background:color-mix(in srgb, var(--bad) 14%, transparent)}.due.late input{border-color:var(--bad);color:var(--bad)}.link{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}@media (width<=640px){.checks li{flex-wrap:wrap}.checks label{flex-basis:100%}.checks .due{margin-left:28px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.l-faq{gap:8px;max-width:760px;margin:0 auto;padding:24px 20px;display:grid}.l-faq h2{margin-bottom:8px;font-size:20px}.l-faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.l-faq summary{cursor:pointer;font-size:15px;font-weight:600}.l-faq details p{color:var(--muted);margin:10px 0 0;font-size:14.5px;line-height:1.6}.offers{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.offers.ringkas{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.offer{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.offer-img{aspect-ratio:4/3;background:var(--surface-2);position:relative}.offer.ringkas .offer-img{aspect-ratio:16/9}.offer-img img{object-fit:cover;width:100%;height:100%;display:block}.offer-ph{width:100%;height:100%;color:var(--muted);place-items:center;display:grid}.offer-ph.sm{background:var(--surface-2);border-radius:8px;flex:none;width:40px;height:40px}.offer-badge{background:var(--gold);color:#1d1606;border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:700;position:absolute;top:10px;left:10px}.offer-body{align-content:start;gap:4px;padding:12px 14px 14px;display:grid}.offer-body h3{font-size:15.5px;line-height:1.3}.offer-vendor{color:var(--muted);font-size:13px}.offer-price{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:4px;display:flex}.offer-price b{font-variant-numeric:tabular-nums;font-size:17px}.offer-price s{color:var(--muted);font-size:13px}.offer-price small{color:var(--muted);font-size:12.5px}.offer-est{color:var(--text);font-size:12.5px}.offer-fit{font-size:12px;font-weight:600}.offer-fit.ok{color:var(--good)}.offer-fit.over{color:var(--warn)}.offer-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.offer-tags .tag{margin:0}.offer-desc{color:var(--muted);-webkit-line-clamp:3;cursor:pointer;white-space:pre-line;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.offer-desc.open{-webkit-line-clamp:unset;display:block}.offer-cta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.offer-row{flex-wrap:nowrap;gap:10px}.offer-row img{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--text);border-radius:99px;padding:6px 12px;font-size:13px}.chips button.on{background:var(--brand);border-color:var(--brand);color:#fff}.drawer.wide{width:min(640px,100%)}.offer-form{gap:16px;display:grid}.offer-form .form{grid-template-columns:1fr 1fr}.offer-form .field.wide,.offer-form .check.wide{grid-column:1/-1}.offer-form .offers{grid-template-columns:minmax(0,300px)}.tag.muted{color:var(--muted)}.l-head .btn.ghost.on{color:var(--brand)}.eyebrow-l{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin:0;font-size:12.5px;font-weight:700}.l-fitur-3{grid-template-columns:repeat(3,1fr)}@media (width<=900px){.l-fitur-3{grid-template-columns:1fr 1fr}}@media (width<=520px){.l-fitur-3{grid-template-columns:1fr}}.chips.static span{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:6px 12px;font-size:13.5px}.l-gabung{place-items:center;padding:24px 16px 8px;display:grid}.l-gabung .auth-card h2{font-size:20px}.l-gabung .btn.wa{padding:11px}.l-vendor{background:var(--brand);color:#f4ecd8;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;max-width:1040px;margin:24px auto;padding:22px 24px;display:flex}.l-vendor h2{margin-bottom:4px;font-size:20px}.l-vendor p{opacity:.85;margin:0;font-size:14.5px;line-height:1.5}.l-vendor .btn.primary{background:var(--gold);border-color:var(--gold);color:#1d1606;flex:none}@media (width<=720px){.l-vendor{flex-direction:column;align-items:stretch;margin:24px 16px}}.l-foot-nav{justify-content:center;gap:18px;margin-top:14px;font-size:13.5px;font-style:normal;display:flex}@media (width<=520px){.l-head nav .btn.ghost[href=\/masuk]{display:none}}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.verified{color:var(--good);align-items:center;gap:3px;margin-left:6px;font-size:11.5px;font-weight:700;display:inline-flex}.tag.bad{color:var(--bad);background:color-mix(in srgb, var(--bad) 12%, transparent)}.verif{background:var(--surface-2);border-radius:12px;gap:10px;padding:14px;display:grid}.verif .field.wide{grid-column:auto}.dlg-bg{z-index:100;background:#0006;place-items:center;padding:16px;animation:.12s dlg-in;display:grid;position:fixed;inset:0}.dlg{background:var(--surface);width:min(420px,100%);color:var(--text);border:1px solid var(--line);border-radius:16px;gap:14px;padding:20px;display:grid;box-shadow:0 20px 60px #00000040}.dlg h3{font-size:17px}.dlg p{white-space:pre-line;margin:0;font-size:14.5px;line-height:1.55}.dlg-aksi{justify-content:flex-end;gap:8px;display:flex}.dlg-salin{background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.dlg-salin code{word-break:break-all;background:0 0;flex:1;font-size:15px}.btn.danger.solid{background:var(--bad);border-color:var(--bad);color:#fff}@keyframes dlg-in{0%{opacity:0}}