:root{--green:#156e52;--green-light:#e4f3ec;--red:#b3261e;--amber:#a86a00;--blue:#1a56b0;--blue-light:#e6eefc;--text:#1a1a1a;--muted:#6b7280;--border:#e2e2e2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:#fafafa;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-shell{flex-direction:column;height:100dvh;display:flex}.app-main{flex:1;padding-bottom:1rem;overflow-y:auto}.app-topbar{border-bottom:1px solid var(--border);color:var(--muted);background:#fff;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.9rem;display:flex;box-shadow:0 1px 8px #00000008}.app-topbar__brand{align-items:center;gap:.4rem;min-width:0;display:flex}.app-topbar__logo{object-fit:cover;border-radius:.4rem;flex-shrink:0;width:1.6rem;height:1.6rem}.app-topbar__title{color:var(--text);white-space:nowrap;font-size:.9rem;font-weight:700}.app-topbar__user{align-items:center;gap:.45rem;min-width:0;display:flex}.avatar-badge{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;font-size:.7rem;font-weight:700;display:flex}.app-topbar__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:8rem;font-size:.85rem;font-weight:600;overflow:hidden}.icon-btn{width:1.85rem;height:1.85rem;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.icon-btn svg{width:1.1rem;height:1.1rem}.icon-btn:active{color:var(--red);background:#fdecea}@media (width>=480px){.app-topbar__name{max-width:none}}.page{max-width:480px;margin:0 auto;padding:1rem}.page-header{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.page-header h2{margin:0}.breadcrumb-back{background:var(--green-light);color:var(--green);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;align-items:center;gap:.3rem;padding:.4rem .85rem .4rem .55rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background-color .15s,transform .1s;display:inline-flex}.breadcrumb-back svg{flex-shrink:0;width:1rem;height:1rem}.breadcrumb-back:active{background:#d5ecdf;transform:scale(.95)}h2{font-size:1.25rem}.field-label{color:var(--muted);margin:1rem 0 .4rem;font-size:.85rem;font-weight:600;display:block}.input-lg{border:1px solid var(--border);border-radius:.6rem;width:100%;margin-bottom:.6rem;padding:.75rem .9rem;font-size:1.1rem}.btn-primary{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:.6rem;padding:.85rem;font-size:1.05rem;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-save{margin-top:1.25rem}.btn-link{color:var(--green);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:1rem}.siswa-list,.dashboard-list,.riwayat-list,.suggest-list{margin:0;padding:0;list-style:none}.siswa-item{text-align:left;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.6rem;width:100%;margin-bottom:.5rem;padding:1rem;font-size:1.1rem}.siswa-item:active{background:var(--green-light)}:root{--st-belum:#b4461f;--st-belum-bg:#fdf0ea;--st-berjalan:#a86a00;--st-berjalan-bg:#fff6e0;--st-selesai:#156e52;--st-selesai-bg:#e4f3ec;--st-libur:#6b7280;--st-libur-bg:#f3f4f6}.status-tiles{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 0 .75rem;display:grid}.status-tile{border:1.5px solid var(--border);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:#fff;border-top-width:4px;border-radius:.6rem;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.6rem .7rem;display:flex}.status-tile strong{font-size:1.5rem;line-height:1.1}.status-tile span{color:var(--muted);font-size:.75rem;font-weight:600}.status-tile--belum{border-top-color:var(--st-belum)}.status-tile--belum strong{color:var(--st-belum)}.status-tile--berjalan{border-top-color:var(--st-berjalan)}.status-tile--berjalan strong{color:var(--st-berjalan)}.status-tile--selesai{border-top-color:var(--st-selesai)}.status-tile--selesai strong{color:var(--st-selesai)}.status-tile--aktif{box-shadow:0 0 0 2px var(--text) inset}.status-tile--belum.status-tile--aktif{background:var(--st-belum-bg)}.status-tile--berjalan.status-tile--aktif{background:var(--st-berjalan-bg)}.status-tile--selesai.status-tile--aktif{background:var(--st-selesai-bg)}.status-pill{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill__angka{font-weight:700}.status-pill--belum{background:var(--st-belum-bg);color:var(--st-belum)}.status-pill--berjalan{background:var(--st-berjalan-bg);color:var(--st-berjalan)}.status-pill--selesai{background:var(--st-selesai-bg);color:var(--st-selesai)}.status-pill--libur{background:var(--st-libur-bg);color:var(--st-libur);font-weight:500}.mini-bar{background:#eceff1;border-radius:999px;height:.3rem;margin-top:.55rem;display:block;overflow:hidden}.mini-bar__isi{background:var(--st-libur);border-radius:999px;height:100%;display:block}.mini-bar--belum .mini-bar__isi{background:var(--st-belum)}.mini-bar--berjalan .mini-bar__isi{background:var(--st-berjalan)}.mini-bar--selesai .mini-bar__isi{background:var(--st-selesai)}.mini-bar--nilai .mini-bar__isi{background:var(--blue)}.pilih-item{text-align:left;border:1px solid var(--border);border-left:4px solid var(--border);cursor:pointer;width:100%;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:.6rem;margin-bottom:.5rem;padding:.8rem .9rem;display:block}.pilih-item:active{background:#f6f7f8}.pilih-item--belum{border-left-color:var(--st-belum)}.pilih-item--berjalan{border-left-color:var(--st-berjalan)}.pilih-item--selesai{border-left-color:var(--st-selesai)}.pilih-item--terpilih{border-color:var(--green);border-left-color:var(--green);background:var(--green-light)}.pilih-item__baris{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.pilih-item__utama{flex-direction:column;flex:1;min-width:0;display:flex}.tile-ikon{background:var(--green-light);width:2.6rem;height:2.6rem;color:var(--green);border-radius:.6rem;flex-direction:column;flex:0 0 2.6rem;justify-content:center;align-items:center;line-height:1;display:flex}.tile-ikon strong{font-size:1.15rem;font-weight:800}.tile-ikon span{letter-spacing:.06em;opacity:.8;margin-top:.15rem;font-size:.58rem;font-weight:700}.tile-ikon--inisial strong{letter-spacing:.02em;font-size:.9rem}.pilih-item__judul{font-size:1rem;font-weight:600}.pilih-item__meta{color:var(--muted);margin-top:.1rem;font-size:.8rem;display:block}.pilih-item__angka{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:.8rem}.pilih-item__angka strong{color:var(--text);font-size:1rem}.list-group-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.4rem;margin:1rem 0 .4rem;font-size:.78rem;font-weight:700;display:flex}.list-group-heading--belum{color:var(--st-belum)}.list-group-heading--berjalan{color:var(--st-berjalan)}.list-group-heading--selesai{color:var(--st-selesai)}.filter-panel{border:1px solid var(--border);background:#fff;border-radius:.6rem;flex-direction:column;gap:.45rem;margin-bottom:.75rem;padding:.7rem;display:flex}.filter-panel__cari{margin-bottom:0;padding:.6rem .8rem;font-size:1rem}.filter-panel__reset{align-self:flex-start;padding:0;font-size:.85rem}.segmen{align-items:center;gap:.5rem;display:flex}.segmen__label{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;flex:0 0 3.1rem;font-size:.72rem;font-weight:700}.segmen__opsi{border:1px solid var(--border);background:#f4f5f6;border-radius:.55rem;flex:1;gap:2px;min-width:0;padding:2px;display:flex}.segmen__btn{min-width:0;color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:.42rem;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;padding:.3rem .2rem;line-height:1.15;display:flex}.segmen__teks{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8rem;font-weight:600;overflow:hidden}.segmen__jumlah{color:var(--muted);font-size:.65rem}.segmen__btn--aktif{background:var(--green);color:#fff;box-shadow:0 1px 2px #00000026}.segmen__btn--aktif .segmen__jumlah{color:#ffffffd9}.chip--sm{padding:.3rem .7rem;font-size:.82rem}.chip__jumlah{background:#00000012;border-radius:999px;margin-left:.35rem;padding:0 .4rem;font-size:.72rem;font-weight:700;display:inline-block}.chip--active .chip__jumlah{background:#ffffff40}.filter-aktif-info{margin:-.25rem 0 .5rem;font-size:.85rem}.filter-aktif-info .btn-link{padding:0;font-size:.85rem}.langkah-bar{gap:.35rem;margin:.5rem 0 .9rem;padding:0;list-style:none;display:flex}.langkah-bar__item{color:var(--muted);border-bottom:3px solid var(--border);flex:1;align-items:center;gap:.35rem;padding-bottom:.35rem;font-size:.75rem;font-weight:600;display:flex}.langkah-bar__no{background:#eee;border-radius:.35rem;flex-shrink:0;justify-content:center;align-items:center;width:1.3rem;height:1.3rem;font-size:.72rem;display:inline-flex}.langkah-bar__item--aktif{color:var(--green);border-bottom-color:var(--green)}.langkah-bar__item--aktif .langkah-bar__no{background:var(--green);color:#fff}.langkah-bar__item--selesai{color:var(--text);border-bottom-color:var(--green-light)}.langkah-bar__item--selesai .langkah-bar__no{background:var(--green-light);color:var(--green)}.centang-item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.6rem;align-items:flex-start;gap:.65rem;margin-bottom:.4rem;padding:.7rem .85rem;display:flex}.centang-item input{flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.15rem}.centang-item--aktif{border-color:var(--green);background:var(--green-light)}.kotak-info{background:var(--blue-light);color:#1e3a6b;border-radius:.6rem;margin:0 0 .75rem;padding:.6rem .8rem;font-size:.88rem}.kotak-info--sukses{background:var(--green-light);color:var(--green);font-weight:600}.kotak-konfirmasi{border-color:var(--green);border-width:2px}.tautan-terkait{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;display:grid}.tautan-terkait__item{border:1px dashed var(--green);color:var(--green);background:#fff;border-radius:.6rem;flex-direction:column;gap:.15rem;padding:.6rem .7rem;font-size:.85rem;text-decoration:none;display:flex}.tautan-terkait__item span{color:var(--muted);font-size:.75rem}.btn-tiny--utama{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}.btn-tiny:disabled{opacity:.5;cursor:not-allowed}a.btn-tiny{color:inherit;text-decoration:none;display:inline-block}.btn-ekspor:disabled{opacity:.45;cursor:not-allowed}.judul-bagian{margin:1.25rem 0 .5rem;font-size:1rem}.kotak-angka{border:1px solid var(--border);background:#fff;border-radius:.6rem;margin:0 0 .75rem;padding:.7rem .85rem}.kotak-angka .metric strong{font-size:1.35rem}.tabel-ringkas{border-collapse:collapse;width:100%;font-size:.85rem}.tabel-ringkas th,.tabel-ringkas td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.4rem .45rem}.tabel-ringkas th{color:var(--muted);font-size:.75rem}.teks-pin{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}.menu-grup+.menu-grup{margin-top:.25rem}.menu-item{border:1px solid var(--border);color:inherit;background:#fff;border-radius:.6rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.8rem .9rem;text-decoration:none;display:flex}.menu-item:active{background:var(--green-light)}.menu-item__ikon{background:var(--green-light);border-radius:.55rem;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.05rem;display:flex}.menu-item__teks{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.menu-item__teks span{color:var(--muted);font-size:.8rem}.menu-item__panah{color:var(--muted);font-size:1.4rem;line-height:1}.tab-row--scroll{scrollbar-width:none;overflow-x:auto}.tab-row--scroll .tab{white-space:nowrap;flex:none;padding:.65rem .8rem;font-size:.9rem}.kotak-periode{padding:.6rem .85rem}.rek-tiles{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.6rem;display:grid}@media (width>=440px){.rek-tiles{grid-template-columns:repeat(4,1fr)}}.rek-tile{border:1.5px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-top-width:4px;border-radius:.6rem;flex-direction:column;align-items:flex-start;padding:.55rem .65rem;display:flex}.rek-tile strong{font-size:1.4rem;line-height:1.1}.rek-tile span{color:var(--muted);font-size:.72rem;font-weight:600}.rek-tile--naik{border-top-color:var(--green)}.rek-tile--naik strong{color:var(--green)}.rek-tile--turun{border-top-color:var(--red)}.rek-tile--turun strong{color:var(--red)}.rek-tile--tetap{border-top-color:var(--amber)}.rek-tile--tetap strong{color:var(--amber)}.rek-tile--belum_ada_data{border-top-color:#9ca3af}.rek-tile--aktif{box-shadow:0 0 0 2px var(--text) inset;background:#fafafa}.kartu-evaluasi{border-left-width:4px}.kartu-evaluasi--naik{border-left-color:var(--green)}.kartu-evaluasi--turun{border-left-color:var(--red)}.kartu-evaluasi--tetap{border-left-color:var(--amber)}.nilai-besar{flex-direction:column;flex-shrink:0;align-items:flex-end;line-height:1.1;display:flex}.nilai-besar strong{font-size:1.3rem}.nilai-besar span{color:var(--muted);font-size:.68rem}.alasan{background:#f6f7f8;border-radius:.45rem;margin:.45rem 0 0;padding:.45rem .6rem;font-size:.87rem}.alarm-ews{color:var(--red);margin:.35rem 0 0;font-size:.83rem}.tren{font-size:.7rem;font-weight:700}.tren--naik{color:var(--green)}.tren--turun{color:var(--red)}.peringkat-list{margin:0 0 .75rem;padding:0;list-style:none}.peringkat-item{border:1px solid var(--border);background:#fff;border-radius:.6rem;margin-bottom:.45rem}.peringkat-item__baris{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.65rem;padding:.65rem .85rem;display:flex}div.peringkat-item__baris{cursor:default}.peringkat-item__rank{text-align:center;width:1.8rem;color:var(--muted);flex-shrink:0;font-weight:700}.peringkat-item__utama{flex-direction:column;flex:1;min-width:0;display:flex}.sebaran{flex-wrap:wrap;gap:.3rem;margin-top:.25rem;font-size:.72rem;font-weight:600;display:flex}.sebaran span{border-radius:999px;padding:.05rem .45rem}.sebaran__naik{background:var(--green-light);color:var(--green)}.sebaran__tetap{color:var(--amber);background:#fff6e0}.sebaran__turun{color:var(--red);background:#fdecea}.sebaran__belum{color:var(--muted);background:#eee}.panduan h3{margin:0 0 .5rem;font-size:1rem}.panduan p,.panduan li{font-size:.9rem;line-height:1.5}.panduan ol,.panduan ul{margin:0 0 .5rem;padding-left:1.2rem}.panduan li+li{margin-top:.35rem}.siswa-item--avatar{align-items:center;gap:.6rem;display:flex}.badge-level{color:var(--muted);font-size:.75rem;font-weight:400}.siswa-row{border:1px solid var(--border);background:#fff;border-radius:.6rem;margin-bottom:.5rem;padding:.85rem 1rem}.siswa-row .siswa-item{background:0 0;border:none;width:auto;margin-bottom:0;padding:0}.siswa-row .siswa-item:active{background:0 0}.siswa-row--hijau{background:var(--green-light);border-color:var(--green)}.siswa-row--biru{background:var(--blue-light);border-color:var(--blue)}.siswa-row--kuning{border-color:var(--amber);background:#fff6e0}.hint--blink{font-weight:600;animation:1s ease-in-out infinite hint-blink}@keyframes hint-blink{0%,to{opacity:1}50%{opacity:.35}}.legend-warna{color:var(--muted);flex-wrap:wrap;gap:.75rem;margin:.5rem 0 .75rem;font-size:.8rem;display:flex}.legend-warna__item{align-items:center;gap:.35rem;display:inline-flex}.legend-warna__dot{border:1px solid var(--border);border-radius:50%;width:.7rem;height:.7rem;display:inline-block}.legend-warna__dot--abu{background:#fff}.legend-warna__dot--hijau{background:var(--green-light);border-color:var(--green)}.legend-warna__dot--biru{background:var(--blue-light);border-color:var(--blue)}.legend-warna__dot--kuning{border-color:var(--amber);background:#fff6e0}a.siswa-item{color:inherit;text-decoration:none;display:block}.suggest-list{border:1px solid var(--border);border-radius:.6rem;margin-bottom:.6rem;overflow:hidden}.suggest-item{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;background:#fff;width:100%;padding:.7rem .9rem;font-size:1rem}.suggest-item:last-child{border-bottom:none}.ayat-selected{color:var(--green);margin-bottom:.6rem;font-weight:600}.chip-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.chip{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:.5rem 1rem;font-size:.95rem}.chip--active{background:var(--green);border-color:var(--green);color:#fff}.chip--static{cursor:default;background:var(--green-light);border-color:var(--green-light);color:var(--green);font-size:.85rem}.chip--hadir{border-color:var(--green);color:var(--green)}.chip--hadir.chip--active{background:var(--green);border-color:var(--green);color:#fff}.chip--izin{border-color:var(--blue);color:var(--blue)}.chip--izin.chip--active{background:var(--blue);border-color:var(--blue);color:#fff}.chip--sakit{border-color:var(--amber);color:var(--amber)}.chip--sakit.chip--active{background:var(--amber);border-color:var(--amber);color:#fff}.chip--alfa{border-color:var(--red);color:var(--red)}.chip--alfa.chip--active{background:var(--red);border-color:var(--red);color:#fff}.badge-muted{color:var(--muted);background:#eee;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;display:inline-block}.chip-remove{color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0 0 0 .4rem;font-size:1rem;line-height:1}.skor-slider{width:100%;margin-bottom:.25rem}.skor-slider-caption{color:var(--muted);justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;display:flex}.toast{background:var(--text);color:#fff;text-align:center;border-radius:.5rem;max-width:90vw;padding:.6rem 1rem;font-size:.9rem;position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%)}.hint{color:var(--muted);font-size:.9rem}.cara-hitung{color:var(--muted);margin-top:.35rem;font-size:.9rem}.cara-hitung p{margin:0 0 .5rem}.cara-hitung strong{color:var(--text)}.hint--error{color:var(--red)}.add-siswa-form{border:1px dashed var(--border);border-radius:.6rem;margin-top:.75rem;padding:.85rem}.export-row{gap:.5rem;margin:.5rem 0 1rem;display:flex}.btn-secondary{color:var(--green);border:1.5px solid var(--green);cursor:pointer;background:#fff;border-radius:.6rem;flex:1;padding:.6rem;font-size:.95rem;font-weight:600}@media print{.no-print{display:none!important}.app-shell{height:auto;display:block}.app-main{overflow:visible}.page{max-width:none}.riwayat-item,.dashboard-item{break-inside:avoid}}@media screen{#print-root{display:none}}@media print{body.sedang-cetak{background:#fff}body.sedang-cetak>:not(#print-root),body.sedang-cetak #root{display:none!important}body.sedang-cetak #print-root{display:block}@page{@bottom-right{content:"Hal. " counter(page) " / " counter(pages);font-size:8pt;color:#6b7280}}}#print-root .cetak{color:#111;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-family:Times New Roman,Georgia,serif;font-size:10.5pt;line-height:1.35}#print-root .kop{border-bottom:3px double #156e52;align-items:center;gap:12pt;margin-bottom:12pt;padding-bottom:6pt;display:flex}#print-root .kop img{object-fit:contain;width:52pt;height:52pt}#print-root .kop__sekolah{letter-spacing:.02em;text-transform:uppercase;color:#156e52;font-size:15pt;font-weight:700}#print-root .kop__program{font-size:11pt;font-style:italic}#print-root h1{text-align:center;text-transform:uppercase;letter-spacing:.03em;margin:0 0 3pt;font-size:13pt}#print-root .sub{text-align:center;margin:0 0 8pt;font-style:italic}#print-root h3{color:#156e52;margin:12pt 0 4pt;font-size:11pt}#print-root h2.bagian{break-after:avoid;background:#e4f3ec;border-left:4pt solid #156e52;margin:16pt 0 2pt;padding:3pt 6pt;font-size:12pt}#print-root .bagian-info{color:#333;break-after:avoid;margin:0 0 2pt;font-size:9pt}#print-root section h3{break-after:avoid}#print-root .ket{color:#444;margin:0 0 4pt;font-size:9pt;font-style:italic}#print-root table.info{border-collapse:collapse;margin:0 0 8pt;font-size:10pt}#print-root table.info th{text-align:left;vertical-align:top;white-space:nowrap;padding:1pt 10pt 1pt 0;font-weight:700}#print-root table.info th:after{content:" :"}#print-root table.info td{padding:1pt 0}#print-root table.data{border-collapse:collapse;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:9.5pt}#print-root table.data thead{display:table-header-group}#print-root table.data th{color:#fff;text-align:left;background:#156e52;border:.75pt solid #0f5640;padding:4pt 5pt;font-weight:700}#print-root table.data td{vertical-align:top;border:.75pt solid #c9ced6;padding:3pt 5pt}#print-root table.data tbody tr:nth-child(2n) td{background:#f1f7f4}#print-root table.data tr{break-inside:avoid}#print-root table.data .no{text-align:center;white-space:nowrap;width:1%}#print-root table.data .num{text-align:right;white-space:nowrap}#print-root table.data .kosong{text-align:center;color:#666;font-style:italic}#print-root .ttd{text-align:center;break-inside:avoid;width:45%;margin:22pt 0 0 auto}#print-root .ttd__ruang{height:48pt}#print-root .ttd__nama{font-weight:700;text-decoration:underline}#print-root .kaki{color:#6b7280;border-top:.5pt solid #ccc;margin-top:16pt;padding-top:3pt;font-size:8pt}.sync-bar{text-align:center;color:var(--muted);background:#f0f0f0;padding:.35rem;font-size:.8rem}.sync-bar--ok{background:var(--green-light);color:var(--green)}.sync-bar--pending{color:var(--amber);background:#fff6e0}.sync-bar--error{color:var(--red);background:#fdecea}.update-toast{z-index:1000;background:var(--green);color:#fff;border-radius:999px;align-items:center;gap:.6rem;max-width:calc(100vw - 1.5rem);padding:.5rem .75rem;font-size:.85rem;display:flex;position:fixed;top:.75rem;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}.update-toast .btn-tiny{color:var(--green);white-space:nowrap;background:#fff}.dashboard-item{border:1px solid var(--border);background:#fff;border-radius:.6rem;margin-bottom:.5rem}.dashboard-item--alert{border-color:var(--red)}.dashboard-link{color:inherit;padding:.85rem 1rem;text-decoration:none;display:block}.dashboard-item__name{align-items:center;gap:.5rem;font-weight:600;display:flex}.dashboard-item__meta{color:var(--muted);margin-top:.2rem;font-size:.85rem}.badge{background:var(--red);color:#fff;border-radius:999px;padding:.15rem .5rem;font-size:.7rem}.badge--cepat-rapi{background:var(--green)}.badge--perlu-direm,.badge--perlu-didorong{background:var(--amber)}.badge--prioritas{background:var(--red)}.pattern-box{margin-bottom:1rem}.metric-row{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.metric{flex:1;min-width:5.5rem}.metric__label{color:var(--muted);margin-bottom:.2rem;font-size:.75rem}.progress-bar{background:var(--green-light);border-radius:999px;height:.5rem;overflow:hidden}.progress-bar__fill{background:var(--green);border-radius:999px;height:100%}.riwayat-item{border:1px solid var(--border);background:#fff;border-radius:.6rem;margin-bottom:.6rem;padding:.85rem 1rem}.riwayat-item__top{justify-content:space-between;align-items:center;display:flex}.riwayat-item__meta{color:var(--muted);margin-bottom:.4rem;font-size:.8rem}.riwayat-item__catatan{color:var(--muted);margin-top:.3rem;font-size:.9rem;font-style:italic}.status-tag{background:var(--green-light);color:var(--green);border-radius:999px;padding:.15rem .55rem;font-size:.75rem}.status-tag--ulang{color:var(--red);background:#fdecea}.bottom-nav{border-top:1px solid var(--border);padding:.3rem .3rem calc(.3rem + env(safe-area-inset-bottom,0px));background:#fff;gap:.15rem;display:flex;box-shadow:0 -2px 12px #0000000d}.nav-item{min-width:0;color:var(--muted);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:.85rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.3rem .15rem;text-decoration:none;transition:color .15s;display:flex}.nav-item:active{transform:scale(.95)}.nav-item__icon{border-radius:999px;justify-content:center;align-items:center;width:2.15rem;height:1.65rem;transition:background-color .18s;display:flex}.nav-item__icon svg{width:1.3rem;height:1.3rem}.nav-item__label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.68rem;font-weight:600;line-height:1.1;overflow:hidden}.nav-item--active{color:var(--green)}.nav-item--active .nav-item__icon{background:var(--green-light)}@media (width>=480px){.nav-item__label{font-size:.75rem}}.range-row{align-items:center;gap:.5rem;display:flex}.input-sm{flex:1;width:auto;min-width:0}.range-sep{color:var(--muted)}.tab-row{border-bottom:1px solid var(--border);margin-bottom:.75rem;display:flex}.tab{text-align:center;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.65rem 0;font-size:1rem;font-weight:600}.tab--active{color:var(--green);border-bottom-color:var(--green)}.status-tag--mengulang{color:var(--red);background:#fdecea}.status-tag--menunggu,.status-tag--menunggu_hapus{color:var(--amber);background:#fff6e0}.status-tag--disetujui{background:var(--green-light);color:var(--green)}.status-tag--ditolak{color:var(--red);background:#fdecea}.status-tag--naik{background:var(--green-light);color:var(--green)}.status-tag--tetap{color:var(--amber);background:#fff6e0}.status-tag--turun{color:var(--red);background:#fdecea}.status-tag--belum_ada_data{color:var(--muted);background:#eee}.status-tag--baik{background:var(--green-light);color:var(--green)}.status-tag--perhatian{color:var(--amber);background:#fff6e0}.status-tag--kurang{color:var(--red);background:#fdecea}.skor-global-row{gap:.5rem;margin-bottom:.5rem;display:flex}.skor-global-opsi{border:1px solid var(--border);text-align:center;cursor:pointer;background:#fff;border-radius:.6rem;flex:1;padding:.5rem .35rem;font-size:.8rem;line-height:1.3}.skor-global-opsi strong{font-size:1.1rem;display:block}.skor-global-opsi--active{border-color:var(--green);background:var(--green-light);color:var(--green);font-weight:600}.riwayat-item__actions{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.btn-tiny{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.5rem;padding:.35rem .7rem;font-size:.8rem}.btn-tiny--danger{color:var(--red);border-color:var(--red)}.inline-form{border:1px dashed var(--border);border-radius:.6rem;margin-top:.6rem;padding:.7rem}.progres-hafalan{border:1px solid var(--border);background:#fff;border-radius:.6rem;margin-bottom:.75rem;padding:.85rem 1rem}.progres-hafalan__row{margin-bottom:.6rem}.progres-hafalan__row:last-child{margin-bottom:0}.progres-hafalan__label{justify-content:space-between;margin-bottom:.25rem;font-size:.85rem;display:flex}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.5rem}.admin-card{border:1px solid var(--border);background:#fff;border-radius:.6rem;margin-bottom:.6rem;padding:.85rem 1rem}.admin-card--danger{border-color:var(--red);background:#fff9f8}.misi-list{margin:0;padding:0;list-style:none}.misi-card{border:1px solid var(--border);background:#fff;border-radius:.6rem;margin-bottom:.6rem;overflow:hidden}.misi-card__header{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;display:flex}.misi-card__header:disabled{cursor:default;color:var(--muted)}.misi-detail{border-top:1px solid var(--border);padding:0 1rem 1rem}.ayat-arab{text-align:right;direction:rtl;margin:.75rem 0;font-size:1.5rem;line-height:2.2}.kuis-opsi-list{flex-direction:column;gap:.5rem;margin:.5rem 0;display:flex}.kuis-opsi{text-align:left;border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:.6rem;width:100%;padding:.75rem 1rem;font-size:1rem}.kuis-opsi:disabled{cursor:default}.kuis-opsi--benar{border-color:var(--green);background:var(--green-light);color:var(--green);font-weight:600}.kuis-opsi--salah{border-color:var(--red);color:var(--red);background:#fdecea;font-weight:600}.kuis-feedback{border-radius:.6rem;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.9rem}.kuis-feedback--benar{background:var(--green-light);color:var(--green)}.kuis-feedback--salah{color:var(--red);background:#fdecea}.home-page{text-align:center;flex-direction:column;justify-content:center;min-height:100%;display:flex}.home-hero{margin-bottom:2rem}.home-title{color:var(--green);margin:0 0 .25rem;font-size:1.4rem;line-height:1.35}.home-subtitle{color:var(--muted);margin:0 0 1.5rem;font-size:1rem}.home-logo{width:55%;max-width:220px;height:auto}.home-buttons{flex-direction:column;gap:.75rem;display:flex}.btn-secondary{color:var(--green);border:1.5px solid var(--green);cursor:pointer;background:#fff;border-radius:.6rem;padding:.85rem;font-size:1.05rem;font-weight:600}a.btn-primary,a.btn-secondary{text-align:center;text-decoration:none;display:block}.kotak-info--peringatan{color:#6b4500;background:#fff6e0}.login-page{padding-top:1.25rem}.login-kepala{align-items:center;gap:.85rem;margin-bottom:1rem;display:flex}.login-kepala img{object-fit:cover;border-radius:.9rem;width:3.4rem;height:3.4rem;box-shadow:0 2px 10px #156e522e}.login-kepala h2{color:var(--green);margin:0}.login-terakhir{border:2px solid var(--green);background:var(--green-light);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border-radius:.8rem;align-items:center;gap:.75rem;margin-bottom:.9rem;padding:.8rem .9rem;display:flex}.login-terakhir>span:nth-child(2){flex-direction:column;flex:1;display:flex}.login-terakhir>span:last-child{color:var(--green);font-size:1.5rem}.login-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.login-kartu{border:1px solid var(--border);text-align:left;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:.75rem;align-items:center;gap:.6rem;min-height:3.6rem;padding:.65rem .7rem;font-size:.88rem;font-weight:600;line-height:1.25;display:flex}.login-kartu:active{background:var(--green-light);border-color:var(--green)}.login-identitas{text-align:center;flex-direction:column;align-items:center;gap:.35rem;margin:.5rem 0 1rem;display:flex}.login-identitas__avatar .tile-ikon{border-radius:1.1rem;flex-basis:4rem;width:4rem;height:4rem}.login-identitas__avatar .tile-ikon strong{font-size:1.4rem}.login-kode{text-align:center;letter-spacing:.15em;font-size:1.4rem;font-weight:700}.pinpad{max-width:20rem;margin:0 auto}.pinpad__kotak{justify-content:center;gap:.75rem;display:flex}.pinpad__isi{border:2px solid var(--border);width:3rem;height:3.3rem;color:var(--green);background:#fff;border-radius:.7rem;justify-content:center;align-items:center;font-size:1.8rem;transition:border-color .15s,transform .1s;display:flex}.pinpad__isi--terisi{border-color:var(--green);transform:scale(1.04)}.pinpad__kotak--salah{animation:.35s pinpad-geleng}.pinpad__kotak--salah .pinpad__isi{border-color:var(--red)}@keyframes pinpad-geleng{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pinpad__pesan{text-align:center;min-height:1.3rem;color:var(--muted);margin:.6rem 0 .9rem;font-size:.88rem}.pinpad__tombol{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.pinpad__tombol button{border:1px solid var(--border);height:3.6rem;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:.9rem;font-size:1.5rem;font-weight:600}.pinpad__tombol button:active{background:var(--green-light);border-color:var(--green);transform:scale(.96)}.pinpad__tombol .pinpad__hapus{color:var(--muted);font-size:1.3rem}.sw-shell{background:#f5f8f6}.sw-page{padding-top:.85rem}.sw-judul{margin:0 0 .75rem}.sw-chip-streak{color:#c2410c;background:#fff1e6;border-radius:999px;padding:.2rem .55rem;font-size:.85rem;font-weight:700}.sw-hero{color:#fff;background:linear-gradient(135deg,#156e52 0%,#1f8a67 60%,#2aa37a 100%);border-radius:1.1rem;margin-bottom:.75rem;padding:1rem 1rem .9rem;box-shadow:0 6px 18px #156e5240}.sw-hero__salam{opacity:.85;margin:0;font-size:.9rem}.sw-hero__nama{margin:.1rem 0;font-size:1.45rem}.sw-hero__meta{opacity:.85;margin:0 0 .75rem;font-size:.8rem}.sw-hero__stat{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.sw-hero__stat>div{text-align:center;background:#ffffff24;border-radius:.75rem;flex-direction:column;padding:.5rem .4rem;display:flex}.sw-hero__stat strong{font-size:1.2rem}.sw-hero__stat span{opacity:.9;font-size:.7rem}.sw-hero__tingkat{opacity:.95;margin-top:.7rem;font-size:.75rem}.sw-bar{background:#e3ebe7;border-radius:999px;height:.55rem;margin:.35rem 0;overflow:hidden}.sw-bar>span{background:linear-gradient(90deg,#1f8a67,#3dbb8b);border-radius:999px;height:100%;transition:width .5s;display:block}.sw-bar--terang{background:#ffffff40}.sw-bar--terang>span{background:#ffd166}.sw-bar--tipis{height:.35rem;margin:.4rem 0 .1rem}.sw-kartu{color:inherit;background:#fff;border:1px solid #e3ebe7;border-radius:1rem;margin-bottom:.75rem;padding:.85rem .95rem;text-decoration:none;display:block}.sw-kartu p{margin:.25rem 0;font-size:.9rem;line-height:1.5}.sw-kartu__judul{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;font-weight:700;display:flex}.sw-kartu--tautan:active{background:var(--green-light)}.sw-kartu--ortu{background:#fffaf0;border-color:#f3e2bd}.sw-kartu--segera{opacity:.75;border-style:dashed}.sw-minggu{grid-template-columns:repeat(7,1fr);gap:.35rem;display:grid}.sw-hari{color:var(--muted);background:#f1f4f2;border:2px solid #0000;border-radius:.6rem;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem 0 .45rem;font-size:.68rem;display:flex}.sw-hari strong{height:1.1rem;font-size:.95rem;line-height:1.1rem}.sw-hari--aktif{color:#fff;background:#ff9f43}.sw-hari--kini{border-color:#ff9f43;font-weight:700}.sw-hari--nanti{opacity:.45}.sw-target{background:#fff1e6;border:2px solid #ffb37a;border-radius:1rem;flex-direction:column;gap:.35rem;margin-bottom:.75rem;padding:.95rem;display:flex}.sw-target>span{color:#6b3a14;margin-bottom:.25rem;font-size:.88rem}.sw-target--selesai{background:var(--green-light);border-color:#9fd6bd}.sw-target--selesai>span{color:var(--green)}.sw-sesi-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.sw-sesi{background:#f5f8f6;border-radius:.7rem;flex-direction:column;align-items:flex-start;gap:.15rem;min-width:0;padding:.6rem;font-size:.88rem;display:flex}.sw-sesi__judul{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.sw-hafalan{margin-top:.65rem}.sw-saran{text-align:left;border:1px dashed var(--green);background:var(--green-light);width:100%;color:var(--green);font:inherit;cursor:pointer;border-radius:.6rem;padding:.55rem .7rem;font-size:.88rem;display:block}.misi-card--selesai{background:#f7fbf9}.sw-riwayat-list{margin:0;padding:0;list-style:none}.sw-riwayat{background:#fff;border:1px solid #e3ebe7;border-left:4px solid #cfd8d3;border-radius:.8rem;margin-bottom:.5rem;padding:.7rem .85rem}.sw-riwayat--lulus{border-left-color:var(--green)}.sw-riwayat--mengulang{border-left-color:var(--amber)}.sw-riwayat__skor{color:var(--muted);flex-wrap:wrap;gap:.25rem .75rem;margin-top:.35rem;font-size:.78rem;display:flex}.sw-riwayat__catatan{background:#f5f8f6;border-radius:.5rem;margin:.4rem 0 0;padding:.4rem .55rem;font-size:.85rem}.sw-absen{background:#fff;border:1px solid #e3ebe7;border-radius:.7rem;justify-content:space-between;align-items:center;margin-bottom:.4rem;padding:.55rem .8rem;font-size:.9rem;display:flex}.sw-tangga{margin:0;padding:0;list-style:none}.sw-tangga__item{border-radius:.6rem;align-items:center;gap:.6rem;padding:.45rem .5rem;display:flex}.sw-tangga__no{width:1.8rem;height:1.8rem;color:var(--muted);background:#eef1ef;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.sw-tangga__nama{flex:1;font-weight:600}.sw-tangga__item--lewat .sw-tangga__no{background:var(--green-light);color:var(--green)}.sw-tangga__item--kini{background:#fff6db}.sw-tangga__item--kini .sw-tangga__no{color:#5c4100;background:#ffd166}.sw-tangga__item--depan{opacity:.55}.sw-lencana-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.sw-lencana{text-align:center;background:#f3f4f5;border:1px solid #e5e7eb;border-radius:.8rem;flex-direction:column;align-items:center;gap:.15rem;padding:.75rem .5rem;font-size:.85rem;display:flex}.sw-lencana__ikon{filter:grayscale();opacity:.45;font-size:2rem}.sw-lencana__desk{color:var(--muted);font-size:.72rem}.sw-lencana--diraih{background:linear-gradient(160deg,#fff8e1,#fff);border-color:#ffd166}.sw-lencana--diraih .sw-lencana__ikon{filter:none;opacity:1}.sw-lencana .sw-bar--tipis{width:80%}.sw-perayaan{z-index:2000;background:#0a1e168c;justify-content:center;align-items:center;padding:1.25rem;animation:.2s sw-muncul;display:flex;position:fixed;inset:0}.sw-perayaan__kartu{text-align:center;background:#fff;border-radius:1.3rem;width:100%;max-width:22rem;padding:1.4rem 1.2rem 1.1rem;animation:.45s cubic-bezier(.2,1.4,.4,1) sw-melompat}.sw-perayaan__kartu h3{color:var(--green);margin:.25rem 0 .35rem}.sw-perayaan__ikon{font-size:3.4rem;line-height:1}.sw-perayaan__xp{color:#e08a00;margin:.2rem 0 .5rem;font-size:2rem;font-weight:800}.sw-perayaan__lencana{background:#fff8e1;border-radius:.6rem;padding:.4rem .6rem}.sw-perayaan .btn-primary{margin-top:.75rem}@keyframes sw-muncul{0%{opacity:0}to{opacity:1}}@keyframes sw-melompat{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sw-perayaan,.sw-perayaan__kartu,.pinpad__kotak--salah{animation:none}}.status-tiles--4{grid-template-columns:repeat(4,1fr);gap:.4rem}.status-tiles--4 .status-tile{padding:.5rem}.status-tiles--4 .status-tile strong{font-size:1.3rem}.status-tile--statis{cursor:default}.pantau-tile--aktif_hari{border-top-color:var(--st-selesai)}.pantau-tile--aktif_hari strong{color:var(--st-selesai)}.pantau-tile--aktif_minggu{border-top-color:#4fb38c}.pantau-tile--aktif_minggu strong{color:#2f8a66}.pantau-tile--pasif{border-top-color:var(--st-berjalan)}.pantau-tile--pasif strong{color:var(--st-berjalan)}.pantau-tile--belum{border-top-color:var(--st-belum)}.pantau-tile--belum strong{color:var(--st-belum)}.pantau-pill{white-space:nowrap;border-radius:999px;padding:.05rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.pantau-pill--hari_ini{background:var(--st-selesai);color:#fff}.pantau-pill--minggu_ini{background:var(--st-selesai-bg);color:var(--st-selesai)}.pantau-pill--pasif{background:var(--st-berjalan-bg);color:var(--st-berjalan)}.pantau-pill--belum_latihan{background:var(--st-belum-bg);color:var(--st-belum)}.pantau-pill--belum_masuk{background:var(--st-libur-bg);color:var(--st-libur)}.pantau-item--hari_ini,.pantau-item--minggu_ini{border-left-color:var(--st-selesai)}.pantau-item--pasif{border-left-color:var(--st-berjalan)}.pantau-item--belum_latihan{border-left-color:var(--st-belum)}.pantau-item--belum_masuk{border-left-color:#c4c9cf}.pantau-angka{flex-direction:column;flex-shrink:0;align-items:flex-end;line-height:1.15;display:flex}.pantau-angka strong{font-size:1rem}.pantau-angka span{color:var(--muted);white-space:nowrap;font-size:.68rem}.pantau-baris-bawah{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.pantau-minggu{gap:3px;display:inline-flex}.pantau-minggu span{color:#9aa3ab;background:#eef1ef;border-radius:.3rem;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.6rem;font-weight:700;display:flex}.pantau-minggu .pantau-minggu__on{color:#fff;background:#ff9f43}.kartu-semangat{background:#fffaf0;border-color:#f3e2bd}.reaksi-row{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.reaksi-btn{border:1px solid var(--border);cursor:pointer;color:var(--text);background:#fff;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.reaksi-btn:disabled{cursor:default}.reaksi-btn--aktif{background:#fff1d6;border-color:#f2c46d;font-weight:600}.pantau-minggu .pantau-minggu__jeda,.sw-hari--jeda{color:#1e40af;background:#dbeafe}.sw-jeda-link{color:#1e40af;text-align:left;padding:.35rem 0 0;font-size:.82rem}.sw-jeda-info{color:var(--muted);font-size:.78rem}.sw-kartu--apresiasi{background:linear-gradient(160deg,#fffaf0,#fff);border-color:#f3e2bd}.sw-baru{color:#fff;background:#e0613c;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.sw-apresiasi-list{margin:0;padding:0;list-style:none}.sw-apresiasi-list li{border-top:1px solid #f1ead8;gap:.6rem;padding:.5rem 0;display:flex}.sw-apresiasi-list li:first-child{border-top:none}.sw-apresiasi-list li>span:last-child{flex-direction:column;min-width:0;display:flex}.sw-apresiasi--baru strong{color:#b45309}.sw-apresiasi__ikon{font-size:1.6rem;line-height:1}.sw-apresiasi__pesan{margin-top:.1rem;font-size:.88rem;font-style:italic}.sw-target__kepala{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.sw-target__segmen{gap:3px;display:inline-flex}.sw-target__segmen span{background:#0000001a;border-radius:999px;width:1.4rem;height:.55rem}.sw-target__segmen .sw-target__segmen--isi{background:#ff9f43}.sw-target--selesai .sw-target__segmen .sw-target__segmen--isi{background:var(--green)}.sw-target__label{color:#6b3a14;flex:1;font-size:.78rem;font-weight:700}.sw-target--selesai .sw-target__label{color:var(--green)}.sw-target__ubah{padding:0;font-size:.8rem}.sw-pilih-target{flex-direction:column;gap:.35rem;margin:.2rem 0 .5rem;display:flex}.sw-pilih-target__opsi{font:inherit;color:var(--text);cursor:pointer;text-align:left;background:#fff;border:1.5px solid #f1d2b3;border-radius:.7rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.88rem;display:flex}.sw-pilih-target__opsi span{color:var(--muted);font-size:.75rem}.sw-pilih-target__opsi--aktif{border-color:var(--green);background:var(--green-light)}.sw-kartu--kelompok{background:linear-gradient(160deg,#f3f8ff,#fff);border-color:#d6e4f5}.sw-kartu--kelompok-tercapai{background:linear-gradient(160deg,#e9f7f0,#fff);border-color:#9fd6bd}.sw-kelompok-hari{grid-template-columns:repeat(7,1fr);gap:.35rem;display:grid}.sw-kelompok-hari__kol{color:var(--muted);flex-direction:column;align-items:center;gap:.2rem;font-size:.65rem;display:flex}.sw-kelompok-hari__batang{background:#eef2f7;border-radius:.4rem;align-items:flex-end;width:100%;height:2.2rem;display:flex;overflow:hidden}.sw-kelompok-hari__batang span{background:#5b8def;border-radius:.4rem .4rem 0 0;width:100%;display:block}.perekam__mulai{border-style:dashed}.perekam__aktif{background:#fdecea;border-radius:.7rem;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.perekam__aktif .btn-primary{background:var(--red);margin-left:auto;padding:.5rem .9rem;font-size:.9rem}.perekam__titik{background:var(--red);border-radius:50%;width:.75rem;height:.75rem;animation:1s ease-in-out infinite perekam-kedip}@keyframes perekam-kedip{50%{opacity:.25}}.perekam__hasil audio,.putar-rekaman{width:100%;height:2.4rem}.rekaman-blok{background:#f6f8fb;border:1px solid #e3e8ef;border-radius:.6rem;margin-top:.55rem;padding:.55rem .65rem}.rekaman-nilai{margin-top:.45rem}.rekaman-nilai .segmen__teks{font-size:.7rem}.sw-kartu--angket{background:linear-gradient(160deg,#eef4ff,#fff);border-color:#c7d7f5}.angket-butir{padding:.75rem .85rem}.angket-butir--terisi{border-color:#9fd6bd}.angket-skala{gap:.3rem;display:flex}.angket-skala button{border:1.5px solid var(--border);min-width:0;height:2.4rem;font:inherit;color:var(--text);cursor:pointer;background:#fff;border-radius:.55rem;flex:1;font-weight:700}.angket-skala .angket-skala__aktif{background:var(--green);border-color:var(--green);color:#fff}.angket-ujung{color:var(--muted);justify-content:space-between;margin-top:.25rem;font-size:.68rem;display:flex}.segmen__btn--aktif.segmen__btn--kontrol{background:#1e40af}.kontak-baris{align-items:center;gap:.5rem;padding:.55rem .7rem;display:flex}.kontak-baris__hp{flex:0 0 9.5rem;margin:0;padding:.45rem .6rem;font-size:.9rem}.kontak-baris__aktif{color:var(--muted);flex-direction:column;align-items:center;font-size:.65rem;display:flex}.pratinjau-wa{white-space:pre-wrap;background:#dcf8c6;border-radius:.6rem;margin:.5rem 0;padding:.65rem .8rem;font-family:inherit;font-size:.85rem}@media (prefers-reduced-motion:reduce){.perekam__titik{animation:none}}