:root{--bg:#ffffff;--tint:#f1f8f4;--surface:#ffffff;--ink:#0f241c;--muted:#5b6d65;--line:#e1ebe5;--g900:#053d2b;--g700:#0a6b4b;--g600:#0d8a5f;--g100:#dff2e7;--g50:#effaf3;--accent:#0a6b4b;--on-acc:#ffffff;--sb:#053d2b;--sb-ink:#e6f4ec;--sb-muted:#8fc2a9;--in:#0d8a5f;--out:#c2412c;--warn:#a46a00;--shadow:0 18px 40px -22px rgba(5,61,43,.35);--shadow-s:0 6px 18px -10px rgba(5,61,43,.25);--f-body:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--f-ar:"Amiri","Traditional Arabic",serif;--r:20px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1310;--tint:#0f1a16;--surface:#131f1a;--ink:#e6efea;--muted:#9aaca3;--line:#22322b;--g900:#06261b;--g700:#0b4f38;--g600:#3fbf8a;--g100:#1b3a2e;--g50:#12251d;--accent:#4fcf95;--on-acc:#05261a;--sb:#08190f;--sb-ink:#e6efea;--sb-muted:#7fa894;--in:#4fcf95;--out:#f08a72;--warn:#e3b04f;--shadow:0 18px 40px -22px rgba(0,0,0,.7);--shadow-s:0 6px 18px -10px rgba(0,0,0,.6);color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1310;--tint:#0f1a16;--surface:#131f1a;--ink:#e6efea;--muted:#9aaca3;--line:#22322b;--g900:#06261b;--g700:#0b4f38;--g600:#3fbf8a;--g100:#1b3a2e;--g50:#12251d;--accent:#4fcf95;--on-acc:#05261a;--sb:#08190f;--sb-ink:#e6efea;--sb-muted:#7fa894;--in:#4fcf95;--out:#f08a72;--warn:#e3b04f;--shadow:0 18px 40px -22px rgba(0,0,0,.7);--shadow-s:0 6px 18px -10px rgba(0,0,0,.6);color-scheme:dark}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.65}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:40;background:var(--surface)}.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.15}h2{font-size:clamp(1.5rem,3.2vw,2.15rem)}h3{font-size:1.06rem;letter-spacing:-.01em}p{margin:0}a{color:inherit}img{max-width:100%;display:block}.num{font-variant-numeric:tabular-nums;font-weight:600}.chip{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--accent);background:var(--g50);border:1px solid var(--g100);padding:5px 12px;border-radius:999px;justify-self:start;width:max-content;max-width:100%}.muted{color:var(--muted)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--g600);outline-offset:2px}.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.hdr .wrap{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:0;padding-block:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;flex:0 1 auto;max-width:calc(100% - 150px)}.mk{flex:none;width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,#0d8a5f,#053d2b);color:#fff;display:grid;place-items:center}.mk.lg-img{background:transparent;border-radius:0;width:50px;height:50px}.mk.lg-img img{width:100%;height:100%;object-fit:contain}.sb .mk.lg-img{background:#fff;border-radius:50%;padding:3px}.ft-logo{display:inline-block;background:#fff;border-radius:16px;padding:10px 14px;margin-bottom:12px}.ft-logo img{height:56px;width:auto;max-width:100%}.lfull{height:64px;width:auto;max-width:100%}.kartu .kh .lg.lg-img{background:#fff;border-radius:50%;padding:2px}.kartu .kh .lg img{width:100%;height:100%;object-fit:contain}.brand>span{min-width:0}.brand b{font-weight:800;font-size:1rem;line-height:1.15;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{display:block;font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu{display:flex;flex-wrap:wrap;gap:2px;align-items:center;order:3;flex:1 0 100%;margin:10px 0 -4px -11px;padding-top:6px;border-top:1px solid var(--line)}.hbtn{margin-left:auto}.menu>a,.dd>a{display:flex;align-items:center;gap:4px;padding:9px 11px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.84rem;color:var(--ink);white-space:nowrap}.menu>a:hover,.dd>a:hover,.dd:focus-within>a,.menu a[aria-current=page]{background:var(--g50);color:var(--accent)}.dd{position:relative}.dd>a:after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:4px}.ddp{position:absolute;top:calc(100% + 4px);left:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;z-index:5}.dd:hover .ddp,.dd:focus-within .ddp{display:grid}.dd:after{content:"";position:absolute;left:0;right:0;top:100%;height:8px}.ddp a{padding:10px 12px;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:600}.ddp a:hover,.ddp a[aria-current=page]{background:var(--g50);color:var(--accent)}.ddp a small{display:block;color:var(--muted);font-size:.72rem;font-weight:500}.hbtn{display:flex;gap:8px;align-items:center;flex:none}.tbtn{display:inline-flex;align-items:center;gap:8px;background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 10px;cursor:pointer;font-size:.76rem;font-weight:700;color:var(--muted)}.tbtn .sw{position:relative;width:38px;height:22px;border-radius:999px;background:var(--line);transition:background .2s}.tbtn .sw i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s;display:grid;place-items:center;color:#0a6b4b}.tbtn[aria-checked=true] .sw{background:var(--g600)}.tbtn[aria-checked=true] .sw i{transform:translate(16px)}.btn-g{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--g600);color:var(--on-acc);border:0;border-radius:999px;padding:10px 18px;font-weight:700;font-size:.84rem;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .15s,box-shadow .15s}.btn-g:hover{transform:translateY(-1px);box-shadow:var(--shadow-s)}.btn-g.red{background:var(--out);color:#fff}.btn-o{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--accent);border:1.5px solid var(--g100);border-radius:999px;padding:9px 16px;font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap;text-decoration:none}.btn-o:hover{background:var(--g50)}.btn-o[aria-pressed=true],.btn-o[aria-current=page]{background:var(--g600);border-color:var(--g600);color:var(--on-acc)}.burger{display:none;background:var(--g50);border:1px solid var(--g100);border-radius:12px;width:44px;height:42px;cursor:pointer;place-items:center;flex:none}.burger i{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);box-shadow:0 6px 0 var(--ink),0 -6px 0 var(--ink)}.drawer{border-top:1px solid var(--line);background:var(--surface);max-height:calc(100vh - 80px);overflow:auto}.drawer .wrap{display:grid;gap:16px;padding-block:16px 24px}.drawer .grp{display:grid}.drawer .grp>a:first-child{font-weight:800;border-bottom:1px solid var(--line);padding:10px 2px}.drawer .grp>a{padding:8px 2px 8px 14px;text-decoration:none;font-weight:500}.drawer .grp>a[aria-current=page]{color:var(--accent);font-weight:700}@media(max-width:1100px){.menu{display:none}.hdr .burger{display:grid}.hbtn{margin-left:auto}}@media(max-width:560px){.hbtn .btn-o,.hbtn .tbtn .tl,.hbtn .btn-g span{display:none}.hbtn .btn-g{padding:10px 12px}}.hero{color:#fff;position:relative;overflow:hidden;background:linear-gradient(160deg,#0a6b4b,#053d2b)}.hero .bgimg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(95deg,#032218e0,#0322189e 42%,#03221838 75%,#0322181f),linear-gradient(0deg,rgba(3,34,24,.55),transparent 35%)}@media(max-width:920px){.hero:before{background:linear-gradient(180deg,#0322188c,#032218d1 55%,#032218eb)}}.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-block:64px 100px}.hero .wrap>*{min-width:0}@media(max-width:920px){.hero .wrap{grid-template-columns:1fr;padding-block:44px 84px}}.hero .ar{font-family:var(--f-ar);font-size:1.6rem;color:#cfe9db;line-height:1.4}.hero h1{font-size:clamp(2.1rem,5.2vw,3.7rem);line-height:1.06;letter-spacing:-.035em;margin-top:6px}.hero .tag{color:#d4ece0;font-size:1.04rem;max-width:52ch;margin-top:14px}.hero .addr{display:flex;gap:8px;align-items:center;color:#d4ece0;font-size:.88rem;margin-top:10px}.hero .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.btn-w{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#053d2b;border:0;border-radius:999px;padding:13px 22px;font-weight:800;font-size:.86rem;cursor:pointer;text-decoration:none}.btn-ghost{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:12px 22px;font-weight:700;font-size:.86rem;text-decoration:none;cursor:pointer}.pcard{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:22px;display:grid;gap:14px}.pcard .top{display:flex;justify-content:space-between;align-items:start;gap:10px;flex-wrap:wrap}.pcard small{color:#cfe9db;font-size:.75rem}.pcard .nx{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.pcard .cd{background:#ffffff2e;border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:700;white-space:nowrap}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pt{background:#ffffff1a;border-radius:14px;padding:10px 12px;display:grid}.pt span{font-size:.7rem;color:#cfe9db;font-weight:600}.pt b{font-size:1.12rem;font-variant-numeric:tabular-nums}.pt.next{background:#fff;color:#053d2b}.pt.next span{color:#0a6b4b}.stats{margin-top:-52px;position:relative;z-index:2}.stats .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px 22px;display:flex;gap:14px;align-items:center;min-width:0}.stat .ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--g50);color:var(--g600);display:grid;place-items:center}.stat b{display:block;font-size:clamp(1.15rem,2.3vw,1.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.stat span{font-size:.78rem;color:var(--muted)}.stat>div{min-width:0}@media(max-width:860px){.stats .grid{grid-template-columns:1fr 1fr}}@media(max-width:420px){.stat{padding:14px}.stat .ic{display:none}}.phead{background:linear-gradient(160deg,var(--g700),var(--g900));color:#fff;position:relative;overflow:hidden}.phead:after,.login:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.08'%3E%3Crect x='21' y='21' width='30' height='30'/%3E%3Crect x='21' y='21' width='30' height='30' transform='rotate(45 36 36)'/%3E%3C/g%3E%3C/svg%3E");mask-image:linear-gradient(90deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%)}.phead .wrap{position:relative;z-index:1;padding-block:38px 34px;display:grid;gap:10px}.crumb{display:flex;gap:8px;flex-wrap:wrap;font-size:.78rem;color:#cfe9db;font-weight:600}.crumb a{text-decoration:none;cursor:pointer}.crumb a:hover{color:#fff;text-decoration:underline}.phead h1{font-size:clamp(1.8rem,4.2vw,2.8rem);letter-spacing:-.03em}.phead p{color:#d4ece0;max-width:62ch}.subnav{background:var(--surface);border-bottom:1px solid var(--line)}.subnav .wrap{display:flex;gap:8px;overflow-x:auto;padding-block:12px;scrollbar-width:none}.subnav .wrap::-webkit-scrollbar{display:none}section.sec{padding-block:72px}section.sec.sm{padding-block:44px}section.sec.tint{background:var(--tint)}.shead{display:grid;gap:10px;margin-bottom:32px;max-width:680px}.shead p{color:var(--muted)}.srow{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:26px}.srow .shead{margin-bottom:0}.two{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}.two>*{min-width:0}@media(max-width:900px){.two{grid-template-columns:1fr;gap:28px}}.prose{display:grid;gap:14px;max-width:68ch}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;min-width:0}.visi{font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:700;letter-spacing:-.01em;line-height:1.4;margin-top:10px;color:var(--accent)}.misi{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:m}.misi li{counter-increment:m;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.misi li:before{content:counter(m);width:32px;height:32px;border-radius:10px;background:var(--g600);color:var(--on-acc);display:grid;place-items:center;font-weight:800;font-size:.85rem}.empty{border:1.5px dashed var(--line);border-radius:16px;padding:28px;color:var(--muted);text-align:center;background:var(--surface)}.more{color:var(--accent);font-weight:700;font-size:.85rem;text-decoration:none;cursor:pointer;background:none;border:0;padding:0}.quick{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:980px){.quick{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.quick{grid-template-columns:repeat(2,1fr)}}.qk{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 14px;display:grid;gap:10px;justify-items:center;text-align:center;text-decoration:none;font-weight:700;font-size:.85rem;transition:transform .2s,box-shadow .2s}.qk:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.qk span{width:50px;height:50px;border-radius:16px;background:var(--g50);color:var(--g600);display:grid;place-items:center}.intro{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-bottom:24px}.svc-ico{width:64px;height:64px;border-radius:20px;background:var(--g600);color:var(--on-acc);display:grid;place-items:center}.sched{display:grid;gap:14px}.ev{display:grid;grid-template-columns:200px 1fr auto;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px;align-items:start}.ev>*{min-width:0}.ev .when{display:flex;gap:12px;align-items:start;font-weight:700;font-size:.88rem}.ev .when i{flex:none;width:40px;height:40px;border-radius:12px;background:var(--g50);color:var(--g600);display:grid;place-items:center;font-style:normal}.ev .when small{display:block;color:var(--muted);font-weight:500}@media(max-width:680px){.ev{grid-template-columns:1fr;gap:10px}}.pill{display:inline-block;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--tint);color:var(--muted);white-space:nowrap;letter-spacing:.02em}.pill.ok,.pill.in{background:var(--g50);color:var(--in)}.pill.bad,.pill.out{color:var(--out)}.pill.mid{color:var(--warn)}.don-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}@media(max-width:980px){.don-hero{grid-template-columns:1fr 1fr}}@media(max-width:520px){.don-hero{grid-template-columns:1fr}}.don-type{border-radius:var(--r);padding:22px;display:grid;gap:10px;align-content:start;background:var(--surface);border:1px solid var(--line);min-width:0}.don-type.main{background:linear-gradient(150deg,#0d8a5f,#053d2b);color:#fff;border:0}.don-type.main .muted{color:#cfe9db}.don-type .ic{width:46px;height:46px;border-radius:14px;background:var(--g50);color:var(--g600);display:grid;place-items:center}.don-type.main .ic{background:#ffffff26;color:#fff}.don-type .btn-w,.don-type .btn-o{justify-self:start;padding:9px 16px;font-size:.8rem}.camps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:980px){.camps{grid-template-columns:1fr 1fr}}@media(max-width:620px){.camps{grid-template-columns:1fr}}.camp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-width:0}.camp .bd{padding:18px 20px 20px;display:grid;gap:10px;align-content:start}.bar{height:8px;border-radius:999px;background:var(--g50);overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--g600),var(--g700))}.fig{display:flex;justify-content:space-between;gap:8px;font-size:.8rem;flex-wrap:wrap}.fig b{font-size:1rem;font-variant-numeric:tabular-nums}.cta-band{background:linear-gradient(150deg,#0d8a5f,#053d2b);color:#fff;border-radius:28px;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.cta-band p{color:#d4ece0;max-width:56ch;margin-top:6px}.ph{position:relative;aspect-ratio:16/10;background:linear-gradient(140deg,var(--g100),var(--g50));overflow:hidden;max-width:100%;isolation:isolate}.ph img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.ph .ph-ico{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--g600);opacity:.55}.ph .tagc{position:absolute;z-index:2;left:12px;top:12px;background:#fff;color:#0a6b4b;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.ncards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:980px){.ncards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ncards{grid-template-columns:1fr}}.ncard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;cursor:pointer;text-align:left;padding:0;display:grid;grid-template-rows:auto 1fr;transition:box-shadow .2s,transform .2s}.ncard:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.ncard .bd{padding:18px 20px 20px;display:grid;gap:6px;align-content:start}.ncard.feat{grid-column:span 2;grid-template-columns:1.2fr 1fr;grid-template-rows:none}.ncard.feat .ph{aspect-ratio:auto;height:100%;min-height:260px}.ncard.feat .bd{padding:28px;align-content:center}.ncard.feat h3{font-size:1.45rem}@media(max-width:980px){.ncard.feat{grid-column:1/-1}}@media(max-width:600px){.ncard.feat{grid-template-columns:1fr}.ncard.feat .ph{min-height:0;aspect-ratio:16/10}}.date{font-size:.75rem;color:var(--muted);font-weight:600}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gfilter{display:flex;gap:8px;flex-wrap:wrap}.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:12px}@media(max-width:900px){.gal{grid-template-columns:repeat(3,1fr);grid-auto-rows:160px}}@media(max-width:560px){.gal{grid-template-columns:1fr 1fr;grid-auto-rows:140px}}.gi{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;border:0;padding:0;background:linear-gradient(140deg,var(--g100),var(--g50));color:var(--g600)}.gi:nth-child(6n+1){grid-row:span 2;grid-column:span 2}@media(max-width:560px){.gi:nth-child(6n+1){grid-column:span 2;grid-row:span 1}}.gi .ph-ico{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.5}.gi img{position:relative;width:100%;height:100%;object-fit:cover;transition:transform .4s}.gi:hover img{transform:scale(1.05)}.gi .cap{position:absolute;z-index:2;inset:auto 0 0 0;padding:30px 12px 10px;background:linear-gradient(transparent,#031e15d9);color:#fff;font-size:.8rem;font-weight:700;text-align:left}.gi .cap small{display:block;font-weight:500;opacity:.85;font-size:.7rem}.timeline{display:grid;border-left:2px solid var(--g100);margin-left:8px}.timeline div{position:relative;padding:0 0 22px 26px}.timeline div:before{content:"";position:absolute;left:-8px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--g600);box-shadow:0 0 0 4px var(--g100)}.timeline b{font-size:1.25rem;font-weight:800;color:var(--accent);display:block;line-height:1.2}.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.person{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px 18px;text-align:center;display:grid;gap:4px;justify-items:center;min-width:0}.person .av{width:76px;height:76px;border-radius:50%;background:linear-gradient(140deg,#0d8a5f,#053d2b);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.35rem;margin-bottom:8px;box-shadow:0 0 0 5px var(--g50)}.person b{font-weight:700;overflow-wrap:anywhere}.person .jab{color:var(--accent);font-size:.75rem;font-weight:700}.person small{color:var(--muted)}.grp-t{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:26px 0 12px}.unit-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:stretch}@media(max-width:860px){.unit-hero{grid-template-columns:1fr}}.unit-hero>*{min-width:0}.kv{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kv div{background:var(--g50);border:1px solid var(--g100);border-radius:16px;padding:18px}.kv b{display:block;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kv span{font-size:.78rem;color:var(--muted)}.ulist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:22px}.ucard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:8px;align-content:start;min-width:0}.ucard .meta{display:grid;gap:4px;font-size:.85rem;color:var(--muted)}.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:860px){.contact{grid-template-columns:1fr}}.ccard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:8px;align-content:start;min-width:0}.ccard .ic{width:44px;height:44px;border-radius:12px;background:var(--g50);color:var(--g600);display:grid;place-items:center}.ccard .v{font-weight:700;overflow-wrap:anywhere}.copy{justify-self:start;background:var(--g50);border:1px solid var(--g100);color:var(--accent);border-radius:999px;padding:5px 12px;font-size:.75rem;font-weight:700;cursor:pointer}footer.ft{background:#053d2b;color:#c3e6d3;font-size:.86rem}:root[data-theme=dark] footer.ft{background:#06261b}footer.ft .wrap{padding-block:56px 28px;display:grid;gap:30px}.ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}.ft-grid>*{min-width:0}@media(max-width:860px){.ft-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ft-grid{grid-template-columns:1fr}}.ft h3{color:#fff;font-size:1.2rem;margin-bottom:10px}.ft h4{color:#fff;font-size:.82rem;margin:0 0 10px}.ft a{text-decoration:none;display:block;padding:3px 0;cursor:pointer}.ft a:hover{color:#fff}.ft .copyr{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:.78rem;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.ft .copyr a{display:inline;color:#fff;font-weight:700}.demo{background:var(--g50);color:var(--accent);font-size:.82rem;border-bottom:1px solid var(--g100)}.demo .wrap{padding-block:8px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tiles.four{grid-template-columns:repeat(4,1fr)}@media(max-width:980px){.tiles.four{grid-template-columns:1fr 1fr}}@media(max-width:640px){.tiles{grid-template-columns:1fr}.tiles.four{grid-template-columns:1fr 1fr}}.tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;min-width:0;text-align:left}button.tile{cursor:pointer;font:inherit;color:inherit}button.tile:hover{border-color:var(--g600)}.tile small{display:block;color:var(--muted);font-size:.72rem;font-weight:600}.tile .v{font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow-wrap:anywhere}.tile .s{font-size:.72rem;color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0}.bars{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;height:160px;padding-top:8px;border-bottom:1px solid var(--line);background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 25%}.bars .m{display:flex;gap:4px;align-items:end;justify-content:center;height:100%}.bars .m i{display:block;width:38%;max-width:24px;border-radius:6px 6px 0 0;min-height:2px}.bars .m i.a{background:var(--in)}.bars .m i.b{background:var(--out)}.blabels{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;font-size:.72rem;color:var(--muted);text-align:center}.legend{display:flex;gap:14px;font-size:.78rem;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--c)}.rep{display:grid;gap:16px}.tw{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;background:var(--tint);white-space:nowrap}tr:last-child td{border-bottom:0}td.r,th.r{text-align:right}td.money{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-weight:600}tfoot td{font-weight:700;background:var(--tint)}.minput{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0}.ctrl{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.stmt{width:100%;border-collapse:collapse;font-size:.88rem}.stmt td{padding:8px 14px;border-bottom:1px dashed var(--line)}.stmt td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.stmt tr.h td{font-weight:800;background:var(--tint);border-bottom:1px solid var(--line);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.stmt tr.i td:first-child{padding-left:28px}.stmt tr.ii td:first-child{padding-left:44px;color:var(--muted)}.stmt tr.t td{font-weight:800;border-bottom:1px solid var(--line)}.stmt tr.g td{font-weight:800;font-size:1rem;border-top:2px solid var(--ink);border-bottom:4px double var(--ink);background:var(--g50)}.stmt .k{color:var(--muted);font-weight:600;margin-right:8px;font-size:.78rem}.neg{color:var(--out)}.nr{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:860px){.nr{grid-template-columns:1fr}}.nr>*{min-width:0}.balance{display:flex;gap:8px;align-items:center;font-weight:700;font-size:.85rem;padding:10px 14px;border-radius:12px;background:var(--g50);color:var(--in)}.balance.bad{color:var(--out)}.rtabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--tint);padding:5px;border-radius:14px;width:max-content;max-width:100%}.rtabs button{border:0;background:transparent;border-radius:10px;padding:8px 14px;font-weight:700;font-size:.84rem;cursor:pointer;color:var(--muted)}.rtabs button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-s)}.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:linear-gradient(160deg,#0a6b4b,#053d2b);position:relative;overflow:hidden;padding-block:32px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.lcard{position:relative;z-index:1;width:min(440px,100%);background:var(--surface);border-radius:28px;padding:32px;display:grid;gap:18px;box-shadow:0 30px 60px -30px #0009}.lcard .mk{width:56px;height:56px;border-radius:18px}.lcard h1{font-size:1.6rem}.who{display:flex;gap:12px;align-items:center;background:var(--tint);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.who .av{flex:none;width:42px;height:42px;border-radius:50%;background:var(--g600);color:var(--on-acc);display:grid;place-items:center;font-weight:800}.who img.av{object-fit:cover}.lnote{font-size:.78rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.app{display:grid;grid-template-columns:268px 1fr;min-height:100vh;min-height:100dvh}.sb{position:sticky;top:0;height:100vh;height:100dvh;overflow:auto;background:var(--sb);color:var(--sb-ink);display:flex;flex-direction:column;gap:6px;padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}.sb .brand{padding:4px 6px 14px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:6px}.sb .brand small{color:var(--sb-muted)}.sb .mk{background:#ffffff1f}.sbnav{display:grid;gap:1px}.sbnav .lb{padding:14px 10px 6px;font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--sb-muted);font-weight:700}.sbnav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--sb-ink);text-align:left;padding:9px 10px;border-radius:10px;cursor:pointer;font-weight:600;font-size:.84rem;width:100%}.sbnav button svg{flex:none;opacity:.85}.sbnav button .n{margin-left:auto;font-size:.68rem;background:#ffffff1a;border-radius:999px;padding:1px 8px;font-variant-numeric:tabular-nums}.sbnav button:hover{background:#ffffff14}.sbnav button[aria-current=true]{background:#fff;color:#053d2b}.sbnav button[aria-current=true] .n{background:#dff2e7}.sbfoot{margin-top:auto;display:grid;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.sbfoot .who{background:#ffffff12;border-color:#ffffff1a;color:var(--sb-ink)}.sbfoot .who small{color:var(--sb-muted)}.sbfoot .who .av{background:#ffffff26;color:#fff}.sbbtn{display:flex;align-items:center;gap:10px;border:0;background:#ffffff12;color:var(--sb-ink);border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:600;font-size:.82rem;width:100%}.sbbtn:hover{background:#ffffff24}.sbbtn .tg{margin-left:auto}.main{min-width:0;display:flex;flex-direction:column;background:var(--tint)}.tb{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 12px 20px}.tb .t{min-width:0;flex:1}.tb .t small{display:block;font-size:.72rem;color:var(--muted);font-weight:600}.tb .t b{font-size:1.12rem;font-weight:800;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb .burger{display:none}.content{padding:24px max(20px,env(safe-area-inset-right,0px)) 60px 20px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start;max-width:1280px;width:100%}.sb-ov{display:none}@media(max-width:960px){.app{grid-template-columns:1fr}.sb{position:fixed;inset:0 auto 0 0;width:min(290px,86vw);z-index:45;transform:translate(-105%);transition:transform .25s}.sb.open{transform:none;box-shadow:20px 0 60px #00000059}.sb-ov{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:#03181180}.tb .burger{display:grid}.tb{padding-left:max(14px,env(safe-area-inset-left,0px))}.content{padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}}.mhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mhead .h{display:grid;gap:4px}.acts2{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar input,.toolbar select{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;min-width:0}.toolbar input[type=search]{flex:1 1 220px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:600;font-size:.84rem;white-space:nowrap}.btn:hover{border-color:var(--g600)}.btn.danger{color:var(--out)}.btn.danger:hover{border-color:var(--out)}.btn.sm{padding:5px 10px;font-size:.78rem}.btn:disabled,.btn-g:disabled{opacity:.55;cursor:not-allowed;transform:none}.acts{display:flex;gap:6px;justify-content:flex-end}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--ink)}th.sortable[aria-sort=ascending]:after{content:" ▲";font-size:.6rem}th.sortable[aria-sort=descending]:after{content:" ▼";font-size:.6rem}.thumb{width:64px;height:44px;object-fit:cover;border-radius:8px;background:var(--g50);display:block}@media(max-width:700px){table.crud thead{display:none}table.crud,table.crud tbody,table.crud tr,table.crud td{display:block;width:100%}table.crud tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:14px;border-bottom:1px solid var(--line)}table.crud tr:last-child{border-bottom:0}table.crud td{border:0;padding:0;text-align:left!important;min-width:0;overflow-wrap:anywhere}table.crud td:before{content:attr(data-label);display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}table.crud td.c-img,table.crud td.c-act,table.crud td.c-main{grid-column:1/-1}table.crud td.c-img:before,table.crud td.c-act:before{display:none}table.crud td.c-img .thumb{width:100%;height:150px}table.crud .acts{justify-content:flex-start}}.fsec{display:grid;gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.fsec h3{display:flex;gap:10px;align-items:center}.fsec h3 span{width:30px;height:30px;border-radius:9px;background:var(--g50);color:var(--g600);display:grid;place-items:center}.savebar{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow)}.recent{display:grid;gap:8px}.recent div{display:flex;justify-content:space-between;gap:10px;font-size:.84rem;border-bottom:1px solid var(--line);padding-bottom:8px}.recent div:last-child{border-bottom:0}.recent div>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:860px){.dash2{grid-template-columns:1fr}}.quickadd{display:flex;gap:8px;flex-wrap:wrap}.lbl-wrap{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:start}@media(max-width:1060px){.lbl-wrap{grid-template-columns:1fr}}.lbl-wrap>*{min-width:0}.alist{display:grid;gap:4px;max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:6px;background:var(--surface)}.alist label{display:flex;gap:10px;align-items:center;padding:8px;border-radius:8px;cursor:pointer;font-size:.84rem}.alist label:hover{background:var(--tint)}.alist label small{display:block;color:var(--muted);font-size:.72rem}.alist label>span{min-width:0}.sheet-box{overflow:auto;background:var(--line);border-radius:16px;padding:16px}.sheet{position:relative;background:#fff;margin:0 auto;box-shadow:0 10px 30px -10px #0000004d;color:#111}.lab{position:absolute;border:1px dashed #b7c7bf;border-radius:2px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:center;font-family:Arial,Helvetica,sans-serif;line-height:1.1;text-align:center;color:#111}.lab .m{font-size:5px;letter-spacing:.06em;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab .n{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab svg{display:block;width:100%;height:auto;flex:1 1 auto;min-height:0}.lab .c{font-family:Courier New,monospace;font-weight:700}.lab .l{font-size:5px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chk{width:18px;height:18px;accent-color:var(--g600);flex:none}.camp-d{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start}.camp-d>*{min-width:0}@media(max-width:940px){.camp-d{grid-template-columns:1fr}}.camp-d .ph{border-radius:20px;aspect-ratio:16/9}.sticky{position:sticky;top:140px}@media(max-width:1100px){.sticky{top:90px}}@media(max-width:940px){.sticky{position:static}}.share{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sh{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:700;font-size:.8rem;text-decoration:none;cursor:pointer;color:var(--ink)}.sh:hover{border-color:var(--g600);color:var(--accent)}.sh.wa{background:#1fa855;border-color:#1fa855;color:#fff}.doas{display:grid;gap:10px}.doa{display:grid;grid-template-columns:40px 1fr;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.doa .av{width:40px;height:40px;border-radius:50%;background:var(--g50);color:var(--g600);display:grid;place-items:center;font-weight:800;font-size:.85rem}.doa p{font-size:.9rem}.don-form{display:grid;gap:14px}.don-form .chkrow{display:flex;gap:10px;align-items:center;font-size:.84rem;font-weight:600;color:var(--muted)}.kwrap{overflow-x:auto;padding:4px}.kartu{position:relative;width:342px;height:216px;border-radius:12px;overflow:hidden;background:#fff;color:#0f241c;box-shadow:0 12px 30px -14px #00000073;font-family:var(--f-body);flex:none}.kartu .kh{height:58px;background:linear-gradient(120deg,#0d8a5f,#053d2b);color:#fff;display:flex;gap:10px;align-items:center;padding:0 14px}.kartu .kh .lg{width:34px;height:34px;border-radius:10px;background:#ffffff26;display:grid;place-items:center}.kartu .kh b{display:block;font-size:13px;line-height:1.1;font-weight:800}.kartu .kh small{display:block;font-size:8px;letter-spacing:.14em;opacity:.85;font-weight:700}.kartu .kb{padding:10px 14px 0;display:grid;grid-template-columns:1fr 128px;gap:8px}.kartu .lbl{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:#5b6d65;font-weight:700}.kartu .nm{font-size:14px;font-weight:800;line-height:1.15;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kartu .vv{font-size:10px;font-weight:700;margin-bottom:4px}.kartu .st{display:inline-block;font-size:8px;font-weight:800;padding:2px 8px;border-radius:99px;background:#dff2e7;color:#0a6b4b}.kartu .bcw{display:grid;justify-items:center;align-content:end;padding-bottom:4px}.kartu .bcw svg{width:124px;height:34px}.kartu .bcw span{font-family:Courier New,monospace;font-size:9px;font-weight:700}.kartu .kf{position:absolute;left:0;right:0;bottom:0;height:22px;background:#effaf3;color:#0a6b4b;font-size:7.5px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:600}.kgrid{display:flex;flex-wrap:wrap;gap:14px}.qris-box{display:grid;justify-items:center;gap:10px;background:#fff;border-radius:18px;padding:12px;border:1px solid var(--line)}.qris-box img{width:100%;max-width:340px;height:auto;border-radius:10px}.steps{display:flex;gap:6px;align-items:center;font-size:.72rem;font-weight:700;color:var(--muted)}.steps i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--tint);border:1px solid var(--line)}.steps .on i{background:var(--g600);color:var(--on-acc);border-color:var(--g600)}.steps .on{color:var(--accent)}.steps hr{flex:1;border:0;border-top:1px dashed var(--line);margin:0;min-width:12px}.thanks{display:grid;gap:14px;text-align:center;justify-items:center}.thanks .ok{width:68px;height:68px;border-radius:50%;background:var(--g600);color:var(--on-acc);display:grid;place-items:center;box-shadow:0 0 0 8px var(--g50)}.hadis{background:linear-gradient(150deg,#0d8a5f,#053d2b);color:#fff;border-radius:20px;padding:22px;display:grid;gap:10px;text-align:center;width:100%}.hadis .ar{font-family:var(--f-ar);font-size:1.45rem;line-height:1.9;direction:rtl}.hadis p{color:#e0f2e9;font-size:.92rem}.hadis small{color:#a9d6c0;font-weight:700;font-size:.74rem;letter-spacing:.04em}.recap{width:100%;display:grid;gap:6px;font-size:.86rem;text-align:left;background:var(--tint);border-radius:14px;padding:14px 16px}.recap div{display:flex;justify-content:space-between;gap:10px}.recap div span:last-child{font-weight:700;text-align:right;overflow-wrap:anywhere}.evimg{flex:none;width:64px;height:64px;border-radius:14px;object-fit:cover;background:var(--g50)}.person img.av{object-fit:cover;padding:0}.jdash{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1100px){.jdash{grid-template-columns:1fr 1fr}}@media(max-width:700px){.jdash{grid-template-columns:1fr}}.jdash>*{min-width:0}.hb{display:grid;gap:8px}.hb .r{display:grid;grid-template-columns:96px 1fr 44px;gap:10px;align-items:center;font-size:.8rem}.hb .r>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.hb .r>span:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.hb .t{height:12px;border-radius:999px;background:var(--tint);overflow:hidden;display:flex}.hb .t i{display:block;height:100%}.hb .t i.a{background:var(--g600)}.hb .t i.b{background:color-mix(in srgb,var(--g600) 35%,var(--tint))}.ring{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.ring .d{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;position:relative}.ring .d:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;background:var(--surface)}.ring .d b{position:relative;z-index:1;font-size:1.3rem;font-weight:800}.imp-tbl td,.imp-tbl th{padding:7px 10px;font-size:.78rem}.imp-tbl tr.bad td{background:color-mix(in srgb,var(--out) 8%,transparent)}.dz{border:2px dashed var(--g100);border-radius:16px;padding:22px;text-align:center;background:var(--g50);display:grid;gap:8px;justify-items:center}.hbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity .9s ease;background:linear-gradient(160deg,#0a6b4b,#053d2b)}.hbg.on{opacity:1}.hbg img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 9s ease-out}.hbg.on img{transform:scale(1)}@media(prefers-reduced-motion:reduce){.hbg img{transform:none;transition:none}}.hprog{width:120px;height:3px;border-radius:2px;background:#ffffff40;overflow:hidden;margin-left:6px}.hprog i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;transform:scaleX(0);animation:hprog 7s linear forwards}.hero.paused .hprog i{animation-play-state:paused}@keyframes hprog{to{transform:scaleX(1)}}.hcount{color:#ffffffbf;font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;margin-left:4px}.car-wrap{position:relative}.car{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*16px)/3.4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:none;overscroll-behavior-x:contain}.car::-webkit-scrollbar{display:none}@media(max-width:900px){.car{grid-auto-columns:calc((100% - 16px)/1.6)}}@media(max-width:560px){.car{grid-auto-columns:84%}}.ci{scroll-snap-align:start;position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:0;padding:0;cursor:pointer;background:linear-gradient(140deg,var(--g100),var(--g50));color:var(--g600);text-align:left}.ci img{position:relative;width:100%;height:100%;object-fit:cover;transition:transform .5s}.ci:hover img{transform:scale(1.05)}.ci .ph-ico{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.5}.ci .cap{position:absolute;z-index:2;inset:auto 0 0 0;padding:40px 16px 14px;background:linear-gradient(transparent,#031e15e0);color:#fff;display:grid;gap:2px}.ci .cap b{font-size:.95rem;line-height:1.25}.ci .cap small{opacity:.85;font-size:.74rem;font-weight:600}.car-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center;font-size:1.2rem;box-shadow:var(--shadow-s)}.car-btn:hover{border-color:var(--g600);color:var(--accent)}.hs{display:grid;gap:0;animation:fadeup .5s ease}[hidden]{display:none!important}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}}.hs .chip2{display:inline-flex;align-items:center;gap:8px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;width:max-content;max-width:100%}.hs .bar{background:#fff3;height:9px;margin-top:16px;max-width:420px}.hs .bar i{background:#fff}.hnav{display:flex;align-items:center;gap:10px;margin-top:28px}.hnav .dot{width:10px;height:10px;border-radius:999px;border:0;padding:0;background:#fff6;cursor:pointer;transition:width .3s,background .3s}.hnav .dot[aria-current=true]{width:30px;background:#fff}.hnav .ar2{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#ffffff1a;color:#fff;cursor:pointer;display:grid;place-items:center;font-size:1rem}.hero .wrap{min-height:520px}@media(max-width:920px){.hero .wrap{min-height:0}}.art{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}@media(max-width:940px){.art{grid-template-columns:1fr}}.art .lead{font-size:1.1rem;font-weight:600;line-height:1.6}.art .body{display:grid;gap:16px;font-size:1.02rem;line-height:1.8;max-width:68ch}.art .ph{border-radius:20px;aspect-ratio:16/9}.mini{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;text-decoration:none;padding:8px;border-radius:14px}.mini:hover{background:var(--tint)}.mini .ph{aspect-ratio:1;border-radius:12px}.mini b{font-size:.88rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.join{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:start}@media(max-width:900px){.join{grid-template-columns:1fr}}.join>*{min-width:0}.perks{display:grid;gap:12px}.perk{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}.perk span{width:44px;height:44px;border-radius:12px;background:var(--g50);color:var(--g600);display:grid;place-items:center}.member{display:grid;justify-items:center;gap:16px}.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:1100px){.prods{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.prods{grid-template-columns:1fr 1fr;gap:12px}}.prod{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-width:0;transition:box-shadow .2s,transform .2s}.prod:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.prod .ph{aspect-ratio:1}.prod>a{text-decoration:none;color:inherit;display:block}.prod .bd{padding:14px 14px 16px;display:grid;gap:6px;align-content:start}.prod h3{font-size:.98rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prod .seller{font-size:.76rem;color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price{font-size:1.08rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.price small{font-size:.72rem;color:var(--muted);font-weight:600}.btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1fa855;color:#fff;border:0;border-radius:999px;padding:10px 14px;font-weight:700;font-size:.82rem;text-decoration:none;cursor:pointer}.btn-wa:hover{filter:brightness(1.05)}.soldout{position:absolute;z-index:2;right:10px;top:10px;background:#111;color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.06em;padding:4px 10px;border-radius:999px;text-transform:uppercase}.pdet{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}@media(max-width:860px){.pdet{grid-template-columns:1fr}}.pdet>*{min-width:0}.pdet .ph{border-radius:22px;aspect-ratio:1}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}.qty button{width:40px;height:40px;border:0;background:var(--tint);font-size:1.1rem;cursor:pointer}.qty input{width:56px;text-align:center;border:0;background:var(--surface);height:40px;font-weight:700}.umkm-hero{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;background:linear-gradient(150deg,#0d8a5f,#053d2b);color:#fff;border-radius:24px;padding:24px 26px;margin-bottom:22px}.umkm-hero p{color:#d4ece0;max-width:60ch}.ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#03181199;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.dlg{background:var(--surface);color:var(--ink);border-radius:24px;width:min(700px,100%);max-height:100%;overflow:auto;display:grid;grid-template-rows:auto 1fr auto;border:1px solid var(--line);padding:0}.dlg>.dh{display:flex;justify-content:space-between;gap:10px;align-items:start;padding:22px 24px 12px}.dlg>.db{padding:4px 24px 18px;display:grid;gap:14px;align-content:start}.dlg>.df{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:14px 24px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.dlg.wide{width:min(880px,100%)}.x{background:var(--tint);border:0;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:1.1rem;line-height:1;flex:none}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.fgrid .full{grid-column:1/-1}@media(max-width:560px){.fgrid{grid-template-columns:1fr}}.fld{display:grid;gap:5px;min-width:0}.fld label{font-size:.78rem;font-weight:700;color:var(--muted)}.fld input,.fld select,.fld textarea{width:100%;background:var(--tint);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--g600);outline:none;box-shadow:0 0 0 3px var(--g100)}.fld textarea{min-height:100px;resize:vertical}.fld small{color:var(--muted);font-size:.72rem}.fld.bad input,.fld.bad select,.fld.bad textarea{border-color:var(--out)}.drop{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;border:1.5px dashed var(--g100);border-radius:14px;padding:12px;background:var(--g50)}.drop img,.drop .noimg{width:120px;height:80px;object-fit:cover;border-radius:10px;background:var(--surface);display:grid;place-items:center;color:var(--g600)}.drop input{width:100%;font-size:.8rem;background:transparent;border:0;padding:0}@media(max-width:420px){.drop{grid-template-columns:1fr}.drop img,.drop .noimg{width:100%;height:140px}}.err{color:var(--out);font-size:.84rem;font-weight:600}.jenis-tag{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;font-weight:700}.jenis-tag.in{background:var(--g50);color:var(--in)}.jenis-tag.out{background:color-mix(in srgb,var(--out) 10%,transparent);color:var(--out)}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.amounts button{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:10px;font-weight:700;cursor:pointer;font-size:.85rem;font-variant-numeric:tabular-nums}.amounts button[aria-pressed=true]{border-color:var(--g600);background:var(--g50);color:var(--accent)}.segd{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--tint);padding:4px;border-radius:14px}.segd button{border:0;background:transparent;border-radius:10px;padding:9px 6px;font-weight:700;font-size:.82rem;cursor:pointer;color:var(--muted)}.segd button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-s)}.lb-img{width:100%;max-height:68vh;object-fit:contain;border-radius:16px;background:var(--tint)}.article{display:grid;gap:12px;max-width:68ch}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:999px;font-size:.86rem;font-weight:700;max-width:calc(100% - 32px)}@media(prefers-reduced-motion:no-preference){.dlg{animation:pop .18s ease-out}@keyframes pop{0%{transform:translateY(8px) scale(.99);opacity:.6}}}