.lk{--lk-biru:#004aad;--lk-pink:#fa0785;--lk-teks:#4b1035;--lk-judul:#b8045f;--lk-pink-tua:#d9046f;--lk-redup:#8f5a76;--lk-garis:#f3d3e4;min-height:100dvh;color:var(--lk-teks);background:#fff;grid-template-columns:minmax(0,52fr) minmax(0,48fr);display:grid}.lk-hero{isolation:isolate;color:#fff;background:radial-gradient(circle at 74% 21%, #1f63d1 0 12px, transparent 13px), radial-gradient(circle at 96% 94%, #004aad66 0 74px, transparent 75px), radial-gradient(circle at 85% 60%, #ffffff2e 0, #fff0 36%), linear-gradient(135deg, #ff2b98 0%, var(--lk-pink) 45%, #c8056b 100%);order:-1;position:relative;overflow:clip}.lk-hero:before{content:"";z-index:-1;pointer-events:none;border:30px solid #fff2;border-radius:50%;width:340px;height:340px;position:absolute;top:-130px;right:-130px}.lk-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 30% 30%,#fff6,#fff0 70%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-80px;left:-90px}.lk-angin{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lk-angin path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:18s linear infinite lk-angin}.lk-angin .a{stroke:#fff;stroke-opacity:.32;stroke-width:2px;stroke-dasharray:260 1140}.lk-angin .b{stroke:#fff;stroke-opacity:.2;stroke-width:3px;stroke-dasharray:340 1060;animation-duration:24s;animation-delay:-6s}.lk-angin .c{stroke:#9cc2ff;stroke-opacity:.55;stroke-width:2px;stroke-dasharray:180 1220;animation-duration:20s;animation-delay:-11s}.lk-angin .d{stroke:#fff;stroke-opacity:.14;stroke-width:4px;stroke-dasharray:420 980;animation-duration:28s;animation-delay:-3s}@keyframes lk-angin{to{stroke-dashoffset:-1400px}}.lk-hero-isi{height:100%;padding:calc(32px + var(--atas)) clamp(28px, 5vw, 64px) calc(44px + var(--bawah));flex-direction:column;justify-content:space-between;gap:40px;display:flex}.lk-logo{background:#fff;border-radius:99px;align-self:flex-start;padding:10px 22px;display:inline-flex;box-shadow:0 10px 28px #6e033c40}.lk-logo img{height:28px;display:block}.lk-hero-bawah{flex-direction:column;align-items:flex-start;display:flex}.lk-chip{color:#fff;letter-spacing:.18em;background:#ffffff24;border:1px solid #ffffff73;border-radius:99px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-block}.lk-hero h2{letter-spacing:-.02em;color:#fff;text-shadow:0 4px 24px #6e033c40;margin:18px 0 12px;font:900 clamp(44px,6vw,78px)/1.02 Nunito,system-ui,sans-serif}.lk-hero h2 em{background:linear-gradient(#0000 62%,#004aadb3 62% 93%,#0000 93%);margin-left:-.1em;padding:0 .1em;font-style:normal}.lk-hero-teks{color:#ffffffe6;max-width:460px;margin:0 0 26px;font-size:16px;line-height:1.55}.lk-fitur{flex-wrap:wrap;gap:8px;display:flex}.lk-fitur button{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff6;border-radius:99px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:700;transition:background .2s,color .2s,transform .15s,box-shadow .2s;display:inline-flex}.lk-fitur button .ikon{width:18px;height:18px;vertical-align:initial;transition:color .2s}.lk-fitur button:hover{background:#ffffff40;transform:translateY(-1px)}.lk-fitur button.on{color:var(--lk-pink-tua);background:#fff;border-color:#fff;box-shadow:0 10px 22px #6e033c40}.lk-fitur button.on .ikon{color:var(--lk-biru)}.lk-fitur button:focus-visible{outline-offset:3px;outline:2px solid #fff}.lk-kartu-fitur{width:100%;max-width:480px;color:var(--lk-teks);background:#fff;border-radius:20px;align-items:flex-start;gap:14px;margin-top:14px;padding:16px 18px 18px;animation:.45s cubic-bezier(.2,.8,.2,1) lk-pop;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #6e033c47}.lk-kf-ikon{color:#fff;background:linear-gradient(135deg, #3b86ff, var(--lk-biru));border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 18px #004aad40}.lk-kf-ikon .ikon{width:22px;height:22px;vertical-align:initial}.lk-kartu-fitur b{color:var(--lk-teks);font:800 16px Nunito,system-ui,sans-serif;display:block}.lk-kartu-fitur p{color:#6f4560;margin:4px 0 0;font-size:14px;line-height:1.5}.lk-kf-waktu{background:linear-gradient(90deg, #ff2b98, var(--lk-pink));transform-origin:0;width:100%;height:3px;animation:linear forwards lk-isi;position:absolute;bottom:0;left:0}@keyframes lk-isi{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lk-sisi{padding:calc(32px + var(--atas)) 28px calc(32px + var(--bawah));background:radial-gradient(60% 40% at 0 0,#fa07851a 0,#0000 70%),radial-gradient(50% 35% at 100% 100%,#004aad14 0,#0000 70%),#fff;place-items:center;display:grid;position:relative}.lk-kolom{width:100%;max-width:420px;animation:.6s .1s both lk-naik}.lk-kolom.goyang{animation:.45s lk-goyang}.lk-merek{color:#fff;background:linear-gradient(135deg, #3b86ff, var(--lk-biru));border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:22px;display:grid;box-shadow:0 12px 26px #004aad44}.lk-merek .ikon{width:28px;height:28px;vertical-align:initial}.lk-kolom h1{color:var(--lk-judul);margin:0;font:900 clamp(27px,2.5vw,32px)/1.15 Nunito,system-ui,sans-serif}.lk-sub{color:var(--lk-redup);margin:8px 0 28px;font-size:16px}.lk-grup{gap:8px;margin-bottom:16px;display:grid}.lk-grup label{color:var(--lk-teks);font-size:14px;font-weight:700}.lk-isi{border:1.5px solid var(--lk-garis);color:#b9849f;background:#fff;border-radius:14px;align-items:center;gap:10px;height:54px;padding:0 14px;transition:border-color .2s,box-shadow .2s,color .2s;display:flex;position:relative}.lk-isi:hover{border-color:#eab4cf}.lk-isi:focus-within{border-color:var(--lk-pink);color:var(--lk-pink);box-shadow:0 0 0 4px #fa078522}.lk-isi>.ikon{width:20px;height:20px;vertical-align:initial}.lk .lk-isi input{width:auto;min-width:0;height:100%;color:var(--lk-teks);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:16px}.lk .lk-isi input:focus{outline:none}.lk-isi input::placeholder{color:#c3a0b3}.lk-isi input:-webkit-autofill{-webkit-text-fill-color:var(--lk-teks);-webkit-box-shadow:inset 0 0 0 40px #fff6fb}.lk-mata{color:#b9849f;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;margin-right:-8px;transition:background .15s,color .15s;display:grid}.lk-mata:hover{color:var(--lk-teks);background:#ffe6f2}.lk-mata:focus-visible{outline:2px solid var(--lk-pink-tua);outline-offset:1px}.lk-mata .ikon{width:20px;height:20px;vertical-align:initial}.lk-popover{background:var(--lk-teks);color:#fff;pointer-events:none;border-radius:10px;align-items:center;gap:6px;padding:7px 11px;font-size:12.5px;font-weight:700;animation:.2s lk-pop;display:inline-flex;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 10px 24px #2a0a1e40}.lk-popover:after{content:"";background:var(--lk-teks);width:9px;height:9px;position:absolute;bottom:-4px;right:20px;transform:rotate(45deg)}.lk-popover .ikon{width:16px;height:16px;vertical-align:initial;color:#ffd166}.lk-baris{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 2px;display:flex}.lk-ingat{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:inline-flex;position:relative}.lk .lk-ingat input{opacity:0;border:0;width:22px;height:22px;margin:0;padding:0;position:absolute}.lk-kotak{color:#0000;background:#fff;border:1.5px solid #eab4cf;border-radius:7px;place-items:center;width:22px;height:22px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:grid}.lk-kotak .ikon{stroke-width:3px;width:14px;height:14px;vertical-align:initial}.lk-ingat input:checked+.lk-kotak{background:var(--lk-pink);border-color:var(--lk-pink);color:#fff;box-shadow:0 4px 10px #fa078544}.lk-ingat input:focus-visible+.lk-kotak{outline:2px solid var(--lk-pink-tua);outline-offset:2px}.lk-lupa{color:var(--lk-pink-tua);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 2px;font-size:14px;font-weight:700}.lk-lupa:hover{text-decoration:underline}.lk-lupa:focus-visible,.lk-tautan:focus-visible{outline:2px solid var(--lk-pink-tua);outline-offset:2px}.lk-err{color:#c62828;align-items:center;gap:8px;min-height:44px;padding:6px 0;font-size:13.5px;font-weight:600;display:flex}.lk-err .ikon{width:18px;height:18px;vertical-align:initial;flex:none}.lk-masuk{background:linear-gradient(135deg, #ff2b98 0%, var(--lk-pink) 45%, #d9046f 100%);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;font:800 16px Nunito,system-ui,sans-serif;transition:transform .15s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 14px 28px #fa078540}.lk-masuk:hover{transform:translateY(-1px);box-shadow:0 18px 34px #fa078555}.lk-masuk:active{transform:scale(.985)}.lk-masuk:focus-visible{outline:3px solid var(--lk-teks);outline-offset:3px}.lk-masuk[aria-busy=true]{cursor:progress;filter:saturate(.85)}.lk-masuk .ikon{width:20px;height:20px;vertical-align:initial;transition:transform .2s}.lk-masuk:hover .ikon{transform:translate(3px)}.lk-putar{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite lk-putar}@keyframes lk-putar{to{transform:rotate(360deg)}}.lk-catatan{text-align:center;color:var(--lk-redup);margin:22px 0 0;font-size:14px}.lk-tautan{font:inherit;color:var(--lk-teks);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;border-radius:4px;padding:0;font-weight:800;-webkit-text-decoration:underline #fa078566;text-decoration:underline #fa078566}.lk-tautan:hover{color:var(--lk-pink)}.lk-lapis{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2a0a1e99;place-items:center;padding:16px;animation:.2s lk-pudar;display:grid;position:fixed;inset:0}.lk-dialog{width:100%;max-width:440px;max-height:calc(100dvh - 32px);color:var(--lk-teks);background:#fff;border-radius:26px;outline:none;padding:28px 26px 22px;animation:.28s cubic-bezier(.2,.9,.25,1.1) lk-pop;position:relative;overflow:auto;box-shadow:0 30px 80px #2a0a1e55}.lk-tutup{width:36px;height:36px;color:var(--lk-redup);cursor:pointer;background:#ffe9f3;border:0;border-radius:50%;place-items:center;transition:background .15s;display:grid;position:absolute;top:14px;right:14px}.lk-tutup:hover{background:#ffd6e9}.lk-tutup:focus-visible{outline:2px solid var(--lk-pink-tua);outline-offset:2px}.lk-tutup .ikon{width:18px;height:18px;vertical-align:initial}.lk-dialog-ikon{width:52px;height:52px;color:var(--lk-pink);background:#fff0f7;border-radius:16px;place-items:center;margin-bottom:14px;display:grid}.lk-dialog-ikon .ikon{width:26px;height:26px;vertical-align:initial}.lk-dialog h3{color:var(--lk-teks);margin:0 0 8px;padding-right:36px;font:900 22px/1.2 Nunito,system-ui,sans-serif}.lk-dialog p{color:#6f4560;margin:0 0 12px;line-height:1.55}.lk-d-buka{background:#fff6e0;border:1px solid #ffe2a3;border-radius:12px;padding:10px 12px;font-weight:600;color:#7a4b00!important}.lk-d-kartu{background:#fff8fc;border:1px solid #f6d9e8;border-radius:14px;gap:2px;margin-bottom:10px;padding:12px 14px;display:grid}.lk-d-kartu b{color:var(--lk-teks)}.lk-d-kartu span{color:#6f4560;font-size:14px;line-height:1.5}.lk-tips{align-items:flex-start;gap:8px;font-size:13.5px;display:flex}.lk-tips .ikon{width:18px;height:18px;color:var(--lk-pink);vertical-align:initial;flex:none;margin-top:1px}.lk-alamat{background:#fff0f7;border:1px solid #ffd3e8;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.lk-alamat code{min-width:max-content;color:var(--lk-judul);flex:auto;font:700 15px ui-monospace,SFMono-Regular,Menlo,monospace}.lk-salin{color:var(--lk-pink-tua);cursor:pointer;background:#fff;border:0;border-radius:99px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:800;transition:transform .15s,background .15s,color .15s;display:inline-flex;box-shadow:0 2px 8px #fa078533}.lk-salin:hover{transform:translateY(-1px)}.lk-salin.ok{color:#0f7a49;background:#e3f6ec}.lk-salin:focus-visible{outline:2px solid var(--lk-pink-tua);outline-offset:2px}.lk-salin .ikon{width:16px;height:16px;vertical-align:initial}.lk-langkah{counter-reset:lk-l;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.lk-langkah li{counter-increment:lk-l;color:#5a3550;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.5;display:flex}.lk-langkah li:before{content:counter(lk-l);background:var(--lk-pink);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.lk-aksi{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.lk-pri,.lk-sek{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font:800 15px Nunito,system-ui,sans-serif;text-decoration:none;transition:transform .15s,box-shadow .2s;display:inline-flex}.lk-pri{background:linear-gradient(135deg, #ff2b98, var(--lk-pink) 50%, #d9046f);color:#fff;box-shadow:0 10px 22px #fa078538}.lk-sek{color:var(--lk-teks);background:#ffe9f3}.lk-pri:hover,.lk-sek:hover{transform:translateY(-1px)}.lk-pri:focus-visible,.lk-sek:focus-visible{outline:3px solid var(--lk-teks);outline-offset:2px}.lk-pri .ikon{width:18px;height:18px;vertical-align:initial}.lk-logo,.lk-chip,.lk-hero h2,.lk-hero-teks,.lk-fitur{animation:.7s both lk-naik}.lk-chip{animation-delay:80ms}.lk-hero h2{animation-delay:.16s}.lk-hero-teks{animation-delay:.24s}.lk-fitur{animation-delay:.32s}.lk-kartu-fitur{animation-delay:.4s;animation-fill-mode:both}@keyframes lk-naik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes lk-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}@keyframes lk-pudar{0%{opacity:0}to{opacity:1}}@keyframes lk-goyang{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@media (width<=899px){.lk{flex-direction:column;display:flex}.lk-hero{order:-1}.lk-hero-isi{height:auto;padding:calc(22px + var(--atas)) 22px 54px;justify-content:flex-start;gap:22px}.lk-hero h2{margin:14px 0 0;font-size:clamp(34px,10vw,48px)}.lk-hero-teks,.lk-fitur,.lk-kartu-fitur{display:none}.lk-sisi{z-index:1;padding:30px 22px calc(28px + var(--bawah));border-radius:30px 30px 0 0;flex:1;margin-top:-30px;display:block;box-shadow:0 -14px 34px #6e033c40}.lk-kolom{margin:0 auto}.lk-merek{border-radius:15px;width:48px;height:48px;margin-bottom:16px}.lk-sub{margin-bottom:22px}}@media (width<=520px){.lk-aksi{flex-direction:column}.lk-aksi>*{width:100%}.lk-pri{order:-1}.lk-dialog{padding:26px 20px 20px}}@media (prefers-reduced-motion:reduce){.lk *,.lk :before,.lk :after{transition:none!important;animation:none!important}.lk-kf-waktu{display:none}}: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}.kas-bln{border:0;border-top:1px solid var(--bd);width:100%;font:inherit;color:inherit;text-align:right;cursor:pointer;background:0 0;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:8px;padding:10px 6px;display:grid}.kas-bln>span:first-child{text-align:left;font-weight:700}.kas-bln:hover,.kas-bln.on{background:var(--ch)}.kas-bln-kepala{cursor:default;color:var(--mu);border-top:0;font-size:12px}.kas-bln-kepala:hover{background:0 0}.kas-bln-kepala>span:first-child{font-weight:400}@media (width<=560px){.kas-bln{white-space:nowrap;grid-template-columns:.9fr 1.15fr .8fr 1.15fr;gap:4px;padding:9px 2px;font-size:11px}}.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}