:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--sf:#fff;--tx:#1d2433;--mu:#6b7385;--bd:#f1e7ed;--ch:#fdf1f7;--pk:#d9046f;--br:#fa0785;--bl:#004aad;--acs:#ffebf5;--nv:linear-gradient(180deg, #fa0785 0%, #d6056f 60%, #b8045f 100%);--sh:0 6px 24px #b8045f0f;--ok:#17915a;--rd:#d93a3a;--atas:env(safe-area-inset-top,0px);--bawah:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--tx);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,.judul{font-family:Nunito,system-ui,sans-serif}button{font:inherit}input,select{font:inherit;color:var(--tx);background:var(--sf);border:1.5px solid #f3e4ec;border-radius:12px;width:100%;padding:11px 12px;font-size:16px}input:focus,select:focus{outline:2px solid var(--br);border-color:#0000}label.fl{color:var(--mu);gap:4px;font-size:13px;font-weight:600;display:grid}.mu{color:var(--mu);font-size:13px}.err{color:var(--rd);min-height:18px;font-size:13px;font-weight:600}.bt{background:var(--br);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:11px 18px;font-weight:700}.bt.s{background:var(--ch);color:var(--pk)}.bt:disabled{opacity:.5;cursor:not-allowed}.ln{color:var(--pk);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-weight:600}.app{min-height:100vh;display:flex}aside{background:var(--nv);color:#fff;width:244px;padding:calc(16px + var(--atas)) 12px 16px;flex:none;height:100vh;position:sticky;top:0;overflow:auto}.logo{background:#fff;border-radius:99px;margin:2px 0 6px;padding:9px 18px;display:inline-flex;box-shadow:0 4px 14px #6e033c33}.logo img{height:28px;display:block}.gl{color:#ffffffb3;letter-spacing:.14em;margin:16px 8px 6px;font-size:11px;font-weight:600}.nb{color:#fff;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.nb:hover{background:#ffffff1f}.nb.on{color:var(--pk);background:#fff;font-weight:700;box-shadow:0 4px 14px #6e033c33}.nb small{opacity:.75;margin-left:auto;font-size:10px}main{flex:1;min-width:0}.top{z-index:11;background:var(--sf);border-bottom:1px solid var(--bd);padding:calc(12px + var(--atas)) 24px 12px;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.top b{font:800 16px Nunito,system-ui,sans-serif}.saya{align-items:center;gap:10px;display:flex}.saya .mu{text-align:right;line-height:1.2}.pg{padding:20px 24px calc(28px + var(--bawah));gap:20px;max-width:1200px;display:grid}.card{background:var(--sf);border:1px solid var(--bd);box-shadow:var(--sh);border-radius:22px;padding:18px}.card h3{color:var(--pk);margin:0 0 10px;font-size:18px}.hero{color:#fff;background:radial-gradient(circle at 85% 60%,#ffffff2e 0,#fff0 36%),linear-gradient(135deg,#ff2b98 0%,#fa0785 45%,#c8056b 100%);border-radius:24px;min-height:170px;padding:24px;position:relative;overflow:hidden;box-shadow:0 12px 30px #fa078533}.hero small{color:#ffffffd9;letter-spacing:.12em;font-weight:700}.hero h1{max-width:calc(100% - 150px);margin:6px 0;font-size:28px}.hero p{opacity:.92;max-width:calc(100% - 150px);margin:0}.hero img{pointer-events:none;filter:drop-shadow(0 10px 16px #6e033c55);height:190px;position:absolute;bottom:0;right:24px}.em{text-align:center;justify-items:center;gap:6px;padding:16px 0;display:grid}.em img{height:120px}.tg{background:var(--ch);color:var(--mu);border-radius:99px;padding:1px 9px;font-size:12px;display:inline-block}.tg.b{color:var(--bl);background:#e6effb}.tg.v{background:var(--acs);color:var(--pk)}.tg.r{color:var(--rd);background:#fdeaea}.av{border:2px solid var(--c,var(--br));width:44px;height:44px;color:var(--c,var(--br));background:#fff;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.av img{object-fit:cover;width:100%;height:100%}.tc{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px;display:grid}.tm{background:var(--sf);border:1px solid var(--bd);box-shadow:var(--sh);border-top:6px solid var(--c);border-radius:20px;padding:14px 18px}.tm h3{color:var(--c);margin:0;font-size:20px}.tm.of{opacity:.6}.pr{border-top:1px solid var(--bd);align-items:center;gap:12px;padding:12px 0;display:flex}.pr:first-of-type{margin-top:10px}.pr.of{opacity:.5}.pr .ln{margin-left:auto}.hs{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.hs h2{color:var(--pk);margin:0;font-size:26px}.md{z-index:50;padding:calc(20px + var(--atas)) 16px 20px;background:#0009;position:fixed;inset:0;overflow:auto}.mb{background:var(--sf);border-radius:20px;gap:12px;max-width:520px;margin:0 auto;padding:20px;display:grid}.mb h3{color:var(--pk);margin:0;font-size:20px}.g2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.aksi{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ck{align-items:center;gap:8px;display:flex}.ck input{width:auto}.lg{background:radial-gradient(circle at 88% 4%,#fa078514 0,#fa078500 40%),#fff;min-height:100vh}.lw{max-width:600px;padding:calc(24px + var(--atas)) 16px calc(48px + var(--bawah));margin:0 auto}.lpl{border:1px solid var(--bd);background:#fff;border-radius:99px;padding:10px 22px;display:inline-flex;box-shadow:0 4px 14px #b8045f14}.lpl img{height:26px;display:block}.lhd{justify-content:space-between;align-items:flex-end;gap:12px;margin:22px 4px 0;display:flex}.lhd small{letter-spacing:.22em;color:var(--mu);font-size:12px;font-weight:700;display:block}.lhd h1{color:var(--pk);margin:6px 0 2px;font:900 38px/1.05 Nunito,system-ui,sans-serif}.lhd p{color:var(--mu);margin:0;font-size:15px}.lms{filter:drop-shadow(0 10px 14px #0000001f);pointer-events:none;height:150px;margin:-30px -4px -14px 0;animation:3.2s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lsg{background:var(--ch);border:1px solid var(--bd);border-radius:99px;gap:4px;width:fit-content;margin:18px 0 0;padding:4px;display:flex}.lsg button{color:var(--mu);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:8px 18px;font-weight:700}.lsg button.on{background:var(--br);color:#fff}.lc{border:1px solid var(--bd);background:#fff7fb;border-radius:28px;margin-top:14px;padding:24px 22px;box-shadow:0 14px 40px #b8045f12}.lc h2{color:var(--pk);margin:0;font:900 26px/1.15 Nunito,system-ui,sans-serif}.lc .sub{color:var(--mu);margin:4px 0 0}.lfm{gap:10px;margin-top:16px;display:grid}.lgt{letter-spacing:.18em;color:var(--mu);align-items:center;gap:8px;margin:20px 4px 10px;font-size:12px;font-weight:800;display:flex}.lgt i{background:var(--c);border-radius:50%;width:9px;height:9px}.lgt span{letter-spacing:0;margin-left:auto;font-weight:600}.lrw{cursor:pointer;text-align:left;width:100%;color:var(--tx);background:#fff;border:1.5px solid #f3e4ec;border-radius:20px;align-items:center;gap:14px;margin-bottom:10px;padding:12px 16px;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 2px 8px #6e033c0a}.lrw:hover,.lrw:focus-visible{border-color:var(--c);outline:none;transform:translateY(-2px)}.lrw b{font-size:16px;font-weight:600;display:block}.lrw small{color:var(--mu);font-size:13px}.lrw .chv{color:var(--c);margin-left:auto;font-size:26px;line-height:1}.lbk{color:var(--pk);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:14px;font-weight:700}.lme{text-align:center;justify-items:center;gap:4px;margin:8px 0 6px;display:grid}.lme .av{border-width:3px;width:76px;height:76px;margin-bottom:6px;font-size:24px}.lme b{font-size:20px}.ldt{justify-content:center;gap:12px;margin:18px 0 6px;display:flex}.ldt i{border:2px solid var(--br);border-radius:50%;width:16px;height:16px}.ldt i.f{background:var(--br)}.ldt.er{animation:.4s shk}.ldt.er i{border-color:var(--rd)}@keyframes shk{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.lkp{grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:6px auto 0;display:grid}.lkp button{height:60px;color:var(--tx);cursor:pointer;background:#fff;border:1.5px solid #f3e4ec;border-radius:18px;font:700 22px Nunito,system-ui,sans-serif}.lkp button:active{background:var(--acs);transform:scale(.95)}.lkp button.g{color:var(--mu);background:0 0;border:0;font-size:15px}.lerr{text-align:center;min-height:20px;color:var(--rd);font-size:13px;font-weight:600}@media (width<=860px){.app{display:block}aside{width:auto;height:auto;padding:calc(12px + var(--atas)) 12px 12px;position:static}.nav{gap:6px;display:flex;overflow-x:auto}.gl{display:none}.nb{width:auto}.nb small{display:none}.top{padding:12px 14px}.pg{padding:14px 14px calc(24px + var(--bawah))}.hero img{height:120px;right:8px}.hero h1,.hero p{max-width:calc(100% - 90px)}}@media (width<=520px){.lhd h1{font-size:30px}.lms{height:112px}.lc{border-radius:24px;padding:20px 16px}.hero h1{font-size:22px}.g2{grid-template-columns:1fr}}.tek .pg{max-width:560px;margin:0 auto}.tek .top{padding-left:16px;padding-right:16px}.tek .top .av{width:36px;height:36px}.tek .pg{padding-bottom:calc(96px + var(--bawah))}.tek{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}.bwh{z-index:20;border-top:1px solid var(--bd);padding:6px 8px calc(6px + var(--bawah));background:#fff;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #b8045f14}.bwh button{max-width:200px;color:var(--mu);cursor:pointer;background:0 0;border:0;border-radius:14px;flex:1;justify-items:center;gap:2px;padding:6px 4px;font-size:12px;font-weight:700;display:grid}.bwh button .ik{font-size:22px;line-height:1.2;position:relative}.bwh button .ik .ikon{opacity:.7;width:24px;height:24px;display:block}.bwh button.on{color:var(--pk)}.bwh button.on .ik .ikon{opacity:1}.bwh button:active{background:var(--acs)}.bwh .lencana-sudut{font-family:system-ui,sans-serif;font-size:12px;font-style:normal;top:-4px;right:-14px}.sg.tkr{grid-template-columns:repeat(3,1fr)}.sg.tkr>div{text-align:center;padding:12px 6px;font-size:12px}.jb2{text-align:left;border:1px solid var(--bd);cursor:pointer;width:100%;color:var(--tx);background:#fff7fb;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.jb2:active{background:var(--acs)}.jb2 .jam{color:var(--pk);flex:none;font:900 22px Nunito,system-ui,sans-serif}.jb2 .isi{overflow-wrap:anywhere;flex:1;justify-items:start;gap:2px;min-width:0;display:grid}.jb2 .panah{color:var(--pk);flex:none;font-size:28px;line-height:1}@media (prefers-reduced-motion:reduce){.lms,.ldt.er{animation:none}}.bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nt{background:var(--ch);border-radius:12px;padding:10px 12px;font-size:13px}.nt.w{color:#7a4f00;background:#fff6e0}.bx{border:1px solid var(--bd);border-radius:16px;gap:8px;padding:12px;display:grid}.tg.g{color:var(--ok);background:#e3f6ec}.tgs{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tgs a{text-decoration:none}.sg{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.sg>div{background:var(--ch);color:var(--mu);border-radius:16px;padding:12px;font-size:13px}.sg b{color:var(--pk);font:800 26px Nunito,system-ui,sans-serif;display:block}.sc{overflow-x:auto}.tabs{flex-wrap:wrap;gap:6px;margin:0 0 10px;display:flex}.tabs button{background:var(--ch);color:var(--mu);cursor:pointer;border:0;border-radius:99px;padding:8px 14px;font-weight:700}.tabs button.on{background:var(--br);color:#fff}.g3{grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.jk{border-top:1px solid var(--bd);border-left:5px solid var(--c);border-radius:4px;align-items:flex-start;gap:12px;margin-top:8px;padding:12px 0 12px 12px;display:flex}.jk.of{opacity:.55}.jj{text-align:center;flex:none;width:52px;line-height:1.2}.jj b{color:var(--c);font-size:17px;display:block}.jj small{color:var(--mu)}.jt{overflow-wrap:anywhere;flex:1;min-width:0}.jk>.bt{flex:none;padding:8px 14px}.tr{align-items:center;gap:8px;margin:6px 0;display:flex}.tn{flex:none;width:56px;font-size:13px;font-weight:800}.tl{flex:1;height:38px;position:relative}.tl.rw{background:var(--ch);border-radius:10px}.tl span{color:var(--mu);font-size:11px;position:absolute;transform:translate(-50%)}.jb{color:#fff;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;border:0;border-radius:8px;padding:0 6px;font-size:12px;font-weight:700;position:absolute;top:3px;bottom:3px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff}.cr{text-align:left;width:100%;color:var(--tx);border:0;border-top:1px solid var(--bd);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;display:flex}.cr:hover{background:#fffafc}@media (width<=860px){.tlw{display:none}.g3{grid-template-columns:1fr}}.cr>.mu:last-child{white-space:nowrap;flex:none}.abs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.g2c{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:20px;display:grid}.sjt{gap:8px;display:grid}.sjt>div{border-top:1px solid var(--bd);overflow-wrap:anywhere;grid-template-columns:140px 1fr;gap:8px;padding-top:8px;display:grid}@media (width<=520px){.sjt>div{grid-template-columns:1fr;gap:0}}.jk.pk{padding-left:12px;display:block}.jk.pk>.jj{text-align:left;align-items:baseline;gap:8px;width:auto;margin-bottom:4px;display:flex}.jk.pk>.jj b{font-size:18px}.stp{border-top:1px solid var(--bd);padding:10px 0}.stp.lk{opacity:.45}.stp.dn>b{color:var(--ok)}.stp.ac>b{color:var(--pk)}.thumbs{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;display:grid}.thumb{aspect-ratio:1;background:var(--ch);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb button{color:#fff;cursor:pointer;background:#000a;border:0;border-radius:50%;width:26px;height:26px;font-size:16px;line-height:1;position:absolute;top:4px;right:4px}.thumb.tambah{border:2px dashed var(--br);color:var(--pk);text-align:center;cursor:pointer;background:#fff;font-size:13px;font-weight:700}.thumb.tambah.of{opacity:.5}.thumb.tambah input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}textarea{font:inherit;color:var(--tx);background:var(--sf);resize:vertical;border:1.5px solid #f3e4ec;border-radius:12px;width:100%;padding:11px 12px;font-size:16px}textarea:focus{outline:2px solid var(--br);border-color:#0000}.thumbs.besar{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.thumbs.besar a{aspect-ratio:1;background:var(--ch);border-radius:12px;display:block;overflow:hidden}.tl2{gap:6px;display:grid}.tl2>div{grid-template-columns:110px 1fr;gap:8px;display:grid}.slot4{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px;display:grid}@media (width<=520px){.slot4{grid-template-columns:repeat(2,1fr)}}.slot .thumb.tambah{width:100%;font-size:26px}.slot .thumb.tambah.ada{border-style:solid;border-color:var(--ok)}.g3b{grid-template-columns:1fr 1.4fr 1.2fr;align-items:end;gap:8px;display:grid}@media (width<=520px){.g3b{grid-template-columns:1fr 1fr}.g3b>:last-child{grid-column:1/-1}}.pg.cdp{max-width:1280px}.cd-kepala{border-radius:28px;padding:24px}.cd-atas{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.cd-avatar{width:84px;height:84px;color:var(--bl);background:#e6effb;border-radius:50%;flex:none;place-items:center;font:800 30px Nunito,system-ui,sans-serif;display:grid}.cd-info{flex:1;min-width:260px}.cd-nama{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cd-nama h1{color:var(--bl);overflow-wrap:anywhere;margin:0;font:900 34px/1.1 Nunito,system-ui,sans-serif}.cd-kontak{flex-wrap:wrap;gap:8px 22px;margin:10px 0 8px;font-size:15px;display:flex}.cd-kontak>span{align-items:center;gap:6px;display:inline-flex}.cd-wa{color:var(--ok);font-weight:700}.cd-alamat{color:var(--tx)}.cd-alamat a{color:var(--bl);font-weight:800;text-decoration:none}.cd-aksi{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.cd-aksi .bt{color:var(--tx);background:#fff;border:1.5px solid #f3e4ec;align-items:center;gap:6px;display:inline-flex}.cd-sakelar{border:1.5px solid #f3e4ec;border-radius:14px;align-items:center;gap:10px;padding:8px 14px;font-weight:700;display:inline-flex}.sakelar{cursor:pointer;background:#d5dbe7;border:0;border-radius:99px;width:50px;height:28px;padding:0;transition:background .15s;position:relative}.sakelar i{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.sakelar.on{background:var(--bl)}.sakelar.on i{transform:translate(22px)}.sakelar:disabled{opacity:.6;cursor:wait}.cd-stat{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:20px;display:grid}.cd-stat>div{background:#f6f8fc;border-radius:18px;gap:2px;min-width:0;padding:14px 16px;display:grid}.cd-stat span{color:var(--mu);font-size:13px;font-weight:600}.cd-stat b{font:900 26px/1.15 Nunito,system-ui,sans-serif}.cd-stat b.bl{color:var(--bl)}.cd-stat b.rd{color:var(--rd)}.cd-stat small{color:var(--mu);font-size:12px}.cd-stat .hj{color:var(--ok)}.cd-tabs{border-bottom:1.5px solid var(--bd);gap:6px;margin:4px 0 -8px;display:flex;overflow-x:auto}.cd-tabs button{color:var(--mu);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;margin-bottom:-1.5px;padding:14px 16px;font-size:16px;font-weight:700}.cd-tabs button.on{color:var(--bl);border-bottom-color:var(--bl)}.cd-n{text-align:center;min-width:24px;color:var(--mu);background:#eceff5;border-radius:99px;margin-left:4px;padding:1px 7px;font-size:12px;display:inline-block}.cd-tabs button.on .cd-n{background:var(--bl);color:#fff}.cd-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.cd-sisi{gap:20px;display:grid}.cd-isi{border-radius:26px;padding:22px}.cd-judul{color:var(--bl);align-items:center;gap:8px;margin:0 0 14px;font-size:21px;display:flex}.cd-judul small{color:var(--mu);font-size:15px;font-weight:600}.cd-unit{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cd-kartu{background:#f6f8fc;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.cd-kartu b{font-size:17px}.cd-baris{justify-content:space-between;align-items:center;gap:10px;display:flex}.cd-baris-btn{text-align:left;width:100%;color:var(--tx);cursor:pointer;background:#f6f8fc;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.cd-baris-btn:hover{background:#eef3fb}.cd-alamat-kartu{border-top:1px solid var(--bd);gap:4px;padding:12px 0;display:grid}.cd-alamat-kartu:first-of-type{border-top:0;padding-top:0}.cd-alamat-kartu a{color:var(--bl);font-weight:700;text-decoration:none}@media (width<=1100px){.cd-stat{grid-template-columns:repeat(3,1fr)}.cd-grid{grid-template-columns:1fr}}@media (width<=640px){.cd-kepala{border-radius:22px;padding:16px}.cd-avatar{width:64px;height:64px;font-size:24px}.cd-nama h1{font-size:26px}.cd-aksi{width:100%;margin-left:0}.cd-stat{grid-template-columns:repeat(2,1fr)}.cd-unit{grid-template-columns:1fr}.cd-tabs button{padding:12px;font-size:15px}}.palet{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.warna{cursor:pointer;border:3px solid #fff;border-radius:50%;width:34px;height:34px;padding:0;position:relative;box-shadow:0 0 0 1.5px #d5dbe7}.warna.on{box-shadow:0 0 0 3px var(--bl)}.warna.lain{color:#fff;background:conic-gradient(#fa0785,#e8a020,#2e9e4f,#0f9fa8,#004aad,#6d3fd8,#fa0785);place-items:center;font-weight:900;display:grid}.warna.lain input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.lencana{background:var(--rd);color:#fff;border-radius:99px;flex:none;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:800;line-height:1;display:inline-grid}.nb .lencana-menu{color:var(--pk);background:#fff;margin-left:auto;box-shadow:0 0 0 2px #fa078555}.nb.on .lencana-menu{background:var(--rd);color:#fff;box-shadow:none}.lonceng{position:relative}.lonceng-tombol{place-items:center;padding:9px 12px;display:inline-grid;position:relative}.lencana-sudut{position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #fff}.lonceng-panel{border:1px solid var(--bd);z-index:40;background:#fff;border-radius:20px;width:min(360px,100vw - 28px);padding:16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #0000002e}.lonceng-panel h3{color:var(--pk);margin:0 0 8px;font-size:17px}.lonceng-kaki{border-top:1px solid var(--bd);margin-top:10px;padding-top:10px}.tugas{text-align:left;width:100%;color:var(--tx);cursor:pointer;background:#fff7fb;border:0;border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;font-weight:600;display:flex}.tugas:hover{background:var(--acs)}.tugas-panah{color:var(--pk);margin-left:auto;font-size:22px;line-height:1}.toasts{right:16px;bottom:calc(16px + var(--bawah));z-index:60;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed}.toast{background:var(--tx);color:#fff;border-radius:16px;gap:4px;padding:12px 14px;animation:.25s ease-out masuk;display:grid;box-shadow:0 10px 30px #0000004d}.toast .ln{color:#ffd3ea}@keyframes masuk{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.sg.rkm{grid-template-columns:repeat(4,1fr);margin-top:12px}.sg.rkm>div{text-align:center;padding:10px 4px;font-size:12px}.sg.rkm b{font-size:22px}.sg.rkm b.mrh{color:var(--rd)}.pr.rh{align-items:flex-start}.pr.rh .tgl{flex:none;width:92px}.pr.rh:first-of-type{margin-top:0}.sg.km3{grid-template-columns:1fr 1fr}.sg.km3>div{font-size:12px}.sg.km3>div:last-child{grid-column:1/-1}.sg.km3 b{font-size:21px}.sg.km3 .belum b{color:var(--bl)}.sg.km3 .cair b{color:var(--ok)}.pr.km{align-items:flex-start}.pr.km .kr{text-align:right;flex:none;justify-items:end;gap:3px;display:grid}.pr.km .kr b{font-size:16px}.kmh{border-top:1px solid var(--bd);align-items:center;gap:10px;padding:8px 0;display:flex}.kmh input[type=checkbox]{flex:none;width:20px;height:20px}.kmh .isi{flex:1;min-width:0}.kmh .nilai{text-align:right;flex:none;font-weight:700}.trf{border-top:1px solid var(--bd);grid-template-columns:1.4fr 1fr 1fr;align-items:center;gap:10px;padding:8px 0;display:grid}.trf.hd{color:var(--mu);border-top:0;font-size:13px;font-weight:600}.trf input{padding:8px 10px}.gj{border-top:1px solid var(--bd);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.gj input{text-align:right;width:140px;max-width:45%;padding:8px 10px}.gj.tot{border-top:2px solid var(--bd);font-size:17px}.gj.tot b{color:var(--pk);font-size:20px}.gjh{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.gjh input{text-align:center}@media (width<=520px){.gjh{grid-template-columns:repeat(2,1fr)}}.mb.fj{max-width:640px}.fj-b{border:1px solid var(--bd);border-radius:16px;gap:8px;padding:12px 14px;display:grid}.fj-b h4{color:var(--tx);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.fj-b h4>span{background:var(--pk);color:#fff;border-radius:99px;place-items:center;width:24px;height:24px;font-size:13px;display:inline-grid}.fj-b h4 small{font-weight:600}.fj-l{background:var(--ch);border-radius:12px;gap:8px;padding:10px;display:grid}.fj-k{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fj-k select{flex:160px;width:auto}.fj-n{align-items:center;gap:8px;display:flex}.fj-n .bt{padding:4px 12px;font-size:18px;line-height:1.2}.fj-tambah{justify-self:start}.fj-tim{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.fj-t{text-align:left;border:2px solid var(--bd);border-left:6px solid var(--c);cursor:pointer;color:var(--tx);background:#fff;border-radius:12px;gap:2px;padding:8px 10px;display:grid}.fj-t small{color:var(--mu);font-size:12px}.fj-t.on{border-color:var(--c);background:var(--acs)}.fj-t.on b{color:var(--c)}.fj-h{grid-template-columns:56px 1.4fr 1fr 1fr 24px;align-items:center;gap:8px;display:grid}.fj-h input{width:100%;min-width:0}@media (width<=520px){.fj-h{grid-template-columns:1fr 1fr 24px}.fj-h>b,.fj-h>input[type=date]{grid-column:1/-1}}.ikon{vertical-align:-.22em;stroke-width:1.75px;flex:none;width:1.2em;height:1.2em}.nb .ikon{vertical-align:middle;width:20px;height:20px}.lkp button .ikon{vertical-align:middle;width:26px;height:26px}.thumb.tambah .ikon{vertical-align:middle;width:28px;height:28px}.ln .ikon{vertical-align:-.25em}.cari{margin-top:14px;position:relative}.cari .ikon{color:var(--mu);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.cari input{padding-left:40px}