#dasbor-pribadi{--db-aksen:#ff1d86;--db-teks:#2b1330;--db-redup:rgba(43,19,48,.62);--db-kartu:#fff;--db-garis:rgba(43,19,48,.1);--db-chip:rgba(43,19,48,.06);margin:14px auto;max-width:1100px;padding:0 16px;box-sizing:border-box;color:var(--db-teks)}html[data-tema=gelap] #dasbor-pribadi{--db-teks:#fff7ee;--db-redup:rgba(255,247,238,.66);--db-kartu:rgba(255,255,255,.07);--db-garis:rgba(255,255,255,.14);--db-chip:rgba(255,255,255,.1)}#dasbor-pribadi[hidden]{display:none!important}#dasbor-pribadi .db-kartu{background:var(--db-kartu);border:1px solid var(--db-garis);border-radius:22px;padding:16px;box-shadow:0 8px 28px #2b133014;max-width:560px;margin:0 auto}#dasbor-pribadi .db-kepala{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#dasbor-pribadi .db-judul{margin:0;font-size:calc(17px*var(--sh,1));font-weight:800;letter-spacing:-.3px}#dasbor-pribadi .db-peran,#dasbor-pribadi .db-seg{display:inline-flex;background:var(--db-chip);border-radius:100px;padding:3px;gap:2px}#dasbor-pribadi .db-peran button,#dasbor-pribadi .db-seg button{border:0;background:transparent;color:inherit;font:700 calc(12px*var(--sh,1))/1 inherit;font-family:inherit;padding:7px 12px;border-radius:100px;cursor:pointer;opacity:.7;transition:background .2s,opacity .2s}#dasbor-pribadi .db-peran button.on,#dasbor-pribadi .db-seg button.on{background:var(--db-aksen);color:#fff;opacity:1}#dasbor-pribadi .db-bulan{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 4px;font-size:calc(13px*var(--sh,1))}#dasbor-pribadi .db-bulan button{width:32px;height:32px;border-radius:50%;border:1px solid var(--db-garis);background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer}#dasbor-pribadi .db-bulan button:disabled{opacity:.3;cursor:default}#dasbor-pribadi .db-angka{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:6px 0 10px}#dasbor-pribadi .db-lbl{font-size:calc(11px*var(--sh,1));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--db-redup)}#dasbor-pribadi .db-besar{font-size:calc(30px*var(--sh,1));font-weight:800;letter-spacing:-.8px;line-height:1.1}#dasbor-pribadi .db-banding{font-size:calc(12.5px*var(--sh,1));font-weight:700;padding:4px 10px;border-radius:100px;background:var(--db-chip);color:var(--db-redup)}#dasbor-pribadi .db-banding.db-pk.db-naik{background:#22aa5f24;color:#1a9a55}#dasbor-pribadi .db-banding.db-pk.db-turun{background:#e5484d1f;color:#d23b40}#dasbor-pribadi .db-sub{font-size:calc(11.5px*var(--sh,1));color:var(--db-redup)}#dasbor-pribadi .db-target,#dasbor-pribadi .db-grafik{border-top:1px solid var(--db-garis);padding-top:12px;margin-top:6px}#dasbor-pribadi .db-target:empty,#dasbor-pribadi .db-grafik:empty{display:none}#dasbor-pribadi .db-grafik .db-seg{margin-bottom:8px}#dasbor-pribadi .db-svg{display:block;width:100%;height:auto}#dasbor-pribadi .db-grid{stroke:var(--db-garis);stroke-width:1}#dasbor-pribadi .db-sumbu{font-size:9.5px;fill:var(--db-redup);font-family:inherit}#dasbor-pribadi .db-nilai{font-weight:700;fill:var(--db-teks)}#dasbor-pribadi .db-garis-ini{fill:none;stroke:var(--db-aksen);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}#dasbor-pribadi .db-garis-ini.db-gambar{stroke-dasharray:1;stroke-dashoffset:1;animation:dbGaris 1s ease forwards}#dasbor-pribadi .db-garis-lalu{fill:none;stroke:var(--db-redup);stroke-width:1.6;stroke-dasharray:4 4;stroke-linecap:round;opacity:.7}#dasbor-pribadi .db-titik{fill:var(--db-aksen);stroke:var(--db-kartu);stroke-width:2}#dasbor-pribadi .db-batang{fill:var(--db-aksen);opacity:.38;transform-box:fill-box;transform-origin:bottom}#dasbor-pribadi .db-batang.db-akhir{opacity:1}#dasbor-pribadi .db-batang.db-tumbuh{animation:dbTumbuh .55s cubic-bezier(.34,1.3,.5,1) both}#dasbor-pribadi .db-legenda{display:flex;justify-content:center;gap:14px;font-size:calc(11px*var(--sh,1));color:var(--db-redup);margin-top:2px}#dasbor-pribadi .db-legenda i{display:inline-block;width:14px;height:0;border-top:3px solid var(--db-aksen);margin-right:5px;vertical-align:middle;border-radius:3px}#dasbor-pribadi .db-legenda i.db-k-lalu{border-top:2px dashed var(--db-redup)}#dasbor-pribadi .db-kosong,#dasbor-pribadi .db-ket{margin:6px 0;text-align:center;font-size:calc(12.5px*var(--sh,1));color:var(--db-redup)}#dasbor-pribadi .db-ket:empty{display:none}#dasbor-pribadi .db-t-baris{display:flex;align-items:center;gap:14px}#dasbor-pribadi .db-cincin{width:96px;height:96px;flex:0 0 auto}#dasbor-pribadi .db-cincin-latar{fill:none;stroke:var(--db-chip);stroke-width:10}#dasbor-pribadi .db-cincin-isi{fill:none;stroke-width:10;stroke-linecap:round}#dasbor-pribadi .db-cincin-isi.db-isi-anim{animation:dbCincin 1s ease both}#dasbor-pribadi .db-cincin-teks{font-size:19px;font-weight:800;fill:var(--db-teks);font-family:inherit}#dasbor-pribadi .db-t-teks{display:flex;flex-direction:column;gap:3px;min-width:0}#dasbor-pribadi .db-t-teks strong{font-size:calc(15px*var(--sh,1))}#dasbor-pribadi .db-t-teks small{font-weight:600;color:var(--db-redup);font-size:calc(12px*var(--sh,1))}#dasbor-pribadi .db-semangat{margin:2px 0;font-size:calc(12.5px*var(--sh,1));line-height:1.4}#dasbor-pribadi .db-link{align-self:flex-start;border:0;background:none;color:var(--db-aksen);font:700 calc(12px*var(--sh,1))/1.2 inherit;font-family:inherit;padding:4px 0;cursor:pointer}#dasbor-pribadi .db-tombol{border:0;background:var(--db-aksen);color:#fff;font:800 calc(12.5px*var(--sh,1))/1 inherit;font-family:inherit;padding:10px 16px;border-radius:100px;cursor:pointer}#dasbor-pribadi .db-tombol:disabled,#dasbor-pribadi .db-link:disabled{opacity:.5;cursor:default}#dasbor-pribadi .db-t-kosong{display:flex;align-items:center;justify-content:space-between;gap:12px}#dasbor-pribadi .db-t-kosong p{margin:2px 0 0;font-size:calc(12px*var(--sh,1));color:var(--db-redup)}#dasbor-pribadi .db-t-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}#dasbor-pribadi .db-t-form label{font-size:calc(12px*var(--sh,1));font-weight:700}#dasbor-pribadi .db-t-form input{font:600 calc(16px*var(--sh,1))/1.2 inherit;font-family:inherit;padding:10px 12px;border-radius:12px;border:1px solid var(--db-garis);background:transparent;color:inherit;width:100%;box-sizing:border-box}#dasbor-pribadi .db-chip{display:flex;gap:6px;flex-wrap:wrap}#dasbor-pribadi .db-chip button{border:1px solid var(--db-garis);background:var(--db-chip);color:inherit;border-radius:100px;padding:6px 12px;font:700 calc(12px*var(--sh,1))/1 inherit;font-family:inherit;cursor:pointer}#dasbor-pribadi .db-salah{margin:0;color:#d23b40;font-size:calc(12px*var(--sh,1))}#dasbor-pribadi .db-t-aksi{display:flex;align-items:center;gap:14px;flex-wrap:wrap}@keyframes dbGaris{to{stroke-dashoffset:0}}@keyframes dbTumbuh{0%{transform:scaleY(0)}to{transform:none}}@keyframes dbCincin{0%{stroke-dasharray:0 var(--db-k)}}@media(prefers-reduced-motion:reduce){#dasbor-pribadi *{animation:none!important;transition:none!important}#dasbor-pribadi .db-garis-ini{stroke-dashoffset:0!important}}html.hemat-1 #dasbor-pribadi *,html.hemat-2 #dasbor-pribadi *{animation:none!important;transition:none!important}html.hemat-1 #dasbor-pribadi .db-garis-ini,html.hemat-2 #dasbor-pribadi .db-garis-ini{stroke-dashoffset:0!important}#dasbor-pribadi .db-pilih{stroke:var(--db-aksen);stroke-width:1.5;stroke-dasharray:3 3;pointer-events:none}#dasbor-pribadi .db-batang.db-dipilih{stroke:var(--db-teks);stroke-width:1.5;opacity:1}#dasbor-pribadi .db-petunjuk{margin:6px 0 0;text-align:center;font-size:calc(11px*var(--sh,1));color:var(--db-redup)}#dasbor-pribadi .db-rincian:empty,#dasbor-pribadi .db-bagikan:empty{display:none}#dasbor-pribadi .db-rincian{border-top:1px solid var(--db-garis);margin-top:10px;padding-top:10px}#dasbor-pribadi .db-r-kepala{display:flex;align-items:center;justify-content:space-between;gap:10px}#dasbor-pribadi .db-r-kepala b{font-size:calc(13.5px*var(--sh,1))}#dasbor-pribadi .db-r-total{font-size:calc(12px*var(--sh,1));color:var(--db-redup);margin:2px 0 6px}#dasbor-pribadi .db-r-daftar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto}#dasbor-pribadi .db-r-daftar li{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;background:var(--db-chip);border-radius:12px;padding:8px 10px;font-size:calc(12.5px*var(--sh,1))}#dasbor-pribadi .db-r-daftar li span{min-width:0;overflow-wrap:anywhere}#dasbor-pribadi .db-r-daftar li small{display:block;color:var(--db-redup);font-size:calc(11px*var(--sh,1))}#dasbor-pribadi .db-r-daftar li em{font-style:normal;font-weight:800;white-space:nowrap}#dasbor-pribadi .db-r-kosong{margin:6px 0;font-size:calc(12.5px*var(--sh,1));color:var(--db-redup)}#dasbor-pribadi .db-bagikan{border-top:1px solid var(--db-garis);margin-top:10px;padding-top:10px;display:flex;flex-direction:column;align-items:center;gap:8px}#dasbor-pribadi .db-b-img{width:100%;max-width:260px;border-radius:16px;box-shadow:0 8px 24px #2b133033}#dasbor-pribadi .db-b-aksi{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}@media(min-width:760px){#dasbor-pribadi .db-kartu{max-width:1100px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);column-gap:28px;align-items:start;padding:20px 24px}#dasbor-pribadi .db-kepala,#dasbor-pribadi .db-ket{grid-column:1/-1}#dasbor-pribadi .db-kiri,#dasbor-pribadi .db-kanan{min-width:0}#dasbor-pribadi .db-kanan .db-grafik{border-top:0;margin-top:0;padding-top:0}#dasbor-pribadi .db-kiri .db-bulan{margin-top:4px}#dasbor-pribadi .db-kiri .db-bagikan{align-items:stretch}#dasbor-pribadi .db-b-img{align-self:center}}