.bungkus.svelte-1ofhmy0{max-width:62rem;margin:1rem auto 3rem;padding:0 1.25rem 2rem}.tengah.svelte-1ofhmy0{text-align:center}.kecil.svelte-1ofhmy0{color:#6b7a87;font-size:.88rem}.memuat.svelte-1ofhmy0{padding:4rem 0;color:#6b7a87}.gerbang.svelte-1ofhmy0{max-width:32rem;margin:3rem auto;text-align:center;background:#fff;border-radius:1.25rem;padding:2.5rem 2rem;box-shadow:0 2px 12px #0000000f;border:1px solid #eee}.gerbang.svelte-1ofhmy0 h1:where(.svelte-1ofhmy0){color:var(--kelasia-biru-tua);font-size:1.35rem;margin:1rem 0 .5rem}.sub.svelte-1ofhmy0{color:#4a5a66;line-height:1.7}.aksi.svelte-1ofhmy0{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.tombol-utama.svelte-1ofhmy0{background:var(--kelasia-kuning);color:var(--kelasia-biru-tua);border:none;border-radius:999px;padding:.9rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.tombol-teks.svelte-1ofhmy0{color:var(--kelasia-biru-tua);font-size:.95rem}.kepala.svelte-1ofhmy0{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.kicker.svelte-1ofhmy0{margin:0;color:#6b7a87;font-size:.9rem;font-weight:600}h1.svelte-1ofhmy0{color:var(--kelasia-biru-tua);margin:.15rem 0 .5rem;font-size:1.7rem}.pemilih.svelte-1ofhmy0{border:2px solid #e0e0e0;border-radius:.75rem;padding:.5rem .75rem;font-size:.95rem;background:#fff}.contoh.svelte-1ofhmy0{background:#fff8e1;border:2px dashed #ffcc80;border-radius:1rem;padding:.7rem 1rem;font-size:.9rem;line-height:1.5;margin:0;max-width:22rem}.kartu.svelte-1ofhmy0{background:#fff;border-radius:1.1rem;padding:1.4rem 1.5rem;margin-bottom:1.25rem;box-shadow:0 2px 10px #0000000f;border:1px solid #f0f0f0}.kartu.svelte-1ofhmy0 h2:where(.svelte-1ofhmy0){margin:0 0 .75rem;font-size:1.1rem;color:var(--kelasia-biru-tua)}.kpi-grid.svelte-1ofhmy0{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.kpi.svelte-1ofhmy0{background:#fff;border-radius:1.1rem;padding:1.25rem 1rem;text-align:center;box-shadow:0 2px 10px #0000000f;border:1px solid #f0f0f0;border-top:5px solid var(--kelasia-biru)}.kpi.hijau.svelte-1ofhmy0{border-top-color:#43a047}.kpi.kuning.svelte-1ofhmy0{border-top-color:var(--kelasia-kuning)}.kpi.ungu.svelte-1ofhmy0{border-top-color:#8e24aa}.kpi.svelte-1ofhmy0 .angka:where(.svelte-1ofhmy0){font-size:2.2rem;font-weight:800;color:var(--kelasia-biru-tua);margin:0;line-height:1.2}.kpi.svelte-1ofhmy0 .label:where(.svelte-1ofhmy0){margin:.4rem 0 0;font-size:.85rem;color:#6b7a87;line-height:1.4}.baris-tingkat.svelte-1ofhmy0{display:grid;grid-template-columns:minmax(12rem,1fr) 1fr auto;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid #f3f3f3}.baris-tingkat.svelte-1ofhmy0:last-child{border-bottom:none}.tingkat-nama.svelte-1ofhmy0 strong:where(.svelte-1ofhmy0){color:var(--kelasia-biru-tua);font-size:1.05rem}.rinci-kecil.svelte-1ofhmy0{display:block;color:#6b7a87;font-size:.85rem;margin-top:.15rem}.progress-luar.svelte-1ofhmy0{height:.75rem;background:#eef2f5;border-radius:999px;overflow:hidden}.progress-dalam.svelte-1ofhmy0{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--kelasia-biru),#43a047)}.persen.svelte-1ofhmy0{font-weight:700;color:var(--kelasia-biru-tua);font-size:.95rem;white-space:nowrap}.chart.svelte-1ofhmy0{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:end;margin-top:1rem}.kolom.svelte-1ofhmy0{display:flex;flex-direction:column;align-items:center;gap:.35rem}.nilai.svelte-1ofhmy0{font-weight:800;color:var(--kelasia-biru-tua);font-size:1.05rem}.batang-luar.svelte-1ofhmy0{height:8rem;width:100%;max-width:4.5rem;display:flex;align-items:flex-end;background:#f4f7fa;border-radius:.6rem;overflow:hidden}.batang.svelte-1ofhmy0{width:100%;min-height:6%;background:linear-gradient(180deg,var(--kelasia-kuning),#f0a500);border-radius:.6rem .6rem 0 0}.label-minggu.svelte-1ofhmy0{font-size:.8rem;color:#6b7a87}.dua-kolom.svelte-1ofhmy0{display:grid;grid-template-columns:1.4fr 1fr;gap:1.25rem}@media(max-width:52rem){.dua-kolom.svelte-1ofhmy0{grid-template-columns:1fr}.kpi-grid.svelte-1ofhmy0{grid-template-columns:repeat(2,1fr)}.baris-tingkat.svelte-1ofhmy0{grid-template-columns:1fr;gap:.4rem}}.daftar-perhatian.svelte-1ofhmy0{list-style:none;margin:0;padding:0}.daftar-perhatian.svelte-1ofhmy0 li:where(.svelte-1ofhmy0){padding:.8rem 0;border-bottom:1px solid #f3f3f3}.daftar-perhatian.svelte-1ofhmy0 li:where(.svelte-1ofhmy0):last-child{border-bottom:none}.pp-nama.svelte-1ofhmy0{display:flex;align-items:center;gap:.5rem}.kelas-chip.svelte-1ofhmy0{background:#eef2f5;border-radius:999px;padding:.1rem .6rem;font-size:.75rem;color:#6b7a87}.pp-ringkasan.svelte-1ofhmy0{margin:.3rem 0 0;font-size:.9rem;color:#4a5a66}.pp-saran.svelte-1ofhmy0{margin:.35rem 0 0;font-size:.9rem;color:#2e7d32;line-height:1.5}.kartu-langganan.svelte-1ofhmy0 .tier:where(.svelte-1ofhmy0){font-size:1.4rem;font-weight:800;color:var(--kelasia-biru-tua);margin:0 0 .4rem}.badge.svelte-1ofhmy0{display:inline-block;border-radius:999px;padding:.25rem .9rem;font-size:.85rem;font-weight:700}.badge.aktif.svelte-1ofhmy0{background:#e8f5e9;color:#2e7d32}.badge.pilot.svelte-1ofhmy0{background:#e3f2fd;color:#1565c0}.badge.tenggang.svelte-1ofhmy0{background:#fff8e1;color:#b7791f;border:1px solid #ffcc80}.berlaku.svelte-1ofhmy0{margin:.8rem 0;color:#4a5a66}.peringatan-tenggang.svelte-1ofhmy0{background:#fff8e1;border:1px solid #ffcc80;border-radius:.75rem;padding:.7rem .9rem;font-size:.9rem;line-height:1.6;color:#7a5c14}.tombol.svelte-1ofhmy0{display:inline-block;margin-top:.75rem;background:var(--kelasia-biru);color:#fff;border-radius:999px;padding:.7rem 1.4rem;font-weight:700;text-decoration:none}.tautan-cepat.svelte-1ofhmy0{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:40rem){.tautan-cepat.svelte-1ofhmy0{grid-template-columns:1fr}}.tautan.svelte-1ofhmy0{display:flex;gap:.9rem;align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:1rem;padding:1.1rem 1.2rem;text-decoration:none;color:inherit;box-shadow:0 2px 8px #0000000d}.tautan.svelte-1ofhmy0:hover{border-color:var(--kelasia-kuning)}.tautan.svelte-1ofhmy0 .ikon:where(.svelte-1ofhmy0){font-size:1.6rem}.tautan.svelte-1ofhmy0 strong:where(.svelte-1ofhmy0){color:var(--kelasia-biru-tua)}@media print{.no-print.svelte-1ofhmy0{display:none!important}}