:root{--kuning:#fed406;--hitam:#111;--abu:#6b6b6b;--garis:#e6e6e6;--latar:#f4f4f5;--hijau:#1e9e5a;--jingga:#e08600;--merah:#d92020;--biru:#1d4ed8}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{background:var(--latar);color:var(--hitam);margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-frame{background:var(--latar);flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex}.kepala{background:var(--kuning);flex:none;padding:18px 20px 20px}.kepala .merek{letter-spacing:-.02em;font-size:17px;font-weight:900}.kepala .tanggal{letter-spacing:-.02em;margin-top:12px;font-size:22px;font-weight:900}.kepala .sub{color:#5a4b00;font-size:12.5px;font-weight:600}.isi{flex:1;padding:18px 18px 28px}.kolom-in{margin-bottom:14px}.kolom-in label{color:#4a4a4a;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.in{border:1.5px solid var(--garis);color:#111;background:#fff;border-radius:12px;width:100%;padding:13px 14px;font-family:inherit;font-size:15px}.in:focus{border-color:var(--hitam);outline:none}.bantu{color:var(--abu);margin-top:6px;font-size:11.5px;line-height:1.45}.tombol{background:var(--hitam);color:#fff;cursor:pointer;border:none;border-radius:13px;width:100%;padding:15px;font-family:inherit;font-size:15px;font-weight:800}.tombol:disabled{opacity:.55;cursor:default}.tombol.kun{background:var(--kuning);color:var(--hitam)}.tautan{text-align:center;color:var(--abu);margin-top:16px;font-size:13px}.tautan b{color:var(--biru);cursor:pointer}.galat{color:var(--merah);background:#fdeaea;border:1px solid #f4c9c9;border-radius:12px;margin-bottom:14px;padding:11px 13px;font-size:13px;font-weight:600}.info-b{color:var(--biru);background:#f2f7ff;border:1px solid #d6e4ff;border-radius:12px;padding:11px 13px;font-size:12.5px;line-height:1.5}.info-b b{color:var(--biru)}.judul-kel{letter-spacing:.11em;text-transform:uppercase;color:var(--abu);margin:6px 0 10px;font-size:11px;font-weight:800}.baris2{gap:10px;display:flex}.kartu-anak{border:1px solid var(--garis);background:#fff;border-radius:15px;align-items:center;gap:12px;margin-bottom:10px;padding:13px;display:flex}.kartu-anak .av{color:#fff;border-radius:13px;flex:none;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid}.kartu-anak .nm{font-size:15.5px;font-weight:800}.kartu-anak .kt{color:var(--abu);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.tambah{text-align:center;color:#6f6f6f;cursor:pointer;border:2px dashed #c6c6c6;border-radius:13px;padding:13px;font-size:14px;font-weight:800}.kartu-form{border:1px solid var(--garis);background:#fff;border-radius:15px;margin-top:4px;padding:14px}.landing{background:var(--kuning);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:28px 24px;display:flex}.landing-logo{width:min(88%,340px);position:relative}.landing-logo img{width:100%;display:block}.pita{background:var(--hitam);color:var(--kuning);letter-spacing:.06em;border-radius:9px;margin-top:6px;padding:11px 22px;font-size:14px;font-weight:900;transform:rotate(-2.5deg)}.landing-sub{color:#5a4b00;max-width:320px;margin-top:20px;font-size:14px;font-weight:600;line-height:1.55}.landing-masuk{background:var(--hitam);color:#fff;border-radius:12px;margin-top:22px;padding:12px 24px;font-size:14px;font-weight:800;text-decoration:none}.landing-aksi{gap:12px;width:min(90%,340px);margin-top:26px;display:flex}.lg-btn{cursor:pointer;border:2px solid var(--hitam);border-radius:12px;flex:1;padding:14px 0;font-size:15px;font-weight:800}.lg-btn.utama{background:var(--hitam);color:#fff}.lg-btn.garis{color:var(--hitam);background:0 0}.peran-b{border:2px solid var(--garis);cursor:pointer;background:#fff;border-radius:16px;margin-bottom:12px;padding:16px}.peran-b.utm{border-color:var(--hitam);background:var(--kuning)}.peran-b .jd{font-size:16px;font-weight:900}.peran-b .kt{color:#5a5a5a;margin-top:2px;font-size:12.5px}.peran-b.utm .kt{color:#6b5a00}.kotak-g{border:1px solid var(--garis);background:#fff;border-radius:14px;padding:13px 14px}.g-baris{align-items:center;gap:8px;padding:3px 0;font-size:13.5px;display:flex}.g-ket{color:#3f3f3f;flex:1;align-items:center;gap:7px;display:flex}.g-ket i{border-radius:2px;width:11px;height:3px;display:block}.g-t{background:var(--hitam)}.g-b{background:var(--kuning)}.g-baris b{font-weight:800}.g-naik{color:var(--hijau);text-align:right;flex:none;min-width:44px;font-size:11.5px;font-weight:800}.g-svg{width:100%;height:96px;margin:9px 0 4px;display:block}.g-bulan{color:var(--abu);justify-content:space-between;font-size:10px;font-weight:700;display:flex}.g-bulan span{text-align:center;flex:1}.g-wrap{align-items:flex-start;gap:6px;margin-top:6px;display:flex}.g-col{flex:1;min-width:0}.g-svg2{width:100%;height:120px;display:block}.g-xlabels{height:32px;margin-top:5px;position:relative}.gx-p{white-space:nowrap;position:absolute;top:0}.gx-p b{color:#555;font-size:10px;font-weight:700;display:block}.gx-p small{color:#a0a0a0;margin-top:1px;font-size:9.5px;display:block}.g-yaxis{text-align:right;flex-direction:column;flex:none;justify-content:space-between;width:42px;height:120px;padding:2px 0;display:flex}.gy-tick{line-height:1.1}.gy-tick b{color:var(--hitam);font-size:11px;font-weight:800;display:block}.gy-tick span{color:#c79300;font-size:10px;font-weight:800;display:block}.g-yunit{color:#9a9a9a;text-align:right;margin:2px 2px 0 0;font-size:10px}.g-yunit b{color:var(--hitam)}.g-yunit span{color:#c79300}.tgl-nav{border:1px solid var(--garis);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:8px 6px;display:flex}.tgl-nav .pn{color:var(--abu);cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 16px;font-size:22px;font-weight:800}.tgl-nav .md{text-align:center}.tgl-nav .md b{font-size:14.5px;font-weight:800}.tgl-nav .md small{color:var(--abu);font-size:11px;display:block}.timer-full{z-index:50;background:var(--hitam);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.timer-atas{position:absolute;top:18px;right:20px}.t-suara{cursor:pointer;opacity:.9;-webkit-user-select:none;user-select:none;font-size:22px}.timer-alarm{color:var(--kuning);background:#fed4061f;border:1px solid #fed40659;border-radius:99px;margin-bottom:20px;padding:8px 14px;font-size:12.5px;font-weight:700}.timer-alarm.on{background:var(--kuning);color:var(--hitam)}.timer-nama{letter-spacing:-.03em;font-size:30px;font-weight:900}.timer-ke{color:#9d9d9d;margin-bottom:26px;font-size:13.5px}.timer-angka{letter-spacing:-.04em;font-size:92px;font-weight:900;line-height:1}.timer-angka.lebih{color:var(--kuning)}.timer-lebih{color:var(--kuning);margin-top:6px;font-size:17px;font-weight:800}.timer-kendali{gap:11px;width:100%;max-width:360px;margin-top:34px;display:flex}.timer-kendali button{cursor:pointer;border:none;border-radius:13px;flex:1;padding:15px 0;font-family:inherit;font-size:15px;font-weight:800}.t-utama{background:var(--kuning);color:var(--hitam)}.t-garis{color:#fff;background:0 0;border:2px solid #4a4a4a!important}.timer-batal{color:#8e8e8e;cursor:pointer;margin-top:20px;font-size:13px}.daftar-l{border:1px solid var(--garis);background:#fff;border-radius:14px;overflow:hidden}.brs-l{border-bottom:1px solid #f0f0f0;align-items:center;gap:11px;padding:11px 12px;display:flex}.brs-l:last-child{border-bottom:none}.brs-l .cek{border:2px solid #cfcfcf;border-radius:50%;flex:none;width:22px;height:22px;position:relative}.brs-l .cek.on{background:var(--hijau);border-color:var(--hijau)}.brs-l .cek.kurang{background:var(--jingga);border-color:var(--jingga)}.brs-l .cek.on:after,.brs-l .cek.kurang:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:5px;height:10px;position:absolute;top:3px;left:6.5px;transform:rotate(45deg)}.brs-l .teks{flex:1;min-width:0}.brs-l .nama{font-size:14.5px;font-weight:700}.brs-l.sudah .nama{color:#8f8f8f}.brs-l .dari{color:var(--abu);margin-top:1px;font-size:11.5px}.brs-l .ukuran{text-align:right;flex:none;min-width:64px}.brs-l .target{font-size:15px;font-weight:800}.brs-l.sudah .target{color:#b0b0b0}.brs-l .hasil{margin-top:1px;font-size:11.5px;font-weight:800}.brs-l .hasil.pas{color:var(--hijau)}.brs-l .hasil.kurang{color:var(--jingga)}.catat-btn{background:var(--kuning);color:var(--hitam);border:2px solid var(--hitam);cursor:pointer;border-radius:9px;margin-top:2px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-block}.catat-in{flex:none;align-items:center;gap:7px;display:flex}.simpan-mini{background:var(--hitam);color:#fff;cursor:pointer;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:800}.hapus-mini{color:#c9c9c9;cursor:pointer;flex:none;padding:0 4px;font-weight:800}.atur-btn{border:1.5px solid var(--hitam);color:var(--hitam);cursor:pointer;background:#fff;border-radius:9px;flex:none;padding:7px 12px;font-size:12px;font-weight:800}.prog-badge{color:var(--hitam);text-align:right;flex:none;min-width:34px;font-size:13.5px;font-weight:800}.dua-pilih{gap:8px;display:flex}.dua-pilih div{text-align:center;border:2px solid var(--garis);color:#8a8a8a;cursor:pointer;background:#fff;border-radius:11px;flex:1;padding:11px 0;font-size:13px;font-weight:800}.dua-pilih div.on{border-color:var(--hitam);background:var(--kuning);color:var(--hitam)}.periode2{gap:10px;margin-bottom:12px;display:flex}.periode2 .pk{flex:1;min-width:0}.periode2 .pk small{color:var(--abu);margin-bottom:5px;font-size:10px;font-weight:800;display:block}.field-lb{color:#4a4a4a;margin:2px 0 6px;font-size:12px;font-weight:800}.hari7{gap:5px;margin-bottom:6px;display:flex}.hari7 div{text-align:center;border:1.5px solid var(--garis);color:#9a9a9a;cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:10px 0;font-size:11.5px;font-weight:800}.hari7 div.on{background:var(--hitam);color:#fff;border-color:var(--hitam)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--garis);color:#8a8a8a;cursor:pointer;background:#fff;border-radius:99px;padding:8px 13px;font-size:13px;font-weight:800}.chip.on{background:var(--hitam);color:#fff;border-color:var(--hitam)}.hasil-coach{border-bottom:1px solid #f2f2f2;align-items:center;gap:11px;padding:10px 0;display:flex}.hasil-coach:last-child{border-bottom:none}.hasil-coach .av{color:#fff;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-size:16px;font-weight:800;display:grid}.hasil-coach .nm{font-size:14.5px;font-weight:800}.hasil-coach .kt{color:var(--abu);margin-top:1px;font-size:12px}.minta-btn{background:var(--kuning);color:var(--hitam);cursor:pointer;border:2px solid #9a9a9a;border-radius:10px;flex:none;padding:8px 14px;font-size:12.5px;font-weight:800}.pil{color:#8a8a8a;background:#f1f1f2;border-radius:99px;flex:none;padding:6px 11px;font-size:11px;font-weight:800}.pil.ok{color:var(--hijau);background:#e8f6ee}.pil.no{color:var(--merah);background:#fdeaea}.app-frame.admin{background:#0f0f10}.admin-isi{text-align:center;color:#fff;flex-direction:column;flex:1;align-items:center;padding:60px 26px 26px;display:flex}.admin-logo{width:104px;height:104px;color:var(--kuning);background:#1c1c1e;border-radius:26px;place-items:center;font-size:17px;font-weight:900;display:grid}.admin-h1{letter-spacing:-.02em;margin:18px 0 4px;font-size:24px;font-weight:900}.admin-p{color:#9a9a9a;margin:0 0 26px;font-size:13.5px}.admin-in{color:#fff;background:#1c1c1e;border-color:#2c2c2e}.admin-kaki{color:#6a6a6a;margin-top:auto;padding-top:22px;font-size:12px}.admin-kepala{background:#0f0f10;border-bottom:1px solid #232325}.admin-merek{color:var(--kuning)}.admin-tag{letter-spacing:.12em;color:var(--kuning);background:#fed40629;border-radius:99px;margin-left:6px;padding:3px 8px;font-size:9.5px;font-weight:800}.app-frame.admin .isi{background:var(--latar)}.su-tab{gap:8px;margin-bottom:13px;display:flex}.su-tab div{text-align:center;border:1px solid var(--garis);color:#8a8a8a;background:#fff;border-radius:99px;flex:1;padding:9px 0;font-size:13px;font-weight:800}.su-tab div.on{background:var(--hitam);color:#fff;border-color:var(--hitam)}.su-kartu{border:2px solid var(--kuning);background:#fffdf3;border-radius:14px;margin-bottom:10px;padding:13px}.su-atas{align-items:center;gap:12px;display:flex}.su-atas .av{color:#fff;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:17px;font-weight:800;display:grid}.su-atas .nm{font-size:15.5px;font-weight:800}.su-atas .kt{color:var(--abu);margin-top:2px;font-size:12px}.su-tbl{gap:9px;margin-top:11px;display:flex}.su-tbl div{text-align:center;cursor:pointer;border-radius:10px;flex:1;padding:11px 0;font-size:13px;font-weight:800}.su-tbl .setuju{background:var(--kuning);border:2px solid #9a9a9a}.su-tbl .tolak{border:2px solid var(--merah);color:var(--merah);background:#fff}.target-in{text-align:center;flex:none;width:66px;padding:8px 6px;font-weight:700}.draf-l{background:#fffdf0;border:1px solid #f2e6a8;border-radius:12px;padding:4px 10px}.draf-l .brs-l{gap:8px}.minggu-strip{align-items:center;gap:4px;margin-bottom:6px;display:flex}.ms-nav{color:#777;cursor:pointer;-webkit-user-select:none;user-select:none;flex:none;place-items:center;width:30px;height:46px;font-size:22px;display:grid}.ms-hari{flex:1;gap:3px;display:flex}.ms-sel{cursor:pointer;border-radius:11px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;display:flex}.ms-sel small{color:#9a9a9a;font-size:10px}.ms-sel b{font-size:15px}.ms-sel.kini b{color:var(--biru)}.ms-sel.on{background:var(--hitam)}.ms-sel.on small,.ms-sel.on b{color:var(--kuning)}.paket-overlay{z-index:60;background:var(--latar);width:100%;max-width:430px;position:fixed;top:0;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.tempel-paket-btn{border:1.5px solid var(--hitam);text-align:center;cursor:pointer;border-radius:12px;margin-bottom:12px;padding:12px;font-size:14px;font-weight:800}.paket-kartu{background:#fff;border:1px solid #eee;border-radius:13px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;display:flex}.pk-info{cursor:pointer;flex:1;min-width:0}.pk-info .nm{font-size:15px;font-weight:800}.pk-info .kt{color:#8a8a8a;font-size:12px}.tempel-btn{background:var(--kuning);color:var(--hitam);cursor:pointer;white-space:nowrap;border-radius:99px;padding:9px 16px;font-size:13px;font-weight:800}.field-lb{color:#7a7a7a;text-transform:uppercase;letter-spacing:.02em;margin:12px 0 6px;font-size:12px;font-weight:700}.terap-kotak{background:var(--hitam);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:13px 16px;display:flex}.tk-lb{letter-spacing:.05em;color:#aaa;font-size:10px;font-weight:800}.tk-nm{color:var(--kuning);margin-top:2px;font-size:16px;font-weight:800}.tk-ganti{color:#fff;cursor:pointer;background:#333;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700}.ava-row{gap:6px;margin-bottom:14px;display:flex}.ava-mini{color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.ava-mini.plus{color:#666;background:#ddd}.pk-panah{color:#aaa;align-self:center;font-size:18px}.hari-pola{gap:5px;margin-bottom:4px;display:flex}.hari-pola .h7{color:#999;cursor:pointer;border:1px solid #e6e6e6;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:9px 0 7px;font-size:12px;font-weight:800;display:flex}.hari-pola .h7 span{line-height:1}.hari-pola .h7 i{background:0 0;border-radius:50%;width:6px;height:6px}.hari-pola .h7 i.ada{background:#e08600}.hari-pola .h7.on{background:var(--hitam);color:var(--kuning);border-color:var(--hitam)}.hari-pola .h7.on i.ada{background:var(--kuning)}.dua-tombol{gap:8px;margin-top:6px;display:flex}.dt{text-align:center;cursor:pointer;border-radius:12px;flex:1;padding:13px;font-size:14px;font-weight:800}.dt.kun{background:var(--kuning);color:var(--hitam)}.dt.garis{border:1.5px solid var(--hitam);color:var(--hitam)}.atlet-baris{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:14px;align-items:center;gap:11px;margin-bottom:9px;padding:12px 14px;display:flex}.atlet-baris .av{color:#fff;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:20px;font-weight:800;display:grid}.atlet-baris .nm{font-size:16px;font-weight:800}.atlet-baris .kt{color:#8a8a8a;margin-top:1px;font-size:13px}.badge-grup{letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:800}.badge-grup.grup{color:#3b46c4;background:#e8ecfb}.badge-grup.indiv{color:#b6740c;background:#fff3dd}.chev{color:#ccc;flex:none;font-size:22px;font-weight:700}.anggota-baris{cursor:pointer;border:1px solid #eee;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:9px 10px;display:flex}.anggota-baris.on{border-color:var(--hitam);background:#faf6e0}.anggota-baris .nm{font-size:14px;font-weight:700}.anggota-baris .kt{color:#8a8a8a;font-size:12px}.cek-bulat{color:#fff;border:2px solid #ccc;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:grid}.anggota-baris.on .cek-bulat{background:var(--hitam);border-color:var(--hitam)}.ukur-tabel{border:1px solid #eee;border-radius:12px;overflow:hidden}.ut-head,.ut-baris{grid-template-columns:1.1fr .7fr 1fr 1fr;align-items:center;padding:10px 12px;font-size:13px;display:grid}.ut-head{color:#7a7a7a;text-transform:uppercase;letter-spacing:.02em;background:#faf7ea;font-size:11px;font-weight:700}.ut-baris{cursor:pointer;border-top:1px solid #f2f2f2}.ut-baris:active{background:#faf6e0}.ut-baris.aktif{background:#faf6e0;font-weight:600}.ut-baris span:first-child{font-weight:700}.ut-edit{background:#fbfbfb;border-top:1px solid #eee;padding:12px}.ut-tbl{gap:8px;margin-top:4px;display:flex}.ut-hapus,.ut-update{text-align:center;cursor:pointer;border-radius:11px;flex:1;padding:11px;font-size:14px;font-weight:800}.ut-hapus{color:var(--merah);background:#fde0e0}.ut-update{background:var(--kuning);color:var(--hitam)}.notif-brs{background:#fff;border:1px solid #eee;border-radius:13px;align-items:flex-start;gap:11px;margin-bottom:10px;padding:13px;display:flex}.notif-ik{border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid}.notif-ik.ijo{color:#1e7a45;background:#d6f5e2}.notif-ik.no{color:var(--merah);background:#fde0e0}.notif-ik.kun{background:var(--kuning);color:var(--hitam)}.notif-teks{flex:1;min-width:0;font-size:13.5px;line-height:1.45}.notif-tgl{color:#9a9a9a;margin-top:3px;font-size:11px}.putus-btn{color:var(--merah);cursor:pointer;white-space:nowrap;border:1px solid #f0c9c9;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:700}.kepala{position:relative}.av-pojok{color:#fff;cursor:pointer;border:2px solid #0000002e;border-radius:15px;place-items:center;width:56px;height:56px;font-size:24px;font-weight:800;display:grid;position:absolute;top:14px;right:16px}.kepala-profil{align-items:center;gap:4px;display:flex}.kembali{cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 6px 3px 0;font-size:30px;line-height:1}.kartu-profil{text-align:center;background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:6px;padding:22px 16px}.av.besar{color:#fff;border-radius:16px;place-items:center;width:64px;height:64px;margin:0 auto 10px;font-size:26px;font-weight:800;display:grid}.pf-nama{font-size:19px;font-weight:800}.pf-sub{color:#8a8a8a;margin-top:2px;font-size:13px}.isi-nav{padding-bottom:84px}.bottom-nav{z-index:30;width:100%;max-width:430px;padding:6px 2px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #ececec;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-it{color:#9a9a9a;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:5px 0;display:flex}.nav-it span{font-size:10.5px;font-weight:600}.nav-it.on{color:var(--hitam)}.nav-dot{background:var(--merah);color:#fff;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-5px;right:-9px}.kartu-hari{background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:12px;padding:14px}.kh-atas{align-items:center;gap:11px;display:flex}.kh-atas .av{color:#fff;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:grid}.kh-atas .nm{font-size:16px;font-weight:800}.kh-atas .kt{color:#8a8a8a;font-size:12px}.badge-st{letter-spacing:.03em;white-space:nowrap;border-radius:99px;padding:4px 9px;font-size:9.5px;font-weight:800}.badge-st.kun{background:var(--kuning);color:var(--hitam)}.badge-st.ijo{color:#1e7a45;background:#d6f5e2}.badge-st.abu{color:#888;background:#eee}.kh-bar{align-items:center;gap:10px;margin:12px 0 8px;display:flex}.kh-angka{min-width:44px;font-size:15px;font-weight:800}.bar-luar{background:#eee;border-radius:99px;flex:1;height:9px;overflow:hidden}.bar-dalam{background:var(--kuning);border-radius:99px;height:100%;transition:width .3s}.kh-kaki{color:#777;justify-content:space-between;font-size:12px;display:flex}.kh-kaki b{color:var(--hitam)}.jad-list{border-top:1px solid var(--garis);margin-top:10px}.jad-brs{border-bottom:1px solid #f2f2f2;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-size:14px;display:flex}.jad-brs:last-child{border-bottom:none}.jad-brs .jb-nama{color:var(--hitam);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.jad-brs b{flex:none}.jad-brs.ok .jb-nama{color:var(--hijau)}.kartu-perhatian{cursor:pointer;background:#fffdf0;border:1px solid #f2e6a8;border-radius:13px;margin-bottom:10px;padding:12px 14px;font-size:13.5px;line-height:1.45}.kartu-perhatian.abu{background:#f7f7f7;border-color:#e8e8e8}.kartu-detil{background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:12px;padding:15px}.kd-atas{align-items:center;gap:11px;margin-bottom:12px;display:flex}.kd-atas .nm{font-size:16px;font-weight:800}.kd-atas .kt{color:#8a8a8a;font-size:12px}.kd-baris{border-top:1px solid #f2f2f2;justify-content:space-between;align-items:center;padding:9px 0;font-size:13.5px;display:flex}.kd-baris span{color:#888}.kd-tombol{gap:8px;margin-top:12px;display:flex}.anak-chips{gap:8px;margin-bottom:12px;display:flex;overflow-x:auto}.anak-chips>div{cursor:pointer;background:#f0f0f0;border-radius:99px;flex:none;padding:8px 16px;font-size:13px;font-weight:700}.anak-chips>div.on{background:var(--hitam);color:var(--kuning)}.rekap-nav{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.rekap-nav>span{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f0f0f0;border-radius:10px;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.rekap-nav>span.mati{opacity:.3;pointer-events:none}.rekap-nav .rentang{align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.badge-ini{background:var(--kuning);color:var(--hitam);border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700}.rekap-angka{gap:8px;margin-bottom:14px;display:flex}.ra-k{text-align:center;background:#faf7ea;border-radius:12px;flex:1;padding:12px 6px}.ra-k .besar{font-size:24px;font-weight:800;line-height:1}.ra-k .besar span{color:#9a9a9a;font-size:14px;font-weight:700}.ra-k .ket{color:#7a7a7a;margin-top:4px;font-size:11px}.rekap-bar{align-items:flex-end;gap:6px;height:120px;display:flex}.rb-kol{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.rb-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.rb-total{background:#e8e8e8;border-radius:5px 5px 0 0;align-items:flex-end;width:70%;min-height:3px;display:flex;overflow:hidden}.rb-isi{background:var(--hitam);border-radius:5px 5px 0 0;width:100%}.rb-kol.kini .rb-isi{background:var(--kuning);outline:2px solid var(--hitam)}.rb-lbl{margin-top:5px;font-size:11px;font-weight:600}.rb-kol.kini .rb-lbl{color:var(--hitam);font-weight:800}.rb-num{color:#9a9a9a;font-size:10px}.pilih-tombol{text-align:center;color:var(--biru);cursor:pointer;border:1.5px dashed #c9c9c9;border-radius:12px;padding:13px;font-size:14px;font-weight:700}.gerakan-pil{border:1.5px solid var(--hitam);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.gerakan-pil .teks{flex:1;min-width:0}.gerakan-pil .nama{font-size:14px;font-weight:700}.gerakan-pil .dari{color:#8a8a8a;text-transform:capitalize;font-size:12px}.gerakan-pil .ganti{color:var(--biru);font-size:12px;font-weight:700}.pilih-sheet{flex-direction:column;max-height:80vh;display:flex}.pilih-sheet>.judul-kel,.pilih-sheet>.in{flex:none}.kat-chips{scrollbar-width:none;-ms-overflow-style:none;flex:none;gap:8px;margin-bottom:14px;display:flex;overflow-x:auto}.kat-chips::-webkit-scrollbar{display:none}.kat-chips>div{cursor:pointer;white-space:nowrap;background:#f0f0f0;border-radius:99px;flex:none;padding:9px 18px;font-size:14px;font-weight:600}.kat-chips>div.on{background:var(--hitam);color:var(--kuning)}.pilih-list{border-top:1px solid #f0f0f0;flex:1;margin:8px -4px 0;padding-top:4px;overflow-y:auto}.pilih-brs{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:11px 8px;display:flex}.pilih-brs:active{background:#faf6e0}.pilih-brs .teks{flex:1;min-width:0}.pilih-brs .nama{font-size:14px;font-weight:600}.pilih-brs .dari{color:#8a8a8a;text-transform:capitalize;font-size:12px}.pilih-sat{color:var(--hitam);background:var(--kuning);border-radius:99px;padding:3px 9px;font-size:12px;font-weight:700}.sheet-bg{z-index:40;background:#00000080;position:fixed;inset:0}.sheet{z-index:41;background:#fff;border-radius:22px 22px 0 0;width:100%;max-width:430px;padding:18px 18px 26px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.grip{background:#dcdcdc;border-radius:99px;width:44px;height:5px;margin:0 auto 15px}.sh-ic{border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 12px;font-size:26px;font-weight:800;display:grid}.sh-ic.ok{color:var(--hijau);background:#e8f6ee}.sh-ic.no{color:var(--merah);background:#fdeaea}.sh-tt{text-align:center;margin-bottom:6px;font-size:19px;font-weight:900}.sh-ds{text-align:center;color:var(--abu);margin-bottom:16px;font-size:14px;line-height:1.5}.sh-ds b{color:var(--hitam)}.wa{text-align:center;color:#fff;background:#25d366;border-radius:13px;padding:14px;font-size:15px;font-weight:800;text-decoration:none;display:block}.sh-tutup{text-align:center;color:#666;cursor:pointer;padding:13px;font-size:14px;font-weight:800}.av-pojok.hitam,.av.besar.hitam{background:var(--hitam);color:var(--kuning)}.dua-pilih.tiga div{flex:1}.streak-kartu{background:var(--hitam);color:#fff;border-radius:16px;align-items:center;gap:14px;margin-bottom:14px;padding:16px 18px;display:flex}.streak-kartu .sk-ikon{background:#2a2a17;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.streak-kartu .sk-besar{color:var(--kuning);font-size:28px;font-weight:800;line-height:1.05}.streak-kartu .sk-kt{color:#b9b9b9;margin-top:2px;font-size:12.5px}.panel{border:1px solid var(--garis);background:#fff;border-radius:16px;margin-bottom:14px;padding:14px}.panel-kepala{letter-spacing:.06em;color:#8a8a8a;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11.5px;font-weight:800;display:flex}.panel-kepala.solo{margin-bottom:10px;padding:0 2px}.panel-kepala .tag-nanti,.tag-nanti{background:var(--kuning);color:var(--hitam);letter-spacing:.04em;border-radius:99px;padding:3px 9px;font-size:10px;font-weight:800}.panel .rekap-bar{height:120px}.rekor-baris{border-top:1px solid #f1f1f1;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:14px;display:flex}.rekor-baris:first-of-type{border-top:none}.rekor-baris span{color:#444;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rekor-baris b{flex:none}.lencana-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lencana{text-align:center;opacity:.55;background:#f6f6f6;border-radius:12px;padding:10px 6px}.lencana.ok{opacity:1;background:#fffceb;border:1px solid #f2e3a0}.lencana .lc-i{font-size:22px}.lencana .lc-n{color:#555;margin-top:4px;font-size:10.5px;font-weight:700}.prog-atas{background:var(--hitam);border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.prog-atas .pa-num{color:#fff;flex:none;font-size:15px;font-weight:800}.prog-atas .bar-luar{background:#3a3a3a;flex:1;height:10px}.catat-btn.kun{background:var(--kuning);border-color:var(--kuning);color:var(--hitam);font-weight:700}.kal-nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kal-nav b{font-size:16px}.kal-nav span{color:#666;cursor:pointer;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.kal-hh{text-align:center;color:#aaa;grid-template-columns:repeat(7,1fr);margin-bottom:4px;font-size:11px;font-weight:700;display:grid}.kal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.kal-sel{aspect-ratio:1;cursor:pointer;color:#333;border-radius:9px;place-items:center;font-size:13px;font-weight:600;display:grid;position:relative}.kal-sel.kosong{pointer-events:none}.kal-sel.ijo{background:#d7f2e1}.kal-sel.oren{background:#ffeccc}.kal-sel.jadwal{background:#f0f0f0}.kal-sel i{background:0 0;border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px}.kal-sel.ijo i{background:var(--hijau)}.kal-sel.oren i{background:var(--jingga)}.kal-sel.jadwal i{background:#111}.kal-sel.kini{outline:2px solid var(--kuning)}.kal-sel.pilih{background:var(--hitam);color:#fff}.kal-sel.pilih i{background:#fff}.kal-legend{color:#777;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:11.5px;display:flex}.kal-legend span{align-items:center;gap:5px;display:inline-flex}.kal-legend .d{border-radius:50%;width:8px;height:8px;display:inline-block}.kal-legend .d.ijo{background:var(--hijau)}.kal-legend .d.oren{background:var(--jingga)}.kal-legend .d.jadwal{background:#111}.notif-kartu{border:1px solid var(--garis);background:#fff;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.notif-kartu .nk-av{border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.notif-kartu .nk-judul{font-size:14px;font-weight:700}.notif-kartu .nk-teks{color:#777;margin-top:2px;font-size:12.5px}.notif-kartu .nk-tgl{color:#aaa;flex:none;font-size:11px}.kun-kartu{background:#fffceb;border:1px solid #f2e3a0}.ubah-foto{color:var(--biru);border:1px solid var(--garis);cursor:pointer;border-radius:99px;margin-top:10px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.tog{cursor:pointer;background:#d5d5d5;border-radius:99px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.tog i{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.tog.on{background:var(--hijau)}.tog.on i{left:21px}.hari-bar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.hari-bar .hb-nav{color:#666;cursor:pointer;border-radius:12px;flex:none;place-items:center;width:40px;height:48px;font-size:24px;display:grid}.hari-bar .hb-nav:active{background:#eee}.hari-bar .hb-tgl{text-align:center;cursor:pointer;border:1px solid var(--garis);background:#fff;border-radius:14px;flex:1;padding:8px 10px}.hari-bar .hb-tgl b{font-size:17px;font-weight:800;display:block}.hari-bar .hb-tgl small{color:#9a9a9a;margin-top:1px;font-size:11.5px;display:block}.av{color:#fff;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:grid}.ulasan-ring{border:1px solid var(--garis);background:#fff;border-radius:14px;align-items:center;gap:14px;margin-bottom:12px;padding:14px;display:flex}.ulasan-ring .ur-angka{font-size:34px;font-weight:800;line-height:1}.ulasan-baris{border:1px solid var(--garis);background:#fff;border-radius:14px;gap:11px;margin-bottom:8px;padding:12px 14px;display:flex}.ulasan-baris .nm{margin-bottom:3px;font-size:14px;font-weight:700}.ulasan-baris .uk-komentar{color:#555;margin-top:5px;font-size:13px;line-height:1.45}.peng-baris{padding:4px 0 14px 20px;position:relative}.peng-baris:last-child{padding-bottom:2px}.peng-baris:before{content:"";background:#c9c9c9;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:4px}.peng-baris.kini:before{background:var(--hijau)}.peng-baris:after{content:"";background:#eee;width:1.5px;position:absolute;top:16px;bottom:0;left:8px}.peng-baris:last-child:after{display:none}.peng-baris .peng-tgl{color:#8a8a8a;font-size:12.5px;font-weight:600}.peng-baris.kini .peng-tgl{color:var(--hijau)}.peng-baris .peng-jd{margin-top:2px;font-size:15px;font-weight:700;line-height:1.35}.opsi-b{border:1.5px solid var(--garis);cursor:pointer;border-radius:12px;align-items:flex-start;gap:11px;margin-bottom:8px;padding:11px 12px;display:flex}.opsi-b.on{border-color:var(--hitam);background:#faf6e0}.opsi-b .opsi-radio{border:2px solid #ccc;border-radius:50%;flex:none;width:20px;height:20px;margin-top:1px;position:relative}.opsi-b.on .opsi-radio{border-color:var(--hitam)}.opsi-b.on .opsi-radio:after{content:"";background:var(--hitam);border-radius:50%;position:absolute;inset:3px}.opsi-b .opsi-l{font-size:14px;font-weight:700}.opsi-b .opsi-ket{color:#777;margin-top:2px;font-size:12px;line-height:1.4}select.in{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23888' stroke-width='2' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:34px}.hobby-box{border:1.5px solid var(--garis);background:#fff;border-radius:12px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.hobby-chip{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f0f0f0;border-radius:99px;flex:none;padding:8px 14px;font-size:13.5px;font-weight:600}.hobby-chip.on{background:var(--hitam);color:var(--kuning)}.foto-av{cursor:pointer;position:relative;overflow:visible}.foto-cam{background:var(--hitam);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid;position:absolute;bottom:-2px;right:-2px}.av-pojok{overflow:hidden}.baris2>.kolom-in,.baris2>div,.baris2 .in{min-width:0}input[type=date].in{appearance:none;width:100%;min-width:0}input[type=date].in::-webkit-date-and-time-value{text-align:left;margin:0}.app-frame.admin .bottom-nav{background:#0f0f10;border-top:1px solid #232325}.app-frame.admin .nav-it{color:#7a7a7d}.app-frame.admin .nav-it.on{color:var(--kuning)}.lbl{color:#4a4a4a;margin:14px 0 6px;font-size:12px;font-weight:800;display:block}.su-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.su-stat{background:#fff;border:1px solid #eee;border-radius:14px;padding:15px 14px}.su-stat .besar{letter-spacing:-.02em;font-size:26px;font-weight:900}.su-stat .ket{color:var(--abu);margin-top:2px;font-size:12px}.tbl-tambah{background:var(--hitam);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin:4px 0 14px;padding:12px;font-family:inherit;font-size:14px;font-weight:800}.kat-brs{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 13px;display:flex}.kat-brs.mati{opacity:.55}.kat-brs .teks{flex:1;min-width:0}.kat-brs .nama{font-size:14.5px;font-weight:700}.kat-brs .dari{color:var(--abu);text-transform:capitalize;margin-top:2px;font-size:12px}.kat-off{color:var(--merah);font-weight:700}.uk-badge{letter-spacing:.05em;border-radius:99px;flex:none;padding:4px 8px;font-size:9.5px;font-weight:800}.uk-badge.biru{color:#2b5fd0;background:#e3edff}.uk-badge.jingga{color:#c2600f;background:#ffe9d6}.uk-badge.ijo{color:#1e7a45;background:#d6f5e2}.su-aktif{color:#4a4a4a;align-items:center;gap:9px;margin-top:14px;font-size:13px;font-weight:600;display:flex}.su-aktif input{width:17px;height:17px}.su-hapus{text-align:center;color:var(--merah);cursor:pointer;margin-top:6px;padding:13px;font-size:13.5px;font-weight:800}.pg-brs{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:11px;margin-bottom:8px;padding:11px 13px;display:flex}.pg-brs .av{color:#fff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:grid}.pg-brs .nm{font-size:14.5px;font-weight:700}.pg-brs .kt{color:var(--abu);margin-top:2px;font-size:12px}.pg-brs .badge-st{flex:none}.nav-logo{background:currentColor;width:23px;height:23px;-webkit-mask:url(/logo-mark-mono.png) 50%/contain no-repeat;mask:url(/logo-mark-mono.png) 50%/contain no-repeat}.kel-mini{letter-spacing:.04em;text-transform:uppercase;color:#8a8a8a;margin:0 0 8px;font-size:11.5px;font-weight:800}.src-badge{letter-spacing:.04em;vertical-align:middle;border-radius:99px;margin-left:5px;padding:2px 6px;font-size:8.5px;font-weight:800}.src-badge.src-coach{color:#2b5fd0;background:#e3edff}.src-badge.src-ortu{color:#777;background:#eee}.src-badge.src-sendiri{background:var(--kuning);color:#111}