.induk input[type=date],.induk input[type=tel],.induk input[type=email],.induk input[type=text],.induk input:not([type]),.induk select,.induk textarea,.isian-cari,.filter-baris select{font:inherit;font-size:1rem;width:100%;min-width:0;padding:11px 12px;border:1px solid var(--abu);border-radius:var(--radius);background:var(--putih);color:var(--hitam)}.induk select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--abu-tua) 50%),linear-gradient(135deg,var(--abu-tua) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.induk input:focus,.induk select:focus,.induk textarea:focus,.isian-cari:focus{outline:2px solid var(--kuning-tua);outline-offset:1px;border-color:var(--kuning-tua)}.induk textarea{resize:vertical;line-height:1.5}.induk fieldset{margin:0;min-width:0}.induk fieldset:disabled{opacity:.7}.induk-form{display:flex;flex-direction:column;gap:4px}.induk-form .isian{padding:8px 0;border-top:none}.induk .isian:first-of-type{padding-top:0}.dua-kolom{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dua-kolom .isian{padding-top:8px!important}.dua-tombol{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.blok-penuh{width:100%;margin-top:8px}.judul-baris{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.judul-baris h2{margin:0}.teks-merah{color:var(--merah)}.label-kecil{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--abu-tua);margin:12px 0 6px}.lencana-tunggu{background:#fff3c4;color:#7a5a00}.lencana-sisi{margin-left:6px}.tombol-merah{background:var(--merah);border-color:var(--merah);color:var(--putih)}.tombol-aktif{background:#fff8cc;border-color:var(--kuning-tua)}.layar-lengkapi{max-width:520px;margin:0 auto;min-height:100vh;padding:20px 16px 40px}.lengkapi-kepala{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.lengkapi-kepala .logo-kecil{width:40px;height:40px;border-radius:10px}.lengkapi-kepala h1{font-size:1.35rem}.judul-langkah{display:flex;align-items:center;gap:10px;margin-bottom:12px}.judul-langkah h2{margin:0}.nomor-langkah{width:26px;height:26px;border-radius:50%;background:var(--kuning);display:grid;place-items:center;font-weight:700;font-size:.85rem}.foto-dan-panduan{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;margin-bottom:14px}.bingkai-foto{position:relative;width:120px;height:150px;border-radius:12px;overflow:hidden;background:var(--abu-muda)}.bingkai-foto img{width:100%;height:100%;object-fit:cover;display:block}.lencana-foto{position:absolute;left:6px;bottom:6px}.lipat-panduan summary{margin:0 0 6px;font-weight:600;color:var(--hitam);font-size:.9rem}.panduan-daftar{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:.82rem;line-height:1.4}.panduan-foto .teks-pelan.kecil{margin-bottom:6px}@media (max-width: 420px){.foto-dan-panduan{grid-template-columns:1fr}.bingkai-foto{margin:0 auto}}.unggah-foto{display:flex;flex-direction:column;gap:10px}.unggah-foto .dua-tombol{margin:0}.kotak-ai{border:1px dashed var(--kuning-tua);background:#fffceb;border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.kotak-ai p{margin:0}.grid-contoh{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sel-contoh{position:relative;aspect-ratio:4 / 5;border-radius:10px;overflow:hidden;background:var(--abu-muda)}.sel-contoh img{width:100%;height:100%;object-fit:cover;display:block}.sel-tambah{font:inherit;border:1.5px dashed var(--abu);background:var(--putih);color:var(--abu-tua);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.sel-tambah span:first-child{font-size:1.6rem;line-height:1}.hapus-contoh{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#29292acc;color:#fff;font-size:1rem;line-height:1;cursor:pointer}.grid-hasil{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sel-hasil{font:inherit;padding:0;border:2px solid var(--abu-muda);border-radius:12px;overflow:hidden;background:var(--putih);cursor:pointer;display:flex;flex-direction:column}.sel-hasil img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block}.sel-hasil span{padding:8px;font-weight:600;font-size:.85rem}.sel-hasil:hover,.sel-hasil:focus-visible{border-color:var(--kuning-tua)}.sibuk{animation:denyut 1.4s ease-in-out infinite}.foto-baris{display:flex;gap:14px;align-items:center}.foto-potret{width:96px;height:120px;border-radius:12px;object-fit:cover;flex-shrink:0}.foto-info{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.foto-info .tombol{margin-top:4px}.ganti-foto{margin-top:14px;padding-top:12px;border-top:1px solid var(--abu-muda);display:flex;flex-direction:column;gap:8px}.kotak-sebutan{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--radius);background:var(--hitam);color:var(--putih);margin-bottom:12px;border-left:4px solid var(--kuning)}.kotak-sebutan .teks-pelan{color:var(--abu)}.kotak-sebutan strong{font-size:1.05rem}.daftar-sertifikat{list-style:none;margin:0 0 4px;padding:0}.daftar-sertifikat li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--abu-muda)}.daftar-sertifikat li:first-child{border-top:none}.sert-kiri{display:flex;flex-direction:column;gap:2px;min-width:0}.sert-kanan{display:flex;flex-direction:column;align-items:flex-end;gap:0}.sert-kanan .tautan{padding:4px 0}.chip-st-menunggu{background:#fff3c4;color:#7a5a00}.chip-st-terverifikasi{background:#ddf3e4;color:#1e6b3a}.chip-st-ditolak{background:#fbebeb;color:var(--merah)}.kotak-form{margin-top:12px;padding:12px;border-radius:var(--radius);background:var(--latar)}.segmen{display:flex;border:1px solid var(--abu);border-radius:var(--radius);overflow:hidden;background:var(--putih)}.segmen button{flex:1;font:inherit;font-weight:600;font-size:.9rem;padding:10px 4px;border:none;border-left:1px solid var(--abu-muda);background:none;color:var(--abu-tua);cursor:pointer}.segmen button:first-child{border-left:none}.segmen button.aktif{background:var(--hitam);color:var(--putih)}.segmen button.aktif.merah{background:var(--merah)}.pilih-file{font:inherit;padding:14px;border:1.5px dashed var(--abu);border-radius:var(--radius);background:var(--putih);color:var(--abu-tua);cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-baris{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.chip-baris.rapat{margin:4px 0 0;gap:4px}.chip-pilih{background:var(--kuning)}.chip-saran{background:var(--putih);border:1px dashed var(--abu);color:var(--abu-tua);font-weight:500}.input-tombol{display:flex;gap:8px}.input-tombol input{flex:1}.saklar{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:.9rem;padding:8px 0;cursor:pointer}.saklar input{width:20px;height:20px;flex-shrink:0;margin-top:1px;accent-color:var(--hitam)}.saklar .blok{font-weight:400;margin-top:2px}.ringkas-alamat{padding:12px 14px;background:var(--latar);border-radius:var(--radius);font-size:.9rem;line-height:1.55}.tab-kelola{display:flex;gap:4px;padding:4px;background:var(--abu-muda);border-radius:999px}.tab-kelola button{flex:1;font:inherit;font-weight:600;font-size:.9rem;padding:9px 6px;border:none;border-radius:999px;background:none;color:var(--abu-tua);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.tab-kelola button.aktif{background:var(--putih);color:var(--hitam);box-shadow:0 1px 3px #0000001a}.filter-baris{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.filter-baris select{padding:9px 10px;font-size:.9rem}.daftar-orang{list-style:none;margin:0;padding:0}.daftar-orang li{border-top:1px solid var(--abu-muda)}.daftar-orang li:first-child{border-top:none}.daftar-orang button{font:inherit;color:inherit;width:100%;display:flex;gap:12px;align-items:center;padding:10px 0;background:none;border:none;text-align:left;cursor:pointer}.orang-tengah{flex:1;min-width:0;display:flex;flex-direction:column}.orang-tengah>.teks-pelan{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-peran-hr,.chip-peran-admin{background:var(--hitam);color:var(--putih)}.chip-peran-proaab{background:#fff3c4;color:#7a5a00}.chip-sert{background:var(--kuning)}.chip-tanpa{background:var(--putih);border:1px dashed var(--abu);color:var(--abu-tua)}.chip-segera{background:var(--abu-muda);color:var(--abu-tua)}.titik-angka{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--emas);color:var(--putih);font-size:.75rem;font-weight:700;display:inline-grid;place-items:center}.kecil-angka{min-width:18px;height:18px;font-size:.7rem}.kembali{align-self:flex-start;padding:0;text-decoration:none;font-weight:600}.kepala-form{display:flex;align-items:center;gap:14px}.kepala-form h2{margin:0 0 2px}.chip-cek{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--abu);font-size:.85rem;font-weight:600;cursor:pointer;background:var(--putih)}.chip-cek input{width:16px;height:16px;margin:0;accent-color:var(--hitam)}.chip-cek.aktif{background:#fff8cc;border-color:var(--kuning-tua)}.chip-cek.terkunci{opacity:.5;cursor:not-allowed}.kotak-bio{margin-top:8px;padding:12px;border-radius:var(--radius);background:var(--latar)}.kotak-bio .judul-baris{margin-bottom:6px}.tombol-lengket{position:sticky;bottom:72px;box-shadow:0 4px 14px #0000002e}.daftar-verif{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.kartu-verif{background:var(--putih);border:1px solid var(--abu-muda);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:4px}.verif-kepala{display:flex;gap:12px;align-items:center;margin-bottom:8px}.jenis-besar{min-width:52px;height:52px;border-radius:12px;background:var(--hitam);color:var(--kuning);font-weight:800;display:grid;place-items:center;font-size:.95rem}.pratinjau-sert{width:100%;max-height:220px;object-fit:contain;background:var(--latar);border-radius:10px;cursor:zoom-in;margin-bottom:4px}.kosong{text-align:center;padding:28px 16px}.kartu-segera{opacity:.85}.kartu-segera .judul-baris{margin-bottom:6px}.induk .lencana{white-space:nowrap;display:inline-block}.dua-kolom>*{min-width:0}.induk input[type=date]{display:block;max-width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:46px}.dua-kolom input[type=date]{font-size:.9rem;padding:11px 8px}.tumbuh{display:grid;gap:16px;max-width:760px;margin:0 auto}.tumbuh textarea{width:100%;box-sizing:border-box}.tumbuh-teks{white-space:pre-wrap;line-height:1.55}.tumbuh-insight{background:#fff6cc}.tumbuh-daftar{list-style:none;margin:0;padding:0;display:grid;gap:14px}.tumbuh-daftar li{border-top:1px solid var(--abu-muda);padding-top:10px}.tumbuh-daftar li:first-child{border-top:0;padding-top:0}.nilai-grid{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.nilai-chip{display:inline-flex;border:1px solid var(--abu-muda);border-radius:999px;background:var(--putih);overflow:hidden}.nilai-chip.aktif{background:var(--kuning);border-color:var(--hitam)}.nilai-nama{font:inherit;font-size:.9rem;padding:8px 6px 8px 14px;border:0;background:transparent;cursor:pointer}.nilai-chip.aktif .nilai-nama{font-weight:700}.nilai-tanya{font:inherit;font-size:.78rem;width:34px;border:0;border-left:1px solid var(--abu-muda);background:transparent;cursor:pointer;color:var(--abu-tua)}.nilai-tanya.aktif{background:var(--hitam);color:var(--putih)}.nilai-arti{position:sticky;top:0;z-index:2;display:grid;gap:2px;background:var(--hitam);color:var(--putih);padding:10px 14px;border-radius:12px;margin:10px 0}.nilai-arti span{font-size:.92rem;line-height:1.45}.nilai-kartu{background:#fff6cc;border-radius:14px;padding:14px 16px;margin:12px 0}.nilai-kartu ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}.nilai-kartu li{display:grid;gap:2px}.nilai-kartu li span{font-size:.92rem}.nilai-kartu h3{margin:2px 0 6px}.disc-soal{border:1px solid var(--abu-muda);border-radius:12px;margin:10px 0;padding:10px 14px;display:grid;gap:6px}.disc-soal legend{font-weight:600;padding:0 6px}.disc-soal label{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:8px;cursor:pointer}.disc-soal label.aktif{background:var(--kuning)}.disc-bar{display:grid;gap:6px;margin:12px 0}.disc-bar div{display:grid;grid-template-columns:20px 1fr 24px;align-items:center;gap:8px}.disc-bar i{display:block;height:10px;background:var(--kuning);border:1px solid var(--hitam);border-radius:6px;min-width:2px}.tujuan-form{display:grid;gap:10px;margin-top:8px}.tujuan-form label{display:grid;gap:4px;font-size:.9rem}.tujuan-form input{font:inherit;padding:8px 10px;border:1px solid var(--abu-muda);border-radius:10px;box-sizing:border-box;width:100%}.crm-atas{display:flex;flex-direction:column;gap:10px}.crm-segmen{display:flex;background:var(--abu-muda);border-radius:999px;padding:4px;gap:2px}.crm-segmen button{flex:1;font:inherit;font-size:.85rem;font-weight:600;padding:8px 4px;border:none;border-radius:999px;background:none;color:var(--abu-tua);cursor:pointer}.crm-segmen button.aktif{background:var(--putih);color:var(--hitam);box-shadow:0 1px 3px #0000001f}.crm-aksi{display:flex;gap:8px}.crm-aksi .tombol{flex:1;text-align:center}.crm-a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.crm-tekan{background:var(--kuning)}.crm-tombol-baris{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.crm-anggota-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius);background:var(--hitam);color:var(--putih)}.crm-anggota-bar .kecil{color:var(--kuning);font-weight:600}.crm-anggota-bar .tombol{background:var(--putih)}.crm-big{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.crm-big-item{font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 2px;border:1px solid var(--abu-muda);border-radius:10px;background:var(--latar);cursor:pointer;color:inherit;min-width:0}.crm-big-item strong{font-size:1.45rem;line-height:1.1}.crm-big-item span{font-size:.68rem;color:var(--abu-tua);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.crm-big-item.aktif{border-color:var(--hitam);background:#fff8cc}.crm-big-klien{background:var(--kuning);border-color:var(--kuning);grid-column:span 2}.crm-big-klien span{color:var(--hitam);font-weight:600}.crm-drill{margin-top:12px;padding-top:10px;border-top:1px dashed var(--abu)}.crm-drill-daftar{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}.crm-drill-daftar li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--abu-muda)}.crm-drill-daftar li:first-child{border-top:none}.crm-drill-daftar .crm-tahap{max-width:58%;flex-shrink:0}.crm-link{font:inherit;background:none;border:none;padding:0;color:var(--hitam);font-weight:600;text-align:left;cursor:pointer}.crm-hasil{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6px;margin-bottom:12px}.crm-ape{background:var(--hitam);color:var(--putih);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column}.crm-ape .teks-pelan{color:var(--abu)}.crm-ape strong{font-size:1.35rem;color:var(--kuning)}.crm-mini{background:var(--latar);border:1px solid var(--abu-muda);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px}.crm-mini strong{font-size:1.3rem}.crm-mini span{font-size:.72rem;color:var(--abu-tua)}.crm-donat{display:flex;align-items:center;gap:16px}.crm-donat svg{flex-shrink:0}.crm-donat-angka{font:700 20px Open Sans,sans-serif;fill:var(--hitam)}.crm-donat-label{font:400 9px Open Sans,sans-serif;fill:var(--abu-tua)}.crm-legenda{list-style:none;margin:0;padding:0;flex:1;font-size:.85rem}.crm-legenda li{display:flex;align-items:center;gap:8px;padding:4px 0}.crm-legenda strong{margin-left:auto}.crm-kotak-warna{width:12px;height:12px;border-radius:3px;flex-shrink:0}.crm-bar-daftar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.crm-bar-label{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;margin-bottom:4px}.crm-bar{height:10px;border-radius:999px;background:var(--abu-muda);overflow:hidden}.crm-bar span{display:block;height:100%;background:var(--emas);border-radius:999px}.crm-bar-tipis{height:8px}.crm-bar-tipis span{background:var(--hitam)}.crm-bar-total{padding-top:10px;border-top:1px solid var(--abu-muda)}.crm-klien-kecil{font-weight:400;color:var(--abu-tua)}.crm-rincian summary{margin:0;font-weight:600;color:var(--hitam)}.crm-saring{display:flex;gap:8px;align-items:center}.crm-saring .isian-cari{margin:0;flex:1;min-width:0}.crm-saring .crm-select{width:42%}.crm-select,.crm-tanggal{font:inherit;font-size:.95rem;padding:10px 12px;border:1px solid var(--abu);border-radius:var(--radius);background:var(--putih);color:var(--hitam);min-width:0}.crm-select:disabled,.crm-tanggal:disabled{background:var(--latar);color:var(--hitam);opacity:1}.crm-daftar{list-style:none;margin:4px 0 0;padding:0}.crm-daftar li{border-top:1px solid var(--abu-muda)}.crm-daftar li:first-child{border-top:none}.crm-baris{font:inherit;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;background:none;border:none;color:inherit;cursor:pointer;text-align:left}.crm-baris-kiri{min-width:0;flex:1}.crm-baris-kanan{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;max-width:46%}.crm-tahap{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--abu-muda);text-align:right;line-height:1.3;display:inline-block}.crm-tahap-klien{background:var(--kuning)}.crm-tahap-nurture{background:#e3ecfa;color:#1f4e8c}.crm-tahap-arsip{background:var(--hitam);color:var(--putih)}.crm-op{font-size:.72rem;font-weight:700;color:var(--emas)}.crm-fu{display:inline-block;margin-top:4px;font-size:.72rem;font-weight:600;background:#fff8cc;padding:2px 8px;border-radius:999px}.crm-kosong{text-align:center;padding:16px 0;display:flex;flex-direction:column;gap:8px;align-items:center}.crm-geser{margin:0 0 6px}.crm-kanban{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 16px 12px;margin:0 -16px;-webkit-overflow-scrolling:touch}.crm-kolom{flex:0 0 72%;max-width:260px;scroll-snap-align:start;background:var(--abu-muda);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px;align-self:flex-start}.crm-kolom header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:.82rem;font-weight:700;min-height:2.4em}.crm-kolom header strong{background:var(--putih);border-radius:999px;padding:1px 8px;font-size:.78rem}.crm-kolom ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.crm-kolom-klien{background:#fff1a6}.crm-kolom-lipat{flex-basis:46%;background:#dcdcdc}.crm-kolom-lipat.buka{flex-basis:72%}.crm-kolom-kosong{font-size:.8rem;color:var(--abu-tua);text-align:center;margin:8px 0}.crm-kanban-kartu{background:var(--putih);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px #00000014}.crm-kanban-kartu .crm-tahap{align-self:flex-start;text-align:left}.crm-kanban-nama{font-size:.92rem}.crm-ape-kecil{font-size:.75rem;font-weight:700;color:var(--emas)}.crm-pindah{font:inherit;font-size:.8rem;margin-top:4px;padding:6px 8px;border:1px solid var(--abu);border-radius:8px;background:var(--latar);color:var(--hitam);width:100%}.crm-ringkas li{display:flex;justify-content:space-between;font-size:.8rem;background:#fff9;padding:6px 8px;border-radius:8px}.crm-form{display:flex;flex-direction:column}.crm-form .isian{border-top:none;padding:8px 0}.crm-form .isian input,.crm-form .isian textarea,.crm-form .crm-select{width:100%}.crm-form .isian input:disabled,.crm-form .isian textarea:disabled{background:var(--latar);color:var(--hitam)}.crm-form-kepala{display:flex;justify-content:space-between;align-items:center;gap:8px}.crm-form-kepala h2{margin:0}.crm-form-tombol{display:flex;flex-direction:column;gap:4px;margin-top:12px}.crm-hapus{color:var(--merah)}.crm-chips{display:flex;flex-wrap:wrap;gap:6px}.crm-chip{font:inherit;font-size:.82rem;padding:7px 12px;border-radius:999px;border:1px solid var(--abu);background:var(--putih);color:var(--hitam);cursor:pointer}.crm-chip.aktif{background:var(--hitam);border-color:var(--hitam);color:var(--putih)}.crm-chip:disabled{cursor:default}.crm-chip:disabled:not(.aktif){opacity:.5}.crm-chips-filter{margin:4px 0 8px}.crm-chips-filter .crm-chip{padding:5px 10px;font-size:.78rem}.crm-skala{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.crm-skala-n{font:inherit;font-size:.85rem;font-weight:600;padding:8px 0;border:1px solid var(--abu);border-radius:8px;background:var(--putih);color:var(--hitam);cursor:pointer}.crm-skala-n.aktif{background:var(--kuning);border-color:var(--kuning-tua)}.crm-tolani{background:#fff8cc;border:1px solid var(--kuning);border-radius:var(--radius);padding:12px 14px;margin:4px 0 8px}.crm-tolani-kepala{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:.85rem}.crm-tolani-kepala strong{font-size:1rem}.crm-tolani-angka{list-style:none;margin:0 0 8px;padding:0}.crm-tolani-angka li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid rgba(208,150,25,.3);font-size:.88rem}.crm-disclaimer{font-size:.75rem;color:var(--abu-tua);margin:0;line-height:1.45}.crm-impor{margin-top:12px;padding:12px;background:var(--latar);border-radius:var(--radius)}.crm-catatan-impor{margin:6px 0;padding-left:18px}.crm-status{font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;flex-shrink:0}.crm-status-belum{background:var(--abu-muda);color:var(--abu-tua)}.crm-status-jalan{background:#e3ecfa;color:#1f4e8c}.crm-status-klien{background:var(--kuning);color:var(--hitam)}.notif-daftar{list-style:none;margin:8px 0 0;padding:0}.notif-daftar li{border-top:1px solid var(--abu-muda)}.notif-daftar li:first-child{border-top:none}.notif{font:inherit;width:100%;display:flex;gap:10px;align-items:flex-start;padding:12px 4px;background:none;border:none;color:inherit;text-align:left;cursor:pointer;border-radius:8px}.notif-baru{background:#fffbe0}.notif-isi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif-isi strong{font-size:.92rem}.notif:not(.notif-baru) .notif-isi strong{font-weight:600;color:var(--abu-tua)}.notif-jenis{flex-shrink:0;width:76px;font-size:.68rem;font-weight:700;text-align:center;padding:4px 0;border-radius:6px;background:var(--abu-muda)}.notif-follow_up{background:var(--hitam);color:var(--kuning)}.notif-follow_up_manual{background:var(--kuning)}.notif-absensi{background:#e3ecfa;color:#1f4e8c}.notif-ulang_tahun{background:#fbebeb;color:var(--merah)}.notif-titik{width:9px;height:9px;border-radius:50%;background:var(--merah);flex-shrink:0;margin-top:6px}.crm-kanban-kartu.bisa-seret{cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-x pan-y}.crm-kanban-kartu.diseret{opacity:.35}.crm-kolom.crm-drop{outline:2px dashed var(--hitam);background:#fff8cc}.crm-melayang{position:fixed;z-index:80;pointer-events:none;background:var(--hitam);color:var(--putih);padding:8px 12px;border-radius:10px;font-size:.85rem;font-weight:600;box-shadow:0 6px 18px #00000040;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-zona-lipat{display:flex;flex-direction:column;gap:8px}.crm-zona{display:flex;justify-content:space-between;gap:8px;padding:18px 10px;border:2px dashed var(--abu);border-radius:10px;background:var(--putih);font-size:.8rem;font-weight:600}.crm-zona.crm-drop{border-color:var(--hitam);background:#fff8cc}.crm-zona-tutup{opacity:.4}.crm-produk-pilih{border:1px solid var(--abu);border-radius:var(--radius);padding:8px 12px;background:var(--putih)}.crm-produk-pilih summary{cursor:pointer;font-weight:600}.crm-produk-pilih ul{list-style:none;margin:8px 0 0;padding:0;max-height:260px;overflow-y:auto}.crm-produk-pilih li{padding:4px 0}.crm-kanban.sedang-seret{scroll-snap-type:none;scroll-behavior:auto}.tabel-ape{width:100%;border-collapse:collapse;font-size:.9rem}.tabel-ape th{text-align:right;font-weight:600;padding:6px 8px;white-space:nowrap}.tabel-ape th:first-child,.tabel-ape td:first-child{text-align:left}.tabel-ape td{text-align:right;padding:8px;border-top:1px solid var(--garis, #e5e5e5);white-space:nowrap}.tabel-ape tbody tr{cursor:pointer}.tabel-ape tbody tr.aktif{background:#7878781f}.crm-lihat-klien{display:block;margin:8px auto 4px}.pr-atas{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.pr-segmen{display:flex;background:var(--abu-muda);border-radius:999px;padding:4px;gap:2px}.pr-segmen button{flex:1;font:inherit;font-size:.85rem;font-weight:600;padding:8px 4px;border:none;border-radius:999px;background:none;color:var(--abu-tua);cursor:pointer}.pr-segmen button.aktif{background:var(--putih);color:var(--hitam);box-shadow:0 1px 3px #0000001f}.pr-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.pr-chips::-webkit-scrollbar{display:none}.pr-chip{flex:0 0 auto;font:inherit;font-size:.8rem;font-weight:600;padding:6px 12px;border:1px solid var(--abu);border-radius:999px;background:var(--putih);color:var(--abu-tua);cursor:pointer;white-space:nowrap}.pr-chip.aktif{background:var(--hitam);border-color:var(--hitam);color:var(--putih)}.pr-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 760px){.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.pr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pr-kartu{display:flex;flex-direction:column;gap:8px}.pr-kepala{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.pr-kepala h3{margin:0;font-size:1rem;line-height:1.25}.pr-bintang{font:inherit;font-size:1.3rem;line-height:1;background:none;border:none;cursor:pointer;color:var(--abu);padding:2px 4px}.pr-bintang.on{color:var(--kuning-tua)}.pr-lencana{display:flex;flex-wrap:wrap;gap:6px}.pr-lencana span{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--abu-muda);color:var(--abu-tua)}.pr-lencana .syariah{background:#e3f3e6;color:#1f6b31}.pr-lencana .usd{background:#e5eefb;color:#1f4e96}.pr-ringkas{font-size:.88rem;color:var(--abu-tua);margin:0}.pr-aksi{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.pr-aksi .tombol{padding:8px 6px;font-size:.85rem;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.pr-aksi .kalku{grid-column:1 / -1;background:var(--kuning);border-color:var(--kuning);font-weight:700}.pr-aksi .mati{opacity:.4;pointer-events:none}.pr-rusak{color:var(--merah);font-size:.78rem;font-weight:600}.pr-layar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--latar);display:flex;flex-direction:column}.pr-layar.kalku{z-index:60}.pr-layar-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--putih);border-bottom:1px solid var(--abu-muda);flex-wrap:wrap}.pr-layar-bar h2{margin:0;font-size:.95rem;flex:1;min-width:120px}.pr-layar-bar .tombol{padding:7px 12px;font-size:.85rem}.pr-layar iframe{flex:1;width:100%;border:0;background:var(--latar)}.pr-sheet-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#29292a80;display:flex;align-items:flex-end;justify-content:center}.pr-sheet{background:var(--latar);width:100%;max-width:760px;max-height:88vh;overflow-y:auto;border-radius:16px 16px 0 0;padding:14px 14px 24px}@media (min-width: 760px){.pr-sheet-latar{align-items:center}.pr-sheet{border-radius:16px}}.pr-sheet-kepala{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pr-sheet-kepala h3{margin:0}.bp-level{display:grid;gap:10px;grid-template-columns:1fr}@media (min-width: 760px){.bp-level{grid-template-columns:repeat(3,1fr)}}.bp-level .kartu{display:flex;flex-direction:column;gap:6px}.bp-level .terkunci{opacity:.55}.bp-tersimpan{list-style:none;margin:0;padding:0}.bp-tersimpan li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--abu-muda)}.bp-tersimpan li:first-child{border-top:none}.pa-form{display:grid;gap:8px}.pa-form label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;font-weight:600}.pa-form textarea{font:inherit;padding:10px 12px;border:1px solid var(--abu);border-radius:var(--radius);min-height:90px}.pa-status{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.pa-status div{background:var(--latar);border:1px solid var(--abu-muda);border-radius:10px;padding:8px 2px}.pa-status strong{display:block;font-size:1.3rem}.pa-status span{font-size:.7rem;color:var(--abu-tua)}.pr-ringkas{white-space:pre-line}.promosi{display:grid;gap:16px;max-width:900px;margin:0 auto}.promosi-target{display:flex;gap:8px;margin:12px 0}.promosi-wrap{overflow-x:auto}.promosi-tabel{width:100%;border-collapse:collapse;font-size:.92rem}.promosi-tabel th,.promosi-tabel td{padding:8px;border-top:1px solid var(--abu-muda);text-align:right;white-space:nowrap}.promosi-tabel th:first-child,.promosi-tabel td:first-child{text-align:left;white-space:normal;min-width:180px}.promosi-tabel thead th{border-top:0;font-weight:600}.promosi-tabel tfoot th{background:#fff6cc;border-top:2px solid var(--hitam)}.promosi-kurang{color:#b42318;font-weight:600}.promosi-isian{width:140px;text-align:right;font:inherit;padding:6px 8px;border:1px solid var(--abu-muda);border-radius:8px}.promosi-tambah{margin-top:14px;display:grid;gap:6px}.promosi-tambah div{display:flex;gap:8px}.promosi-tambah input{flex:1;max-width:220px}.pantau-tabel{margin-top:10px}.jendela-latar{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.jendela{width:min(900px,100%);max-height:90vh;overflow:auto}.promosi-tanda{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.ubin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 900px){.ubin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ubin{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--putih);border:1px solid var(--abu-muda);border-radius:var(--radius);padding:14px;font:inherit;color:inherit}.ubin-klik{cursor:pointer;transition:border-color .15s,transform .15s}.ubin-klik:hover{border-color:var(--kuning-tua);transform:translateY(-1px)}.ubin-label{font-size:.78rem;color:var(--abu-tua)}.ubin-nilai{font-size:1.45rem;line-height:1.15}.ubin-nilai.baik{color:#1e6b3a}.ubin-nilai.awas,.pantau-angka b.awas{color:var(--merah)}.ubin-ket{font-size:.78rem;color:var(--abu-tua)}.sesi-beranda{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sesi-beranda h2{margin:2px 0 4px;font-size:1.1rem}.sesi-beranda p{margin:0}.sesi-mendesak{border-left:4px solid var(--kuning);background:#fffbe0}.grafik{display:flex;align-items:flex-end;gap:6px;height:120px;margin:12px 0 8px}.grafik-kolom{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;font-size:.68rem;color:var(--abu-tua)}.grafik-batang{width:100%;max-width:28px;background:var(--kuning);border-radius:4px 4px 0 0}.pantau-daftar{display:grid;gap:8px;margin:10px 0}.pantau-kartu{border:1px solid var(--abu-muda);border-radius:10px;padding:12px}.pantau-kepala{display:flex;justify-content:space-between;align-items:center;gap:8px}.pantau-angka{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;font-size:.82rem;color:var(--abu-tua)}.pantau-angka b{color:var(--hitam);font-size:1rem}.pantau-tambah{margin:10px 0}.pantau-tambah input{width:100%;padding:10px 12px;border:1px solid var(--abu);border-radius:10px;font:inherit}.pantau-tambah ul{list-style:none;margin:6px 0 0;padding:0}.pantau-tambah li{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;border-bottom:1px solid var(--abu-muda)}.banner-push{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff6cc;border:1px solid #F0D96B;border-radius:12px;padding:10px 14px;font-size:.92rem;line-height:1.4}.banner-push strong{font-weight:700}.pantau-buka{all:unset;cursor:pointer;display:grid;gap:2px}.pantau-buka:hover strong,.pantau-buka:focus-visible strong{text-decoration:underline}.pantau-kartu{cursor:default}.ovt-tab{display:flex;gap:4px;background:var(--abu-muda);padding:4px;border-radius:999px}.ovt-tab button{flex:1;font:inherit;font-size:.85rem;font-weight:600;padding:8px 6px;border:none;border-radius:999px;background:none;color:var(--abu-tua);cursor:pointer}.ovt-tab button.aktif{background:var(--putih);color:var(--hitam);box-shadow:0 1px 3px #0000001f}.kartu.ovt-hero,.ovt-hero{background:var(--hitam);color:var(--putih);border-color:var(--hitam)}.ovt-hero .teks-pelan{color:var(--abu)}.ovt-angka{font-size:2rem;font-weight:700;line-height:1}.ovt-angka small{font-size:1rem;font-weight:600;color:var(--abu)}.ovt-bar{height:8px;background:#ffffff2e;border-radius:999px;overflow:hidden;margin:10px 0 8px}.kartu .ovt-bar{background:var(--abu-muda)}.ovt-bar span{display:block;height:100%;background:var(--kuning);border-radius:999px;transition:width .4s}.ovt-jatah{display:flex;gap:6px;align-items:center;font-size:.85rem}.ovt-titik{flex:none;width:12px;height:12px;border-radius:50%;border:2px solid var(--kuning)}.ovt-titik.penuh{background:var(--kuning)}.ovt-lapis{margin:4px 0 6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--emas)}.ovt-daftar{list-style:none;margin:0;padding:0}.ovt-daftar li+li{border-top:1px solid var(--abu-muda)}.ovt-baris{font:inherit;width:100%;display:flex;align-items:center;gap:12px;padding:10px 0;background:none;border:none;text-align:left;color:inherit;cursor:pointer}.ovt-baris:disabled{cursor:default}.ovt-no{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:.85rem;background:var(--abu-muda);color:var(--abu-tua)}.ovt-no.selesai{background:var(--hitam);color:var(--kuning)}.ovt-no.siap,.ovt-no.refleksi{background:var(--kuning);color:var(--hitam)}.ovt-judul{flex:1;min-width:0}.ovt-judul strong{display:block;font-size:.95rem;line-height:1.3}.ovt-judul span{font-size:.78rem;color:var(--abu-tua)}.ovt-baris.terkunci .ovt-judul strong{color:var(--abu-tua);font-weight:600}.chip-selesai{background:#ddf3e4;color:#1e6b3a}.chip-refleksi{background:#fff589}.chip-siap{background:var(--hitam);color:var(--kuning)}.chip-besok{background:#e3ecfa;color:#1f4e8c}.chip-terkunci{background:var(--abu-muda);color:var(--abu-tua)}.ovt-kembali{font:inherit;font-weight:600;background:none;border:none;padding:4px 0;color:var(--abu-tua);cursor:pointer;align-self:flex-start}.ovt-video{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius);overflow:hidden}.ovt-video>div,.ovt-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.ovt-materi{display:flex;gap:12px;align-items:center;padding:14px;border-radius:var(--radius);background:#fff8cc;border:1px solid var(--kuning)}.ovt-materi .ikon{font-size:1.6rem}.tombol-blok{display:block;width:100%;text-align:center;text-decoration:none}.ovt-soal{border-top:1px solid var(--abu-muda);padding:14px 0 6px}.ovt-soal:first-of-type{border-top:none;padding-top:0}.ovt-soal p{font-weight:600}.ovt-opsi{display:flex;flex-direction:column;gap:6px}.ovt-opsi label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--abu-muda);border-radius:10px;font-weight:400;font-size:.92rem;line-height:1.45;cursor:pointer}.ovt-opsi label.pilih{border-color:var(--hitam);background:#fffbe0}.ovt-opsi input{margin-top:3px;accent-color:var(--hitam);flex-shrink:0}.ovt-opsi .benar{border-color:#2e9b55;background:#eaf7ee}.ovt-opsi .salah{border-color:var(--merah);background:#fbebeb}.ovt-pembahasan{font-size:.88rem;background:var(--latar);border-radius:10px;padding:10px 12px;margin:8px 0 0}.ovt-skor{display:flex;align-items:baseline;gap:8px}.ovt-skor strong{font-size:2.4rem;line-height:1}.ovt-nomor{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.ovt-nomor span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:.85rem}.ovt-nomor .ya{background:#ddf3e4;color:#1e6b3a}.ovt-nomor .tidak{background:#fbebeb;color:var(--merah)}.ovt-refleksi textarea,.ovt-isian textarea,.ovt-isian input,.ovt-isian select{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--abu);border-radius:var(--radius);background:var(--putih);resize:vertical}.ovt-refleksi textarea:focus,.ovt-isian textarea:focus,.ovt-isian input:focus,.ovt-isian select:focus{outline:2px solid var(--kuning-tua);outline-offset:1px}.ovt-q{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.ovt-q-khusus{background:#fff8cc;padding:10px;border-radius:var(--radius)}.ovt-q-khusus .label{align-self:flex-start}.ovt-jawaban{white-space:pre-line;background:var(--latar);border-radius:10px;padding:10px 12px;font-size:.92rem;margin:0}.ovt-tombol-baris{display:flex;gap:8px;flex-wrap:wrap}.ovt-tombol-baris .tombol{flex:1}.ovt-komentar{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:8px}.ovt-komentar li{padding:10px 12px;border-radius:12px;background:var(--latar);font-size:.92rem}.ovt-komentar li.ai{background:#fff8cc;border:1px solid var(--kuning)}.ovt-komentar li.saya{background:#f1f1ee}.ovt-komentar .siapa{display:flex;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--abu-tua);margin-bottom:4px}.ovt-komentar .siapa strong{color:var(--hitam)}.ovt-komentar p{white-space:pre-line;margin:0}.ovt-anggota-bar{width:72px;height:6px;background:var(--abu-muda);border-radius:999px;overflow:hidden}.ovt-anggota-bar span{display:block;height:100%;background:var(--emas)}.ovt-chip-baris{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.lencana-kuning{background:#fff589;color:var(--hitam)}.ovt-isian{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.ovt-isian.ovt-opsi-admin{display:flex;flex-direction:row;gap:8px;align-items:center}.ovt-isian.ovt-opsi-admin input[type=radio]{width:20px;height:20px;padding:0;accent-color:var(--hitam);flex-shrink:0}.ovt-soal-admin{border-top:1px solid var(--abu-muda);padding:10px 0;font-size:.9rem}.ovt-soal-admin ol{margin:6px 0;padding-left:20px}.ovt-soal-admin li.kunci{font-weight:700}.ovt-kode{font-family:Courier New,monospace;font-size:.78rem;background:var(--latar);padding:8px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.am-pilihan{display:grid;grid-template-columns:1fr 1fr;gap:8px}.am-pilihan button{font:inherit;font-size:.9rem;text-align:left;padding:12px;border-radius:12px;border:1px solid var(--abu-muda);background:var(--putih);cursor:pointer;color:inherit;line-height:1.35}.am-pilihan button.pilih{border-color:var(--hitam);background:#fffbe0;box-shadow:inset 0 0 0 1px var(--hitam)}.am-pilihan button small{display:block;color:var(--abu-tua);font-size:.78rem;margin-top:2px}.am-pertanyaan{margin-bottom:16px}.am-pertanyaan p{font-weight:600}.am-tahap{display:grid;grid-template-columns:1fr 1fr;gap:8px}.am-tahap button{font:inherit;text-align:left;padding:12px;border-radius:12px;border:1px solid var(--abu-muda);background:var(--putih);cursor:pointer;color:inherit;display:flex;flex-direction:column;gap:2px}.am-tahap button b{font-size:.75rem;color:var(--emas)}.am-tahap button span{font-weight:600;font-size:.9rem;line-height:1.3}.am-tahap button:disabled{opacity:.5}.am-chat{display:flex;flex-direction:column;gap:8px}.am-gelembung{max-width:86%;padding:10px 12px;border-radius:14px;font-size:.93rem;line-height:1.5;white-space:pre-line}.am-gelembung.ai{align-self:flex-start;background:var(--putih);border:1px solid var(--abu-muda);border-bottom-left-radius:4px}.am-gelembung.agen{align-self:flex-end;background:var(--hitam);color:var(--putih);border-bottom-right-radius:4px}.am-skenario{background:#fff8cc;border:1px dashed var(--emas);border-radius:12px;padding:10px 12px;font-size:.88rem;white-space:pre-line}.am-skenario b{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--emas);margin-bottom:2px}.am-ketik{position:sticky;bottom:64px;display:flex;gap:8px;align-items:flex-end;background:var(--latar);padding:8px 0}.am-ketik textarea{flex:1;font:inherit;padding:10px 12px;border:1px solid var(--abu);border-radius:18px;resize:none;max-height:140px;background:var(--putih)}.am-ketik .tombol{border-radius:18px}.am-mengetik{align-self:flex-start;color:var(--abu-tua);font-size:.85rem;padding:4px 12px}.am-umpan{white-space:pre-line;font-size:.92rem;line-height:1.55}.am-riwayat{list-style:none;margin:0;padding:0}.am-riwayat li+li{border-top:1px solid var(--abu-muda)}.am-riwayat button{font:inherit;width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;background:none;border:none;text-align:left;cursor:pointer;color:inherit}.am-kuota{margin-top:10px;color:var(--kuning)}.am-kuota strong{font-size:1.05rem}.form select{font:inherit;padding:12px 14px;border:1px solid var(--abu);border-radius:var(--radius);background:var(--putih)}.ovt-kartu-atas{display:flex;justify-content:space-between;align-items:center}.ovt-kartu-label{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;background:#fff8cc;border:1px solid var(--kuning)}.ovt-kartu-bar{height:6px;border-radius:999px;background:var(--abu-muda);overflow:hidden}.ovt-kartu-bar span{display:block;height:100%;background:var(--kuning);transition:width .25s}.ovt-kartu-teks{font-size:1rem;line-height:1.6;margin:0}.ovt-kartu-poin{margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.55}.ovt-kartu-situasi{padding:10px 12px;border-radius:var(--radius);background:#f4f4f4;font-size:.93rem;line-height:1.5}.ovt-kartu-penjelasan{white-space:pre-line}.ovt-opsi{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;padding:11px 12px;border-radius:var(--radius);border:1px solid var(--abu-muda);background:var(--putih);font:inherit;cursor:pointer;line-height:1.45}.ovt-opsi b{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f0f0f0;font-size:.8rem}.ovt-opsi:hover:not(:disabled){border-color:#999}.ovt-opsi.benar{background:#e6f6e9;border-color:#4caf50}.ovt-opsi.salah{background:#fdecec;border-color:#e57373;opacity:.75}.osc{display:grid;gap:10px;font-family:Open Sans,system-ui,sans-serif}.osc-stage{position:relative;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;container-type:inline-size;--u: 1cqw;transition:background .5s}.osc-stage.bg-k{background:#141414;color:#faf9f5}.osc-stage.bg-w{background:#faf9f5;color:#141414}.osc-stage.bg-y{background:#ffd600;color:#141414}@media (max-width: 700px){.osc-stage{aspect-ratio:3 / 4}}.osc-scene{position:absolute;top:0;right:0;bottom:0;left:0;padding:calc(var(--u) * 4) calc(var(--u) * 5) calc(var(--u) * 5);display:flex;flex-direction:column;justify-content:center;animation:osc-masuk .6s cubic-bezier(.2,.7,.2,1) both;will-change:transform}@keyframes osc-masuk{0%{opacity:0;transform:scale(.94) translateY(2%)}to{opacity:1}}.osc-body{display:grid;gap:calc(var(--u) * 1.6);align-content:center}.osc-kick{margin:0;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:calc(var(--u) * 1.5);opacity:.7}.osc-jud{margin:0;font-size:calc(var(--u) * 3.4);line-height:1.15;font-weight:800}.osc-besar{margin:0;font-size:calc(var(--u) * 4.6);line-height:1.12;font-weight:800}.osc-logo{width:calc(var(--u) * 7);height:calc(var(--u) * 7);border-radius:calc(var(--u) * 1.4);box-shadow:0 8px 22px #00000047}.osc-hero{display:grid;gap:calc(var(--u) * 1.6);text-align:left}.osc-hero h2{margin:0;font-size:calc(var(--u) * 5.6);line-height:1.08;font-weight:800;color:#ffd600}.osc-sub{margin:0;font-size:calc(var(--u) * 2);opacity:.8}@container (max-width: 640px){.osc-jud{font-size:calc(var(--u) * 6.6)}.osc-besar{font-size:calc(var(--u) * 8)}.osc-hero h2{font-size:calc(var(--u) * 9.5)}.osc-sub{font-size:calc(var(--u) * 3.8)}.osc-kick{font-size:calc(var(--u) * 3)}.osc-scene{padding:calc(var(--u) * 6)}}.osc-list,.osc-lap{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--u) * 1.3)}.osc-it,.osc-ly{display:flex;align-items:center;gap:calc(var(--u) * 1.6);opacity:0;transform:translateY(14px) scale(.98);transition:opacity .5s,transform .5s,background .4s;padding:calc(var(--u) * 1.1) calc(var(--u) * 1.6);border-radius:calc(var(--u) * 1.6);background:#7f7f7f1f}.osc-it.on,.osc-ly.on{opacity:.62;transform:none}.osc-it.cur,.osc-ly.cur{opacity:1;background:#ffd60047;box-shadow:inset 0 0 0 2px #ffd600}.bg-y .osc-it.cur,.bg-y .osc-ly.cur{background:#1414141f;box-shadow:inset 0 0 0 2px #141414}.osc-it.neg.cur{box-shadow:inset 0 0 0 2px #e5484d;background:#e5484d29}.osc-ik{flex:none;aspect-ratio:1;width:calc(var(--u) * 4.6);border-radius:50%;background:#ffd600;color:#141414;display:grid;place-items:center}.bg-y .osc-ik{background:#141414;color:#ffd600}.osc-ik svg{width:56%;height:56%}.neg .osc-ik{background:#e5484d;color:#fff}.osc-tx{display:grid;gap:2px;min-width:0}.osc-tx b{font-size:calc(var(--u) * 2.3);line-height:1.2;font-weight:700}.osc-tx em{font-style:normal;font-size:calc(var(--u) * 1.7);opacity:.78;line-height:1.25}@container (max-width: 640px){.osc-tx b{font-size:calc(var(--u) * 4.4)}.osc-tx em{font-size:calc(var(--u) * 3.4)}.osc-ik{width:calc(var(--u) * 9)}.osc-it,.osc-ly{padding:calc(var(--u) * 2.4) calc(var(--u) * 3);gap:calc(var(--u) * 3)}.osc-list,.osc-lap{gap:calc(var(--u) * 2.4)}}.osc-alur{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:calc(var(--u) * 1.4);align-items:stretch}.osc-st{display:flex;align-items:center;gap:calc(var(--u) * 1.2);padding:calc(var(--u) * 1.2) calc(var(--u) * 1.8);border-radius:999px;background:#7f7f7f24;font-weight:700;font-size:calc(var(--u) * 2);opacity:0;transform:translate(-16px);transition:opacity .5s,transform .5s,background .4s;position:relative}.osc-st+.osc-st:before{content:"›";position:absolute;left:calc(var(--u) * -1.2);top:50%;transform:translateY(-52%);font-size:calc(var(--u) * 2.4);opacity:.6}.osc-st.on{opacity:.65;transform:none}.osc-st.cur{opacity:1;background:#ffd600;color:#141414}@container (max-width: 640px){.osc-st{font-size:calc(var(--u) * 3.8)}.osc-alur{flex-direction:column}.osc-st+.osc-st:before{content:"↓";left:calc(var(--u) * 6);top:calc(var(--u) * -3.6);transform:none}.osc-alur{gap:calc(var(--u) * 3.6)}}.osc-dua{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 2)}@container (max-width: 640px){.osc-dua{grid-template-columns:1fr}}.osc-kol{display:grid;gap:calc(var(--u) * 1);padding:calc(var(--u) * 2);border-radius:calc(var(--u) * 1.8);background:#7f7f7f24;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.osc-kol.on{opacity:1;transform:none;box-shadow:inset 0 0 0 2px #141414}.bg-k .osc-kol.on{box-shadow:inset 0 0 0 2px #ffd600}.osc-kol b{font-size:calc(var(--u) * 2.6)}.osc-kol span{font-size:calc(var(--u) * 1.9);line-height:1.3}@container (max-width: 640px){.osc-kol b{font-size:calc(var(--u) * 5)}.osc-kol span{font-size:calc(var(--u) * 3.8)}}.osc-foot{margin:0;font-weight:800;font-size:calc(var(--u) * 2.4);opacity:0;transition:opacity .6s}.osc-foot.on{opacity:1}@container (max-width: 640px){.osc-foot{font-size:calc(var(--u) * 4.6)}}.osc-prog{position:absolute;left:0;right:0;bottom:0;height:6px;background:#7f7f7f40}.osc-prog span{display:block;height:100%;background:#ffd600}.osc-besarplay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:84px;height:84px;border-radius:50%;border:0;background:#ffd600;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px #00000059}.osc-besarplay svg{width:40px;height:40px;fill:#141414}.osc-cap{background:#141414f0;border-radius:14px;padding:12px 18px;min-height:3.4em;font-size:1.12rem;font-weight:700;line-height:1.4;text-align:center;color:#faf9f5;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:0 .3em}.osc-cap .u{color:#faf9f5}.osc-cap .c{color:#ffd600}.osc-cap .n{color:#8a877f}.osc-ctrl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.osc-b{min-width:44px;height:44px;border-radius:12px;border:1px solid var(--abu-muda, #ddd);background:var(--putih, #fff);font:inherit;font-weight:700;cursor:pointer;display:grid;place-items:center;padding:0 10px}.osc-b svg{width:22px;height:22px;fill:currentColor}.osc-play{background:#ffd600;border-color:#141414;width:52px}.osc-wkt{font-size:.85rem;opacity:.75;margin-left:auto;font-variant-numeric:tabular-nums}.osc-vol{width:90px}.osc-seek{width:100%;accent-color:#141414}.osc-bab{display:flex;gap:4px;flex-wrap:wrap}.osc-bab button{flex:1;min-width:8px;height:8px;padding:0;border:0;border-radius:4px;background:var(--abu-muda, #ddd);cursor:pointer}.osc-bab button.on{background:#ffd600;box-shadow:0 0 0 1px #141414}.osc-hero>*{animation:osc-naik .8s cubic-bezier(.2,.7,.2,1) both}.osc-hero>.osc-kick{animation-delay:.15s}.osc-hero>h2{animation-delay:.55s}.osc-hero>.osc-sub{animation-delay:1.2s}.osc-hero:after{content:"";display:block;height:calc(var(--u) * .7);border-radius:99px;background:#ffd600;width:0;margin-top:calc(var(--u) * 1.6);animation:osc-garis 5s ease-out 1.6s forwards}@keyframes osc-naik{0%{opacity:0;transform:translateY(calc(var(--u) * 2.5))}to{opacity:1;transform:none}}@keyframes osc-garis{to{width:38%}}@media (prefers-reduced-motion: reduce){.osc-hero>*,.osc-hero:after{animation:none;width:auto}.osc-hero:after{width:38%}.osc-scene{animation:none;transform:none!important}.osc-it,.osc-ly,.osc-st,.osc-kol{transition:none}}.osc-muat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:calc(var(--u) * 1.4);text-align:center;background:#141414e0;color:#faf9f5;padding:calc(var(--u) * 6)}.osc-muat b{font-size:calc(var(--u) * 3.4);color:#ffd600}.osc-muat span{font-size:calc(var(--u) * 2.4);opacity:.85}.osc-muat i{display:block;width:calc(var(--u) * 50);max-width:80%;height:calc(var(--u) * 1);border-radius:99px;background:#ffffff2e;overflow:hidden}.osc-muat u{display:block;height:100%;background:#ffd600;transition:width .2s}@media (max-width: 700px){.osc-muat b{font-size:calc(var(--u) * 5.4)}.osc-muat span{font-size:calc(var(--u) * 3.6)}}.osc-b:disabled{opacity:.45;cursor:not-allowed}.osc-sisip{background:var(--kartu, #fff);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:16px}.reward{display:grid;gap:16px;max-width:900px;margin:0 auto}.rw-daftar{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}.rw-daftar li{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;border-top:1px solid var(--abu-muda);padding-top:10px}.rw-daftar li:first-child{border-top:0;padding-top:0}.rw-daftar li>span:nth-child(2){flex:1;min-width:180px}.rw-ok{color:#1e6b3a;font-weight:700}.rw-belum{color:var(--abu-tua)}.rw-aksi{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rw-aksi input{font:inherit;padding:4px 8px;border:1px solid var(--abu-muda);border-radius:8px;max-width:180px}.rw-bar{position:relative;height:12px;border-radius:6px;background:var(--abu-muda);overflow:hidden;margin:10px 0}.rw-bar>div{height:100%;background:var(--kuning)}.rw-bar i{position:absolute;top:0;bottom:0;width:2px;background:#fff}.rw-pesan{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px}.rw-pesan-kartu{border:1px solid var(--abu-muda);border-radius:12px;padding:12px;display:grid;gap:8px;align-content:start}.rw-pesan-form{display:grid;gap:8px}.rw-pesan-form select,.rw-pesan-form input{font:inherit;padding:6px 8px;border:1px solid var(--abu-muda);border-radius:8px}.rw-admin{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:14px}.rw-admin-baris{border-top:1px solid var(--abu-muda);padding-top:12px;display:grid;gap:6px}.rw-admin-form{display:flex;gap:8px;flex-wrap:wrap}.rw-admin-form select,.rw-admin-form input{font:inherit;padding:6px 8px;border:1px solid var(--abu-muda);border-radius:8px;max-width:180px}.rw-antrian{flex-wrap:wrap}.rw-lebar{flex-basis:100%}.chip-naa{background:#ffe9b8;color:#7a4b00}.chip-aa{background:#e8e8ee;color:#3a3a4a}.chip-aktif{background:#ddf3e4;color:#1e6b3a}.konten{display:grid;gap:16px;max-width:760px;margin:0 auto}.konten textarea,.konten input:not([type=checkbox]),.konten select{font:inherit;width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--abu-muda);border-radius:10px}.konten label{display:grid;gap:4px;font-size:.9rem}.konten-isian{margin:12px 0}.konten-baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:12px}.konten-cek{display:flex!important;align-items:flex-start;gap:8px;margin:6px 0}.konten-peringatan{background:#fff6cc;border-radius:12px;padding:10px 14px;margin:10px 0}.konten-peringatan ul{margin:6px 0 0;padding-left:18px}.konten-ide{background:#fff6cc;border-radius:14px;padding:12px 14px;margin:12px 0}.konten-thread{display:grid;gap:10px;margin:10px 0}.konten-post{border:1px solid var(--abu-muda);border-radius:12px;padding:10px 12px;display:grid;gap:6px}.tiket{display:flex;flex-direction:column;gap:12px;max-width:880px}.tiket h2{margin:0}.tiket h3{margin:0 0 8px;font-size:1rem}.tiket-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tiket-ringkas{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.tiket-ringkas .kartu{display:flex;flex-direction:column;gap:2px;padding:12px}.tiket-ringkas strong{font-size:1.5rem}.tiket-ringkas span{font-size:.8rem;color:var(--abu-tua)}.tiket-filter{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 720px){.tiket-filter{grid-template-columns:1fr 140px 190px}}.tiket-daftar{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tiket-kartu{text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:4px}.tiket-kartu:hover{border-color:var(--hitam)}.tiket-kartu-atas{display:flex;justify-content:space-between;align-items:center;gap:8px}.tiket-baris{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;font:inherit;background:none;border:none;border-top:1px solid var(--abu-muda);padding:8px 0;cursor:pointer}.tiket-agen{display:flex;justify-content:space-between;padding:4px 0}.tiket-data{display:grid;grid-template-columns:150px 1fr;gap:4px 12px;margin:8px 0;font-size:.92rem}.tiket-data dt{color:var(--abu-tua)}.tiket-data dd{margin:0}.tiket-bola{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.chip-pilih{font:inherit;font-size:.82rem;padding:6px 12px;border-radius:999px;border:1px solid var(--abu-muda);background:var(--putih);cursor:pointer}.chip-pilih.aktif{background:var(--kuning);border-color:var(--hitam);font-weight:600}.tiket-aksi{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tombol-bahaya{color:var(--merah)}.tiket-percakapan{display:flex;flex-direction:column;gap:10px}.tiket-sistem{align-self:center;text-align:center;font-size:.8rem;color:var(--abu-tua);background:var(--abu-muda);padding:4px 12px;border-radius:999px}.tiket-gelembung{align-self:flex-start;max-width:92%;background:var(--putih);border:1px solid var(--abu-muda);border-radius:var(--radius);padding:10px 14px}.tiket-gelembung.saya{align-self:flex-end;background:#fff8cc;border-color:var(--kuning)}.tiket-gelembung p{margin:4px 0;white-space:pre-wrap;word-break:break-word}.tiket-gelembung-atas{display:flex;justify-content:space-between;gap:12px}.tiket-lampir{display:flex;justify-content:space-between;gap:10px;width:100%;font:inherit;text-align:left;padding:8px 10px;margin-top:4px;border:1px solid var(--abu-muda);border-radius:8px;background:var(--putih);cursor:pointer}.tiket-tulis{display:flex;flex-direction:column;gap:8px}.tiket-tulis textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--abu-muda);border-radius:8px;resize:vertical;box-sizing:border-box}.tiket-berkas-dipilih{display:flex;flex-wrap:wrap;gap:6px}.tiket-ringkasan-isi{white-space:pre-wrap;line-height:1.55;margin:4px 0 8px}.as-halaman{max-width:640px;margin:0 auto;padding:20px 16px 64px;font-family:Open Sans,system-ui,sans-serif;color:#1f2937;line-height:1.55}.as-halaman h1{font-size:1.5rem;margin:8px 0}.as-halaman h2{font-size:1.1rem;margin:24px 0 4px}.as-halaman p{margin:6px 0}.as-halaman .pelan{color:#6b7280;font-size:.9rem}.as-kotak{background:#f8f6f0;border-radius:12px;padding:12px 14px;margin:14px 0;font-size:.92rem}.as-isian{display:flex;flex-direction:column;gap:4px;margin:12px 0}.as-isian label{font-weight:600;font-size:.92rem}.as-isian input,.as-isian select{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:1rem;background:#fff}.as-pernyataan{border-top:1px solid #e5e7eb;padding:12px 0}.as-skala{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.as-skala label{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid #d1d5db;border-radius:10px;padding:8px 0;cursor:pointer;font-weight:600}.as-skala input{position:absolute;opacity:0;pointer-events:none}.as-skala label.dipilih{background:#1f2937;color:#fff;border-color:#1f2937}.as-ujung{display:flex;justify-content:space-between;font-size:.78rem;color:#6b7280;margin-top:4px}.as-tombol{width:100%;padding:14px;border:0;border-radius:12px;background:#1f2937;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;margin-top:18px}.as-tombol:disabled{opacity:.6}.as-galat{color:#b91c1c;font-weight:600;margin-top:10px}.as-sembunyi{position:absolute;left:-9999px;height:0;overflow:hidden}.as-centang{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:.92rem}.as-langkah{display:flex;gap:6px;margin:14px 0 4px}.as-langkah span{flex:1;height:6px;border-radius:6px;background:#e5e7eb}.as-langkah span.lewat{background:#9ca3af}.as-langkah span.aktif{background:#1f2937}.as-nav{display:flex;gap:10px}.as-nav .as-tombol{flex:1}.as-sekunder{background:#fff;color:#1f2937;border:1px solid #d1d5db}.as-tautan{background:none;border:0;padding:0;color:#1f2937;text-decoration:underline;cursor:pointer;font:inherit}.legal{min-height:100vh;background:var(--latar)}.legal-kepala{background:var(--kuning);padding:10px 16px}.legal-merek{display:inline-flex;align-items:center;gap:10px;color:var(--hitam);text-decoration:none;font-weight:700}.legal-merek img{border-radius:10px}.legal-isi{max-width:760px;margin:0 auto;padding:28px 16px 12px}.legal-isi h1{font-size:1.7rem;margin-bottom:4px}.legal-meta{color:var(--abu-tua);font-size:.9rem;margin-bottom:16px}.legal-isi section{margin-top:22px}.legal-isi h2{font-size:1.05rem;margin-bottom:8px}.legal-isi p,.legal-isi li{line-height:1.6;color:var(--hitam)}.legal-isi ul{margin:6px 0 8px;padding-left:20px}.legal-isi li{margin-bottom:6px}.legal-kaki{max-width:760px;margin:0 auto;padding:20px 16px 40px;color:var(--abu-tua);font-size:.9rem;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.legal-kaki a{color:var(--hitam);font-weight:600}.legal-kaki p{flex-basis:100%;margin:8px 0 0;font-size:.85rem}.masuk-legal{margin-top:18px;text-align:center;font-size:.85rem;color:var(--abu-tua)}.masuk-legal a{color:var(--abu-tua)}:root{--hitam: #29292A;--kuning: #FFD600;--kuning-tua: #EAB80C;--emas: #D09619;--abu-tua: #5B5B5B;--abu: #AFAFAF;--abu-muda: #EAEAEA;--putih: #FFFFFF;--latar: #F7F7F5;--merah: #B3261E;--radius: 12px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Open Sans,system-ui,sans-serif;color:var(--hitam);background:var(--latar);-webkit-font-smoothing:antialiased}h1{font-size:1.5rem;font-weight:700;margin:0 0 4px}h2{font-size:1rem;font-weight:700;margin:0 0 12px}p{margin:0 0 8px;line-height:1.5}.teks-pelan{color:var(--abu-tua)}.kecil{font-size:.85rem}.teks-kiri{text-align:left}.teks-tengah{text-align:center;margin:8px 0 0}.layar-tengah{min-height:100vh;display:grid;place-items:center;padding:16px}.logo-memuat{width:72px;height:72px;border-radius:16px;animation:denyut 1.2s ease-in-out infinite}@keyframes denyut{50%{opacity:.4}}.layar-masuk{max-width:400px;margin:0 auto;min-height:100vh;padding:48px 16px 32px;display:flex;flex-direction:column;gap:12px;text-align:center}.logo-besar{width:120px;height:120px;border-radius:24px;margin:0 auto 8px}.logo-kecil-tengah{width:64px;height:64px;border-radius:14px;margin:0 auto}.form{display:flex;flex-direction:column;gap:8px;text-align:left}label{font-size:.85rem;font-weight:600}input[type=email],input:not([type]),input[inputmode=numeric]{font:inherit;padding:12px 14px;border:1px solid var(--abu);border-radius:var(--radius);background:var(--putih)}input:focus{outline:2px solid var(--kuning-tua);outline-offset:1px;border-color:var(--kuning-tua)}.tombol{font:inherit;font-weight:600;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--hitam);background:var(--putih);color:var(--hitam);cursor:pointer}.tombol-utama{background:var(--hitam);color:var(--putih)}.tombol:disabled{opacity:.45;cursor:default}.tautan{font:inherit;background:none;border:none;color:var(--abu-tua);text-decoration:underline;cursor:pointer;padding:8px}.pemisah{display:flex;align-items:center;gap:12px;color:var(--abu-tua);font-size:.85rem;margin:8px 0}.pemisah:before,.pemisah:after{content:"";flex:1;height:1px;background:var(--abu-muda)}.kotak-info,.kotak-peringatan{padding:12px 14px;border-radius:var(--radius);text-align:left;font-size:.9rem;margin:0}.kotak-info{background:#fff589}.kotak-peringatan{background:#fbebeb;color:var(--merah)}.centang{display:flex;gap:10px;align-items:center;justify-content:center;font-weight:400;font-size:.95rem}.centang input{width:20px;height:20px;accent-color:var(--hitam)}.tumpuk{display:flex;flex-direction:column;gap:16px}.sambutan h1{font-size:1.6rem}.label-baris{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.label{background:var(--kuning);padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.kartu{background:var(--putih);border:1px solid var(--abu-muda);border-radius:var(--radius);padding:16px}.baris{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid var(--abu-muda);font-size:.95rem}.baris:first-of-type{border-top:none}.baris span:last-child{text-align:right;overflow-wrap:anywhere}.kerangka{min-height:100vh}.kolom-utama{min-height:100vh;display:flex;flex-direction:column}.sidebar{display:none}.hanya-desktop{display:none!important}.kepala{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--putih);border-bottom:1px solid var(--abu-muda)}.logo-kecil{width:32px;height:32px;border-radius:8px}.kepala-judul{font-weight:700;font-size:1.05rem}.kepala-kanan{margin-left:auto;display:flex;align-items:center;gap:8px}.tombol-ikon{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:none;background:none;color:var(--hitam);cursor:pointer}.tombol-ikon:hover{background:var(--abu-muda)}.titik-notif{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--merah);color:var(--putih);font-size:.7rem;font-weight:700;display:grid;place-items:center}.avatar-kepala{border:none;background:none;padding:0;cursor:pointer;border-radius:50%}.isi{flex:1;width:100%;padding:16px 16px 96px}.menu-bawah{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;background:var(--putih);border-top:1px solid var(--abu-muda);padding-bottom:env(safe-area-inset-bottom)}.menu-bawah button{flex:1;font:inherit;font-size:.72rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 10px;background:none;border:none;border-top:3px solid transparent;color:var(--abu-tua);cursor:pointer}.menu-bawah button.aktif{color:var(--hitam);border-top-color:var(--kuning)}.grup-menu{padding:8px 0}.grup-judul{margin:8px 12px 4px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--abu)}.item-menu{font:inherit;width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;border-radius:10px;background:none;color:var(--hitam);cursor:pointer;text-align:left;font-weight:600;font-size:.95rem}.item-menu:hover{background:var(--abu-muda)}.item-menu.aktif{background:#fff3a6}.item-menu.aktif svg{color:var(--emas)}.angka-notif{margin-left:auto;background:var(--merah);color:var(--putih);font-size:.72rem;border-radius:999px;padding:1px 7px}.item-keluar{color:var(--abu-tua);margin-top:8px;border-top:1px solid var(--abu-muda);border-radius:0;padding-top:14px}.laci-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#29292a73}.laci{position:absolute;top:0;right:0;bottom:0;width:min(320px,86vw);background:var(--putih);padding:16px 12px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;box-shadow:-8px 0 24px #0000001f}.laci-kepala{display:flex;align-items:center;gap:12px;padding:4px 4px 12px;border-bottom:1px solid var(--abu-muda)}.laci-kepala .tombol-ikon{margin-left:auto}@media (min-width: 900px){body{background:#f1f1ee}.kerangka{display:grid;grid-template-columns:248px 1fr}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:var(--putih);border-right:1px solid var(--abu-muda);padding:16px 12px;overflow-y:auto}.sidebar-merek{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;font-weight:700;font-size:1.05rem}.sidebar-merek img{width:36px;height:36px;border-radius:9px}.menu-bawah,.hanya-hp,.laci-latar{display:none!important}.hanya-desktop{display:inline-flex!important}.kepala{padding:14px 32px}.kepala-judul{font-size:1.25rem}.isi{max-width:1200px;margin:0 auto;padding:28px 32px 48px}.kartu{padding:20px 24px}.isi-beranda>.tumpuk,.isi-absensi>.tumpuk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.isi-beranda>.tumpuk>.sambutan,.isi-absensi>.tumpuk>.lebar-penuh{grid-column:1 / -1}.isi-profil>.tumpuk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}}@media (min-width: 1400px){.kerangka{grid-template-columns:272px 1fr}}.teks-baris{white-space:pre-line}.isian{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--abu-muda)}.isian:first-of-type{border-top:none;padding-top:0}.isian input,.isian textarea{font:inherit;padding:10px 12px;border:1px solid var(--abu);border-radius:var(--radius);background:var(--putih);resize:vertical}.isian textarea:focus{outline:2px solid var(--kuning-tua);outline-offset:1px;border-color:var(--kuning-tua)}.isian-bawah{display:flex;justify-content:space-between;align-items:center;gap:12px}.tombol-kecil{padding:8px 16px;font-size:.9rem}.syarat ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.syarat li{line-height:1.5;font-size:.95rem}.centang{text-align:left;align-items:flex-start}.centang input{flex-shrink:0;margin-top:2px}.blok{display:block}.persen-baris{display:flex;align-items:center;gap:12px;margin-bottom:8px}.persen-angka{font-size:2rem;font-weight:700}.lencana{padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.lencana-ok{background:#ddf3e4;color:#1e6b3a}.lencana-leader{background:var(--hitam);color:var(--kuning)}.lencana-kurang{background:#fbebeb;color:var(--merah)}.kotak-sukses{padding:12px 14px;border-radius:var(--radius);background:#ddf3e4;color:#1e6b3a;margin:8px 0 0;font-size:.9rem}.kotak-kode{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;margin:8px 0;border-radius:var(--radius);background:#fff8cc;border:2px solid var(--kuning)}.kotak-kode strong{font-size:2rem;letter-spacing:10px;font-family:Courier New,monospace}.daftar-sesi{list-style:none;margin:8px 0 0;padding:0}.daftar-sesi li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--abu-muda);font-size:.9rem}.daftar-sesi li:first-child{border-top:none}.sesi-kanan{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.chip{font:inherit;font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--abu-muda);color:var(--hitam);border:none;white-space:nowrap}button.chip{cursor:pointer}.chip-hadir,.chip-dianggap{background:#ddf3e4;color:#1e6b3a}.chip-izin{background:#fff589}.chip-tidak{background:#fbebeb;color:var(--merah)}.chip-libur{background:var(--hitam);color:var(--putih)}.chip-berjalan{background:#e3ecfa;color:#1f4e8c}.chip-akan{background:var(--abu-muda);color:var(--abu-tua)}.isian-cari{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--abu);border-radius:var(--radius);margin:4px 0 8px}.daftar-anggota{list-style:none;margin:0;padding:0}.anggota{border-top:1px solid var(--abu-muda)}.anggota:first-child{border-top:none}.anggota-kepala{font:inherit;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;background:none;border:none;cursor:pointer;color:inherit}.anggota-kanan{display:flex;align-items:center;gap:8px}.titik{width:10px;height:10px;border-radius:50%}.titik-ok{background:#2e9b55}.titik-kurang{background:var(--merah)}.anggota-isi{padding:0 0 12px}details summary{cursor:pointer;color:var(--abu-tua);margin-top:8px}.popup-latar{position:fixed;top:0;right:0;bottom:0;left:0;background:#29292a80;display:grid;place-items:center;padding:16px;z-index:100}.popup{background:var(--putih);border-radius:16px;padding:24px;max-width:400px;width:100%;text-align:center;box-shadow:0 12px 40px #00000040}.popup-logo{width:56px;height:56px;border-radius:12px}.popup h2{margin:12px 0 8px}.popup p{color:var(--abu-tua);line-height:1.5}.popup-aksi{display:flex;flex-direction:column;gap:8px;margin-top:16px}.banner-va{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;background:#141414;color:#ffd600;padding:8px 8px 8px 16px;border-radius:999px;box-shadow:0 6px 20px #0000004d;font-size:14px;max-width:calc(100vw - 24px)}.banner-va b{color:#fff}.banner-va button{background:#ffd600;color:#141414;border:0;border-radius:999px;padding:6px 14px;font-weight:700;cursor:pointer}@media (min-width: 900px){.banner-va{bottom:18px}}
