.crumb-bar{display:flex;align-items:center;gap:.55rem;padding:.85rem 1.75rem .1rem}.crumbs{padding:0;min-width:0}.back-btn{position:relative;overflow:hidden;flex:none;display:inline-flex;align-items:center;gap:.3rem;height:34px;max-width:220px;padding:0 .72rem 0 .5rem;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--paper);color:var(--green-800);font:inherit;font-size:var(--t-xs);font-weight:600;cursor:pointer;box-shadow:var(--sh-1);transition:max-width .28s var(--ease),background .16s var(--ease),border-color .16s var(--ease),box-shadow .2s var(--ease),transform .16s var(--ease),opacity .22s var(--ease),padding .28s var(--ease)}.back-btn .arw{width:20px;height:20px;flex:none;display:grid;place-content:center;transition:transform .24s var(--ease)}.back-btn .arw svg{width:18px;height:18px;display:block}.back-btn .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-btn:hover,.back-btn:focus-visible{background:var(--green-100);border-color:var(--green-300);box-shadow:var(--sh-2)}.back-btn:hover .arw{transform:translate(-3px)}.back-btn:active{transform:scale(.95)}.back-btn:focus-visible{outline:2px solid var(--green-300);outline-offset:2px}.back-btn:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 18% 50%,rgba(255,255,255,.8),transparent 60%);opacity:0}.back-btn.tap:after{animation:back-riak .5s var(--ease)}.back-btn.tap .arw{animation:back-lesat .42s var(--ease)}.back-btn.hide{max-width:0;padding:0;margin:0;border-width:0;opacity:0;pointer-events:none;box-shadow:none}@keyframes back-riak{0%{opacity:1}to{opacity:0}}@keyframes back-lesat{40%{transform:translate(-7px);opacity:.35}41%{transform:translate(7px);opacity:0}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.back-btn,.back-btn .arw{transition:none}.back-btn.tap .arw{animation:none}}.alert-box p{white-space:pre-line}@media(max-width:720px){.crumb-bar{padding-left:1rem;padding-right:1rem}}@media(max-width:560px){.crumb-bar{padding:.6rem .9rem .1rem;gap:.45rem;align-items:flex-start}.crumbs{flex-wrap:nowrap;padding:0 0 .5rem}.back-btn{max-width:132px;font-size:var(--t-2xs);height:38px}}@media(hover:none){.back-btn{height:38px}}@media print{.crumb-bar{display:none!important}}.riwayat{display:flex;flex-direction:column;gap:1.6rem}.riwayat-tahun{display:flex;flex-direction:column;gap:.6rem}.riwayat-head{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:var(--t-xs)}.riwayat-head .thn{font-weight:800;color:var(--ink-900);letter-spacing:.01em}.riwayat-head .tanda{border:1px solid var(--line-2);border-radius:var(--r-pill);padding:.12rem .6rem;font-size:var(--t-2xs);font-weight:700;color:var(--ink-600);background:var(--paper)}.riwayat-head .tanda.kini{background:var(--green-100);border-color:var(--green-300);color:var(--green-800)}.riwayat .tiles{margin:0 auto}.progres-tahun{max-width:880px;margin:2.4rem auto 0;width:100%}.progres-tahun h3{margin:0;font-size:var(--t-lg);text-align:center}.progres-tahun p.small{text-align:center;margin:.3rem 0 0}.progres-tahun .score-bars{margin-top:1rem}.progres-tahun .score-bar{grid-template-columns:178px 1fr}.progres-tahun .score-bar .tag{font-size:var(--t-xs);line-height:1.25}.score-bar .out .delta{margin-left:.5rem;font-weight:800}.score-bar .out .delta.naik{color:var(--green-700)}.score-bar .out .delta.turun{color:var(--danger)}@media(max-width:560px){.progres-tahun .score-bar{grid-template-columns:104px 1fr}.progres-tahun .score-bar .tag{font-size:var(--t-2xs)}}.status-tag{display:inline-block;border-radius:var(--r-pill);padding:.12rem .62rem;font-size:var(--t-2xs);font-weight:700;border:1px solid transparent}.status-tag.ok{background:var(--green-100);color:var(--green-800);border-color:var(--green-300)}.status-tag.no{background:#fdecea;color:#c0392b;border-color:#f3c9c3}.status-tag.netral{background:var(--green-050);color:var(--ink-600);border-color:var(--line)}.jam-menu{position:relative;flex:none}.clock{display:flex;align-items:center;gap:.55rem;flex:none;padding:.32rem .8rem .32rem .64rem;border:1px solid var(--line-2);border-radius:var(--r-pill);background:linear-gradient(180deg,#fff,var(--green-050));box-shadow:var(--sh-1);color:var(--green-800);line-height:1.12;font:inherit;text-align:left;cursor:pointer;user-select:none;transition:background .16s var(--ease),border-color .16s var(--ease)}.clock:hover{border-color:var(--green-300);background:var(--green-050)}.clock:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}.clock[aria-expanded=true]{border-color:var(--green-300);background:var(--green-050)}.clock .ic{display:grid;place-content:center;flex:none;color:var(--green-600)}.clock .ic svg{width:17px;height:17px;display:block}.clock .teks{display:flex;flex-direction:column;gap:.04rem}.clock .hari{font-size:var(--t-2xs);font-weight:700;letter-spacing:.02em;color:#55645c;white-space:nowrap}.clock .jam{font-size:var(--t-lg);font-weight:800;letter-spacing:.01em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;display:flex;align-items:baseline;line-height:1.05}.clock .titik{font-style:normal;padding:0 .05rem;color:var(--green-600);opacity:.7}.clock.lokal{border-style:dashed;color:var(--ink-600);background:var(--paper)}.clock.lokal .ic,.clock.lokal .titik{color:var(--ink-400)}@media(max-width:900px){.clock .hari{display:none}.clock{padding:.28rem .62rem}}@media(max-width:560px){.clock .ic{display:none}.clock{padding:.24rem .46rem}.clock .jam{font-size:var(--t-md)}}.jam-drop{position:absolute;left:0;right:auto;top:calc(100% + .55rem);z-index:46;width:min(272px,calc(100vw - 2rem));background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);padding:.85rem 1rem .9rem;animation:pop .16s var(--ease);cursor:default;user-select:text}.jam-drop.hide{display:none}.jk-tanggal{font-size:var(--t-sm);font-weight:800;color:var(--green-900)}.jk-hijriah{margin-top:.12rem;font-size:var(--t-xs);color:var(--ink-600)}.jk-hijriah.hide{display:none}.jk-garis{height:1px;background:var(--line);margin:.7rem 0}.jk-jam{display:flex;align-items:baseline;gap:.4rem;font-size:var(--t-2xl);font-weight:800;color:var(--green-800);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.01em;line-height:1.1}.jk-zona{font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;color:var(--ink-400)}.jk-status{margin-top:.5rem;font-size:var(--t-2xs);font-weight:600;border-radius:var(--r-sm);padding:.3rem .5rem}.jk-status.ok{background:var(--green-050);color:var(--green-800)}.jk-status.lokal{background:var(--gold-100);color:#8a6d00}.jk-catatan{margin:.55rem 0 0;font-size:var(--t-2xs);line-height:1.45;color:var(--ink-400)}.jk-catatan.hide{display:none}@media(max-width:560px){.jam-drop{position:fixed;left:.6rem;right:.6rem;width:auto;top:58px}}.cari-button{display:inline-flex;align-items:center;gap:.42rem;flex:none;height:34px;padding:0 .5rem 0 .6rem;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--paper);color:var(--ink-600);font:inherit;font-size:var(--t-xs);font-weight:600;cursor:pointer;box-shadow:var(--sh-1);transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),box-shadow .2s var(--ease)}.cari-button .ic{display:grid;place-content:center}.cari-button .ic svg{width:17px;height:17px;display:block}.cari-button:hover,.cari-button:focus-visible{background:var(--green-100);border-color:var(--green-300);color:var(--green-800);box-shadow:var(--sh-2)}.cari-latar{position:fixed;inset:0;z-index:60;background:#0b1e1461;backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:max(6vh,2rem) 1rem 2rem;animation:cari-masuk .16s var(--ease)}.cari-latar.pergi{animation:cari-keluar .13s var(--ease) forwards}@keyframes cari-masuk{0%{opacity:0}}@keyframes cari-keluar{to{opacity:0}}.cari-panel{width:min(680px,100%);max-height:min(72vh,620px);display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:0 24px 60px #10281c47;animation:cari-naik .2s var(--ease) both}@keyframes cari-naik{0%{transform:translateY(-10px) scale(.985);opacity:.6}}.cari-atas{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.cari-atas .ic{color:var(--green-700);display:grid;place-content:center}.cari-atas .ic svg{width:20px;height:20px;display:block}.cari-input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:var(--t-lg);color:var(--ink-900);padding:.2rem 0}.cari-input::placeholder{color:var(--ink-400)}.cari-input::-webkit-search-cancel-button{display:none}.cari-terakhir{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.6rem 1rem;border-bottom:1px solid var(--line)}.cari-terakhir .lbl{font-size:var(--t-2xs);font-weight:700;color:var(--ink-400);margin-right:.2rem}.cari-terakhir .chip{padding:.18rem .62rem;font-size:var(--t-2xs);min-height:0}.cari-hasil{overflow-y:auto;padding:.4rem;flex:1}.cari-grup{font-size:var(--t-2xs);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-400);padding:.7rem .8rem .25rem}.cari-item{width:100%;display:flex;align-items:center;gap:.75rem;text-align:left;border:0;background:transparent;font:inherit;cursor:pointer;padding:.55rem .8rem;border-radius:var(--r-sm);color:var(--ink-900)}.cari-item .ic{width:30px;height:30px;flex:none;border-radius:var(--r-sm);display:grid;place-content:center;font-size:var(--t-md);background:var(--green-050);border:1px solid var(--line)}.cari-item .isi{display:flex;flex-direction:column;min-width:0;flex:1}.cari-item .t{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cari-item .d{font-size:var(--t-2xs);color:var(--ink-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cari-item.on{background:var(--green-100)}.cari-item.on .ic{background:#fff;border-color:var(--green-300)}.cari-kosong{text-align:center;color:var(--ink-600);padding:2.6rem 1rem}.cari-kosong .mark{font-size:1.7rem;display:block;margin-bottom:.5rem;opacity:.7}.cari-kosong p{margin:0;font-size:var(--t-sm)}@media(max-width:900px){.cari-button .lbl{display:none}.cari-button{width:36px;justify-content:center;padding:0}}@media(max-width:560px){.cari-latar{padding:0;align-items:stretch}.cari-panel{width:100%;max-height:100%;border-radius:0;border:0}.cari-hasil{padding:.2rem}.cari-item{padding:.7rem}}.saring-bar{display:flex;align-items:center;gap:.55rem;margin:0 0 .7rem;padding:.3rem .8rem .3rem .75rem;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--sh-1);max-width:460px}.saring-bar .ic{font-size:var(--t-sm);opacity:.6;flex:none}.saring-bar input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:var(--t-sm);padding:.34rem 0;color:var(--ink-900)}.saring-bar input::-webkit-search-cancel-button{display:none}.saring-bar .jml{flex:none;font-size:var(--t-2xs);font-weight:600;color:var(--ink-400);font-variant-numeric:tabular-nums;white-space:nowrap}.saring-bar:focus-within{border-color:var(--green-300);box-shadow:var(--sh-2)}@media(max-width:560px){.saring-bar{max-width:none}}.cari-input:focus-visible{box-shadow:none}.footer-strip .bar{flex:1 1 auto}.footer-strip.tautan{flex-wrap:nowrap;gap:.8rem}.footer-strip.tautan .pranala{display:flex;align-items:center;gap:.5rem;flex:none;flex-wrap:wrap;justify-content:flex-end}.footer-strip a.site{text-decoration:none;display:inline-flex;align-items:center;transition:background .16s var(--ease),transform .12s var(--ease),box-shadow .16s var(--ease)}.footer-strip a.site:hover,.footer-strip a.site:focus-visible{background:var(--green-700);box-shadow:var(--sh-2);transform:translateY(-1px)}.footer-strip a.site:active{transform:translateY(0)}@supports (min-height: 100dvh){.login-page{min-height:100dvh}}@media(max-width:560px){.login-top{padding:.6rem 1rem 0;gap:.35rem}.login-top .brand-logo{height:36px}.login-top .brand-tagline{height:17px}.login-body{padding:.6rem 1rem .8rem;gap:.35rem}.wordmark{line-height:1.02;padding-bottom:.15rem}.wordmark .hpsa{font-size:2rem}.wordmark .live{font-size:var(--t-xl)}.login-sub{font-size:var(--t-2xs);margin:.25rem 0 .8rem;line-height:1.4}.login-card{padding:1.25rem 1.1rem 1.1rem;border-radius:var(--r-lg)}.login-card .avatar-icon{width:54px;height:54px;margin:-2.2rem auto .55rem}.login-card .avatar-icon svg{width:29px;height:29px}.login-greet{font-size:var(--t-xs);margin-bottom:.75rem}.login-field{margin-bottom:.58rem}.login-field .lbl{margin-bottom:.25rem;font-size:var(--t-2xs)}.login-field input{padding:.55rem 0}.btn-login{padding:.66rem}.link-btn{margin-top:.5rem;font-size:var(--t-xs)}.login-hint{margin-top:.7rem;font-size:var(--t-2xs)}.login-page .footer-strip{padding:.5rem 1rem .7rem}.footer-strip.tautan{flex-wrap:wrap;gap:.5rem}.footer-strip.tautan .bar{flex:1 1 100%}.footer-strip.tautan .pranala{flex:1 1 100%;justify-content:center}.footer-strip a.site{font-size:var(--t-2xs);padding:.3rem .8rem}}@media(max-height:640px)and (max-width:900px){.wordmark .hpsa{font-size:1.75rem}.wordmark .live{font-size:var(--t-md)}.login-sub{font-size:var(--t-2xs);margin:.2rem 0 .55rem}.login-card{padding:1.1rem 1rem 1rem}.login-card .avatar-icon{width:46px;height:46px;margin:-1.8rem auto .4rem}.login-greet{font-size:var(--t-2xs);margin-bottom:.55rem}.login-hint{margin-top:.5rem}}@media(max-width:560px){.tiles{width:100%}.tiles:has(.tile.square){grid-template-columns:1fr 1fr;justify-content:center;gap:.8rem;width:100%}.tiles:has(.tile.square) .tile.square{width:100%;max-width:180px;min-height:116px;justify-self:center;flex-direction:column;justify-content:center;gap:.1rem;padding:1rem .6rem;text-align:center}.tiles:has(.tile.square) .tile.square .top{font-size:var(--t-xs)}.tiles:has(.tile.square) .tile.square .big{font-size:2.1rem;line-height:1.1}.tiles:has(.tile.icon){grid-template-columns:1fr 1fr;gap:.8rem}.tiles:has(.tile.icon) .tile.icon{width:100%;min-height:118px;flex-direction:column;justify-content:center;gap:.3rem;padding:.9rem .55rem;text-align:center}.tiles:has(.tile.icon) .tile.icon .glyph{margin:0 0 .15rem}.tiles:has(.tile.icon) .tile.icon .label{font-size:var(--t-sm)}.tiles:has(.tile.icon) .tile.icon.berisi .isi{flex-direction:column;align-items:center;justify-content:center;gap:.25rem;margin-top:.15rem}}.kenaikan h3{margin:0 0 .3rem;font-size:var(--t-lg)}.kenaikan-pilih{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.1rem 0 1.2rem}.kenaikan-pilih .field{margin:0;min-width:190px;flex:1 1 190px;max-width:280px}.kenaikan table.list td input[type=text]{width:100%;max-width:190px;padding:.35rem .6rem;border:1px solid var(--line-2);border-radius:var(--r-sm);font:inherit;font-size:var(--t-sm)}.kenaikan table.list td input[type=checkbox]{width:18px;height:18px;accent-color:var(--green-700)}.kenaikan table.list tbody tr:has(input[type=checkbox]:checked){background:var(--green-050)}@media(max-width:560px){.kenaikan-pilih .field{max-width:none;flex:1 1 100%}}table.grid{overflow:visible;border-radius:0;box-shadow:none}.table-wrap:has(table.grid){border-radius:var(--r);box-shadow:var(--sh-2);background:var(--paper);padding:0 0 8px}table.grid thead th:first-child:not(.name),table.grid tbody td:first-child{position:sticky;left:0;z-index:3}table.grid th.name,table.grid td.name{position:sticky;left:46px;z-index:3}table.grid thead th:first-child:not(.name),table.grid tbody td:first-child{min-width:46px;width:46px}table.grid th.name,table.grid td.name{min-width:178px}table.grid thead tr:nth-child(2) th:nth-child(2){position:sticky;left:46px;z-index:4;background:var(--green-050);box-shadow:1px 0 0 var(--line)}table.grid tbody td:first-child,table.grid tbody td.name{background:var(--paper)}table.grid tbody tr:nth-child(2n) td:first-child,table.grid tbody tr:nth-child(2n) td.name{background:#fcfdfc}table.grid tbody tr:hover td:first-child,table.grid tbody tr:hover td.name{background:var(--green-050)}table.grid thead th:first-child:not(.name){background:var(--green-050);z-index:4}table.grid thead tr:first-child th:first-child,table.grid thead tr:first-child th.blank{background:var(--paper)!important}table.grid th.name{background:var(--green-050);z-index:4}table.grid tbody td.name,table.grid th.name{box-shadow:1px 0 0 var(--line)}@media(max-width:720px){table.grid thead th:first-child:not(.name),table.grid tbody td:first-child{min-width:30px;width:30px;padding-left:.3rem;padding-right:.3rem}table.grid th.name,table.grid td.name,table.grid thead tr:nth-child(2) th:nth-child(2){left:30px}table.grid th.name,table.grid td.name,table.grid thead tr:nth-child(2) th:nth-child(2){min-width:0;width:108px;max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.grid.legger td.name{white-space:nowrap}}table.grid tbody tr.fokus td{background:var(--green-050)}table.grid tbody tr.fokus td:first-child,table.grid tbody tr.fokus td.name{background:var(--green-100);font-weight:700}table.grid td.fokus-kolom{background:#f2f9f3}table.grid tbody tr.fokus td.fokus-kolom{background:var(--green-100)}table.grid input[type=number]:focus{box-shadow:var(--ring),0 0 0 1px var(--green-500)}.stat-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.4rem}.stat-tab{border:1px solid var(--line-2);background:var(--paper);color:var(--ink-600);border-radius:var(--r-pill);padding:.5rem 1.1rem;font:inherit;font-size:var(--t-md);font-weight:600;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.stat-tab:hover{border-color:var(--green-300);color:var(--green-800)}.stat-tab.aktif{background:var(--green-700);border-color:var(--green-700);color:#fff;box-shadow:var(--sh-1)}.stat-cards{display:grid;gap:1rem;margin:0 0 1.6rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stat-card{display:flex;gap:.85rem;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);padding:1rem 1.1rem;transition:box-shadow .2s var(--ease),transform .2s var(--ease)}.stat-card:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}.stat-card .stat-glyph{font-size:var(--t-2xl);line-height:1.2}.stat-card .stat-nilai{font-size:1.7rem;font-weight:800;color:var(--green-800);line-height:1.1;font-variant-numeric:tabular-nums}.stat-card .stat-label{font-size:var(--t-sm);font-weight:700;color:var(--ink-800);margin-top:.15rem}.stat-card .stat-sub{font-size:var(--t-2xs);color:var(--ink-400);margin-top:.2rem}.stat-card .progress{margin-top:.5rem}.stat-card.awas{border-color:#f3c9c3;background:#fffaf9}.stat-card.awas .stat-nilai{color:var(--danger)}.stat-card.aman .stat-nilai{color:var(--green-700)}.stat-grid{display:grid;gap:1.2rem;grid-template-columns:1fr 1fr;margin:0 0 1.4rem}@media(max-width:900px){.stat-grid{grid-template-columns:1fr}}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);padding:1.1rem 1.2rem 1.3rem;margin:0 0 1.4rem}.panel .panel-judul{margin:0;font-size:var(--t-lg);font-weight:800;color:var(--green-900)}.panel .panel-lead{margin:.25rem 0 1rem;font-size:var(--t-xs);color:var(--ink-400)}.panel .table-wrap{box-shadow:none}.chart{width:100%;color:var(--ink-400)}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart text{font-family:var(--sans);fill:var(--ink-600)}.chart text.sumbu{font-size:11px;fill:var(--ink-400)}.chart text.tipis{font-size:10px;fill:var(--ink-200)}.chart text.nilai-batang{font-size:11px;font-weight:800;fill:var(--ink-800)}.chart rect{transition:opacity .18s var(--ease)}.chart:hover rect{opacity:.82}.chart rect:hover{opacity:1}.bar-list{display:flex;flex-direction:column;gap:.85rem}.bar-item{display:flex;flex-direction:column;gap:.28rem}.bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.bar-nama{font-size:var(--t-sm);font-weight:700;color:var(--ink-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-angka{font-size:var(--t-md);font-weight:800;color:var(--green-800);font-variant-numeric:tabular-nums}.bar-track{height:10px;background:var(--green-050);border-radius:var(--r-pill);overflow:hidden}.bar-isi{display:block;height:100%;border-radius:var(--r-pill);transition:width .5s var(--ease)}.bar-kaki{font-size:var(--t-2xs);color:var(--ink-400)}.isi-sel{display:flex;align-items:center;gap:.55rem;min-width:130px}.isi-sel .progress{flex:1;min-width:70px}.isi-sel .pct{font-size:var(--t-2xs);color:var(--ink-600);font-variant-numeric:tabular-nums}table.list td.tengah,table.list th.tengah{text-align:center}.status-tag.awas{background:#fdecea;color:var(--danger);border-color:#f3c9c3}@media(max-width:560px){.stat-card .stat-nilai{font-size:var(--t-2xl)}.isi-sel{min-width:0;justify-content:flex-start}}.rapor-alat{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin:0 0 1.2rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);padding:.85rem 1.1rem}.rapor-alat-kanan{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.rapor-semester{display:flex;gap:.4rem;background:none;border:0;padding:0}.rapor-semester .stat-tab{padding:.4rem .85rem;font-size:var(--t-xs)}.rapor-sheet{background:#fff;color:#111;margin:0 auto;max-width:820px;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-2);padding:2.2rem 2.4rem 2.6rem;font-size:var(--t-sm);line-height:1.5}@media(max-width:720px){.rapor-sheet{padding:1.2rem 1rem 1.6rem;font-size:var(--t-xs)}.rapor-alat{flex-direction:column;align-items:stretch}}@media print{.app-header,.crumb-bar,.footer-strip,.toast-host,#modal-host,.layar-saja,.to-top,.side,.notice{display:none!important}html,body{background:#fff!important}.app,.page{display:block!important;padding:0!important;margin:0!important;max-width:none!important;background:#fff!important}.page{animation:none!important}.rapor-sheet{border:0;box-shadow:none;border-radius:0;max-width:none;width:100%;padding:6mm 0;font-size:11pt}a[href]:after{content:none!important}}@page{size:215mm 330mm;margin:6mm 12mm}.unit-menu{position:relative}.unit-button{display:flex;align-items:center;gap:.4rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);padding:.34rem .7rem;font:inherit;font-size:var(--t-sm);font-weight:700;color:var(--green-800);cursor:pointer;box-shadow:var(--sh-1);transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.unit-button:hover{background:var(--green-050);border-color:var(--green-300)}.unit-button:active{transform:scale(.97)}.unit-button .ic{font-size:var(--t-md);line-height:1}.unit-button .caret{font-size:var(--t-2xs);color:var(--ink-400)}.unit-drop{position:absolute;right:0;top:calc(100% + .55rem);z-index:46;width:min(280px,calc(100vw - 2rem));background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);overflow:hidden;animation:pop .16s var(--ease)}.unit-drop.hide{display:none}.unit-drop .unit-judul{padding:.7rem 1rem;font-size:var(--t-2xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);border-bottom:1px solid var(--line);background:var(--green-050)}.unit-drop button{display:flex;align-items:center;gap:.6rem;width:100%;border:0;background:none;font:inherit;text-align:left;padding:.6rem 1rem;cursor:pointer;color:var(--ink-800)}.unit-drop button:hover{background:var(--green-050)}.unit-drop button .kode{flex:none;min-width:46px;font-size:var(--t-2xs);font-weight:800;color:var(--green-800);background:var(--green-100);border-radius:var(--r-sm);padding:.16rem .4rem;text-align:center}.unit-drop button .nama{flex:1;font-size:var(--t-sm)}.unit-drop button .tanda{color:var(--green-700);font-weight:800;opacity:0}.unit-drop button.on{background:var(--green-050);font-weight:700}.unit-drop button.on .tanda{opacity:1}@media(max-width:720px){.unit-button{padding:.3rem .5rem}.unit-button .caret{display:none}.unit-drop{position:fixed;left:.6rem;right:.6rem;width:auto;top:58px}}.ringkas{width:100%;max-width:940px;margin:0 auto 1.8rem}.ringkas-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ringkas-item{display:flex;gap:.7rem;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);padding:.8rem .95rem;min-height:74px;transition:box-shadow .2s var(--ease),transform .2s var(--ease)}.ringkas-item:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}.ringkas-item .rg-ic{font-size:var(--t-2xl);line-height:1;flex:none}.ringkas-item .rg-nilai{font-size:var(--t-2xl);font-weight:800;color:var(--green-800);line-height:1.1;font-variant-numeric:tabular-nums}.ringkas-item .rg-label{font-size:var(--t-2xs);font-weight:700;color:var(--ink-800)}.ringkas-item .rg-sub{font-size:var(--t-2xs);color:var(--ink-400);margin-top:.1rem}.ringkas-item.awas{border-color:#f3c9c3;background:#fffaf9}.ringkas-item.awas .rg-nilai{color:var(--danger)}button.ringkas-item{font:inherit;text-align:left;width:100%;color:inherit}.ringkas-item.bisa{cursor:pointer}.ringkas-item.bisa:hover{border-color:var(--green-300)}.ringkas-item.bisa:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}.ringkas-item.bisa:after{content:"\2192";margin-left:auto;align-self:flex-start;color:var(--green-700);font-weight:800;font-size:var(--t-sm);opacity:0;transition:opacity .16s var(--ease),transform .16s var(--ease)}.ringkas-item.bisa:hover:after,.ringkas-item.bisa:focus-visible:after{opacity:1;transform:translate(2px)}.ringkas-item.bisa.awas:hover{border-color:var(--danger)}.ringkas-grid.memuat .ringkas-item{box-shadow:none}.ringkas-grid.memuat .ringkas-item:hover{transform:none;box-shadow:none}.rg-rangka{display:block;width:100%;height:34px;border-radius:var(--r-sm);background:var(--green-050);background-image:linear-gradient(100deg,transparent 20%,rgba(47,139,82,.09) 40%,transparent 60%);background-size:250% 100%;animation:shimmer 1.3s linear infinite}.ringkas-tautan{display:block;margin:.7rem auto 0;border:0;background:none;font:inherit;font-size:var(--t-xs);font-weight:700;color:var(--green-700);cursor:pointer;padding:.35rem .7rem;border-radius:var(--r-pill)}.ringkas-tautan:hover{background:var(--green-050)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green-600);outline-offset:2px;border-radius:var(--r-sm)}.tile:focus-visible{outline-offset:3px;border-radius:var(--r)}.login-field .box input:focus-visible,.login-field .box button:focus-visible,.saring-bar input:focus-visible{outline:none}.saring-bar:focus-within{outline:2px solid var(--green-600);outline-offset:2px}@media(min-width:861px){table.list th.act,table.list td.act{width:1%;white-space:nowrap;text-align:right}table.list td.act .act-links{justify-content:flex-end}table.list td.act .aksi-lain{margin-left:auto}}@media(min-width:861px){table.list th.nama,table.list td.nama{min-width:216px}table.list th.uname,table.list td.uname{min-width:150px}table.list th.nip,table.list td.nip,table.list th.unit,table.list td.unit{width:1%;white-space:nowrap}table.list th.ampu,table.list td.ampu{min-width:200px}}table.list td.uname .badge{white-space:nowrap}.saring-bar .jml .pendek{display:none}@media(max-width:560px){.saring-bar .jml .panjang{display:none}.saring-bar .jml .pendek{display:inline}}.saring-siswa{width:100%}.saring-siswa .saring-bar{max-width:none;margin-bottom:1rem}.pilih-daftar{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));gap:.5rem;align-content:start}.pilih-baris{display:grid;grid-template-columns:3.2rem 1fr auto 1.2rem;align-items:center;gap:.9rem;width:100%;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:.8rem 1rem;box-shadow:var(--sh-1);cursor:pointer;font:inherit;color:var(--ink-900);text-align:left;min-height:52px;transition:transform .16s var(--ease),box-shadow .16s var(--ease),border-color .16s}.pilih-baris:hover{transform:translateY(-1px);box-shadow:var(--sh-2);border-color:var(--green-300)}.pilih-baris:active{transform:none}.pilih-baris:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}.pilih-baris .no{color:var(--ink-400);font-variant-numeric:tabular-nums;font-size:var(--t-sm);text-align:right}.pilih-baris .nama{font-weight:600;font-size:var(--t-md)}.pilih-baris .nis{color:var(--ink-400);font-size:var(--t-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.pilih-baris .tanda{color:var(--ink-200);font-size:var(--t-lg);line-height:1;transition:color .16s,transform .16s var(--ease)}.pilih-baris:hover .tanda{color:var(--green-600);transform:translate(2px)}@media(max-width:560px){.pilih-baris{grid-template-columns:2.4rem 1fr 1rem;grid-template-areas:"no nama tanda" ". nis tanda";row-gap:.1rem;padding:.7rem .8rem}.pilih-baris .no{grid-area:no}.pilih-baris .nama{grid-area:nama}.pilih-baris .nis{grid-area:nis}.pilih-baris .tanda{grid-area:tanda;align-self:center}}.aksi-lain{background:none;border:1px solid transparent;border-radius:var(--r-pill);cursor:pointer;font:inherit;color:var(--ink-600);font-size:var(--t-lg);line-height:1;min-width:34px;min-height:34px;padding:0 .35rem;display:inline-flex;align-items:center;justify-content:center;transition:background .14s var(--ease),color .14s var(--ease),border-color .14s}.aksi-lain:hover{background:var(--green-100);color:var(--green-800)}.aksi-lain[aria-expanded=true]{background:var(--green-100);color:var(--green-800);border-color:var(--green-300)}.aksi-lain:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}.aksi-menu{position:fixed;z-index:90;min-width:190px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);padding:.35rem;display:flex;flex-direction:column;animation:rise .16s var(--ease) both;max-height:calc(100vh - 16px);overflow-y:auto;-webkit-overflow-scrolling:touch}.aksi-menu button{background:none;border:0;cursor:pointer;font:inherit;color:var(--ink-800);text-align:left;padding:.6rem .75rem;border-radius:var(--r-sm);min-height:40px;font-size:var(--t-md)}.aksi-menu button:hover{background:var(--green-050);color:var(--green-900)}.aksi-menu button:focus-visible{outline:2px solid var(--green-600);outline-offset:-2px}.aksi-menu button.danger{color:var(--danger)}.aksi-menu button.danger:hover{background:#fdecea;color:var(--danger)}@media(max-width:1024px),(pointer:coarse){.aksi-lain{min-width:44px;min-height:44px}.aksi-menu button{min-height:44px}}table.list .act-links button:last-child:hover{color:var(--danger)}table.list .act-links button{transition:color .14s var(--ease)}@media(min-width:721px){.table-wrap table.list thead th{position:sticky;top:0;z-index:2;background:var(--green-050);box-shadow:inset 0 -1px 0 var(--line)}}.toast{cursor:pointer}.toast:hover{filter:brightness(1.08)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.ringkas-item:hover,.stat-card:hover{transform:none}}.btn.busy,.btn-login.busy{position:relative;color:transparent!important}.btn.busy:after,.btn-login.busy:after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;color:var(--green-700);animation:putar .7s linear infinite}.btn.primary.busy:after,.btn-login.busy:after{color:#fff}@keyframes putar{to{transform:rotate(360deg)}}@media(min-width:1024px){.tiles:has(>.tile.icon:nth-child(5)){max-width:1010px}.tiles:has(>.tile.icon:nth-child(5)) .tile.icon{width:178px;height:178px}.tiles:has(>.tile.icon:nth-child(5)) .tile.icon .glyph{width:68px;height:68px;font-size:2.1rem;border-radius:var(--r-lg)}}@media(min-width:1200px){.tiles:has(>.tile.icon:nth-child(6)){max-width:1100px}.tiles:has(>.tile.icon:nth-child(6)) .tile.icon{width:168px;height:168px}.tiles:has(>.tile.icon:nth-child(6)) .tile.icon .glyph{width:64px;height:64px;font-size:2rem}}@media(max-width:560px){.ringkas-grid{grid-template-columns:1fr 1fr;gap:.6rem}.ringkas-item{padding:.65rem .7rem;gap:.5rem;min-height:66px}.ringkas-item .rg-ic{font-size:var(--t-lg)}.ringkas-item .rg-nilai{font-size:var(--t-xl)}.ringkas-item .rg-label{font-size:var(--t-2xs)}.ringkas-item .rg-sub{display:none}.ringkas{margin-bottom:1.2rem}}#modal-host .backdrop+.backdrop{z-index:91;background:#0b28192e}#modal-host .backdrop+.backdrop+.backdrop{z-index:92}.ganti-wajib{display:grid;place-items:center;min-height:60vh;padding:1rem}.gw-kartu{width:min(430px,100%);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:2rem 1.9rem 1.7rem;text-align:center}.gw-lambang{width:62px;height:62px;margin:0 auto 1rem;border-radius:50%;display:grid;place-content:center;font-size:1.7rem;background:linear-gradient(150deg,var(--green-100),var(--green-200));box-shadow:var(--line-in)}.gw-kartu h1{margin:0 0 .5rem;font-size:var(--t-xl);color:var(--green-900)}.gw-lead{margin:0 0 1.5rem;font-size:var(--t-sm);color:var(--ink-600);line-height:1.55}.gw-kolom{display:block;text-align:left;margin-bottom:.8rem}.gw-kolom span{display:block;margin-bottom:.3rem;font-size:var(--t-2xs);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-600)}.gw-kolom input{width:100%;border:1.5px solid var(--line-2);border-radius:var(--r-pill);background:#fbfdfb;padding:.62rem .95rem;font:inherit;color:var(--ink-900)}.gw-kolom input:focus{outline:none;border-color:var(--green-500);background:#fff;box-shadow:var(--ring)}.gw-tip{margin:0 0 1rem;font-size:var(--t-2xs);color:var(--ink-400);text-align:left}.gw-kartu .notice{margin:0 0 1rem;max-width:none;text-align:left}.gw-kartu .notice.sembunyi{display:none}.btn.lebar{width:100%;justify-content:center}.tautan-keluar{display:block;margin:1rem auto 0;border:0;background:none;font:inherit;font-size:var(--t-xs);color:var(--ink-400);cursor:pointer;padding:.35rem .6rem;border-radius:var(--r-pill)}.tautan-keluar:hover{color:var(--danger);background:var(--danger-bg)}.app.mode-hadang .crumb-bar,.app.mode-hadang .cari-button,.app.mode-hadang .bell,.app.mode-hadang .unit-menu{display:none}.panel.keamanan{max-width:780px;margin:0 auto 1.6rem}.keamanan-baris{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.keamanan-baris .status-tag{margin-right:.5rem}@media(max-width:560px){.keamanan-baris{flex-direction:column;align-items:stretch}.keamanan-baris .btn{width:100%;justify-content:center}}table.grid th.tambah-r{padding:2px 4px}table.grid th.tambah-r .mini-tambah{border:1px dashed var(--green-600);background:transparent;color:var(--green-800);border-radius:var(--r-xs);cursor:pointer;font:inherit;font-size:var(--t-2xs);font-weight:700;line-height:1;padding:.3rem .42rem;width:100%;transition:background .15s,color .15s}table.grid th.tambah-r .mini-tambah:hover,table.grid th.tambah-r .mini-tambah:focus-visible{background:var(--green-600);color:#fff;border-style:solid}table.grid th.ket-kepala{min-width:108px}table.grid td.ket{white-space:nowrap;text-align:center;line-height:1.25}table.grid td.ket>*{display:block;margin-left:auto;margin-right:auto}.predikat{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:50%;border:1px solid transparent;font-size:var(--t-xs);font-weight:800;letter-spacing:0;background:#fff;color:#4a5a51}.predikat.p-a{background:var(--green-600);border-color:var(--green-700);color:#fff}.predikat.p-b{background:var(--green-100);border-color:var(--green-300);color:var(--green-800)}.predikat.p-c{background:var(--gold-100);border-color:#f0e0ae;color:#8a6d00}.predikat.p-d{background:var(--danger-bg);border-color:#f0cfcb;color:var(--danger)}.lencana-tuntas{margin-top:.34rem;border-radius:var(--r-pill);padding:.14rem .5rem;font-size:var(--t-2xs);font-weight:700;letter-spacing:.01em;width:max-content}.lencana-tuntas.ok{background:var(--green-100);color:var(--green-800)}.lencana-tuntas.kurang{background:var(--danger-bg);color:var(--danger)}.lencana-tuntas.belum{background:#eef1ef;color:var(--ink-600)}@media(max-width:640px){table.grid th.ket-kepala{min-width:92px}.predikat{width:1.45rem;height:1.45rem;font-size:var(--t-2xs)}.lencana-tuntas{margin-top:.26rem;padding:.12rem .38rem}}table.grid th.sub-kosong{padding:0}.chips .chip.ulang{border-color:#e3c9c5;color:var(--danger);background:#fff}.chips .chip.ulang:hover,.chips .chip.ulang:focus-visible{background:var(--danger-bg);border-color:var(--danger)}.panel.bobot{max-width:780px;margin:0 auto 1.6rem}.bobot-kolom{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0 .6rem}.bobot-kolom label{flex:1 1 140px;display:flex;flex-direction:column;gap:.3rem}.bobot-kolom label span{font-size:var(--t-2xs);font-weight:600;color:var(--ink-600)}.bobot-isian{width:100%}.bobot-contoh{margin:1rem 0 0;padding:.8rem 1rem;border-radius:var(--r-sm);background:var(--green-050);border:1px solid var(--green-200)}.bobot-baris{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.22rem 0}.bobot-baris strong{color:var(--green-800);font-variant-numeric:tabular-nums}@media(max-width:560px){.bobot-kolom{flex-direction:column}.bobot-kolom label{flex-basis:auto}.bobot-baris{flex-direction:column;gap:.1rem}}.pita-sah{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 0 1.1rem;padding:.8rem 1rem;border:1px solid var(--line);border-left-width:4px;border-radius:var(--r-sm);background:#fff}.pita-sah.s-draft{border-left-color:#c7cfca}.pita-sah.s-submitted{border-left-color:var(--warn);background:#fffdf6}.pita-sah.s-approved{border-left-color:var(--green-600);background:var(--green-050)}.pita-sah.s-rejected{border-left-color:var(--danger);background:#fffaf9}.pita-kiri{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;flex:1 1 320px}.pita-catatan{font-size:var(--t-xs);color:var(--ink-900)}.pita-tombol{display:flex;gap:.55rem;flex-wrap:wrap}@media(max-width:560px){.pita-sah{flex-direction:column}.pita-kiri{flex-basis:auto}.pita-tombol{width:100%}.pita-tombol .btn{flex:1 1 auto;justify-content:center}}.legger-judul{margin:-.4rem 0 1rem;color:var(--ink-600);font-size:var(--t-md)}table.grid.legger th,table.grid.legger td{padding:.42rem .5rem;font-size:var(--t-xs)}table.grid.legger td.mid,table.grid.legger th.miring{text-align:center}table.grid.legger th.miring{white-space:nowrap;font-size:var(--t-2xs);letter-spacing:.02em}table.grid.legger td.name{white-space:nowrap}table.grid.legger td.below{color:var(--danger);font-weight:700}table.grid.legger td.tebal{font-weight:700}@media print{.legger-alat{display:none!important}table.grid.legger{font-size:.72rem}.table-wrap{overflow:visible!important}}.panel.sanggah{max-width:900px;margin:0 auto 1.4rem}.sanggah-kartu{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.7rem .2rem;border-top:1px solid var(--line)}.sanggah-isi{flex:1 1 320px;min-width:0}.sanggah-alasan{margin-top:.25rem;font-size:var(--t-sm);color:var(--ink-900)}.sanggah-tombol{display:flex;gap:.5rem;flex-wrap:wrap}.tautan-sanggah{border:0;background:none;padding:.2rem 0;margin-top:.25rem;color:var(--green-700);font:inherit;font-size:var(--t-2xs);font-weight:600;text-decoration:underline;cursor:pointer}.tautan-sanggah:hover{color:var(--green-900)}.sanggah-tanda{margin-top:.3rem}@media(max-width:560px){.sanggah-kartu{flex-direction:column}.sanggah-isi{flex-basis:auto}.sanggah-tombol{width:100%}.sanggah-tombol .btn{flex:1 1 auto;justify-content:center}}.login-field input:focus-visible,.saring-bar input:focus-visible{box-shadow:none}.login-page{overflow:hidden;overflow:clip}@supports (height: 100dvh){.login-page{min-height:100dvh}}.dialog-foot .btn.kiri{margin-right:auto}table.grid.matriks{border-collapse:separate;border-spacing:0;font-size:var(--t-xs)}table.grid.matriks th.mapel{position:sticky;left:0;z-index:2;background:var(--paper);text-align:left;white-space:nowrap;padding:.35rem .6rem;cursor:pointer;font-weight:600;box-shadow:1px 0 0 var(--line)}table.grid.matriks thead th.mapel{z-index:3}table.grid.matriks th.rombel{white-space:nowrap;padding:.35rem .5rem;cursor:pointer;font-weight:600}table.grid.matriks th.mapel:hover,table.grid.matriks th.rombel:hover{color:var(--green-700);text-decoration:underline}table.grid.matriks td.kotak{text-align:center;padding:.25rem .4rem}table.grid.matriks td.kotak input{width:17px;height:17px;cursor:pointer}table.grid.matriks td.terkunci{background:var(--canvas)}table.grid.matriks td.terkunci input{cursor:not-allowed}table.grid.matriks tbody tr:nth-child(2n) th.mapel{background:var(--paper)}.login-page{background-image:linear-gradient(90deg,#f3fbf400,#f3fbf4db 20%,#f3fbf4f0 34% 66%,#f3fbf4db 80%,#f3fbf400),linear-gradient(180deg,#f3fbf48c,#f3fbf47a 30%,#f3fbf485 62%,#e8f4eb9e),url(./gedung-masuk.webp);background-repeat:no-repeat,no-repeat,no-repeat;background-attachment:scroll,scroll,fixed;background-color:var(--canvas)}@media(max-width:860px),(max-height:640px){.login-page{background-attachment:scroll,scroll,scroll}}@media print{.login-page{background-image:none;background-color:#fff}}.panel.gantung{max-width:780px;margin:0 auto 1.6rem;border-color:var(--warn);background:var(--warn-bg)}.panel.gantung .panel-lead{color:var(--ink-600)}@media(max-width:1024px),(pointer:coarse){.bell-button,.cari-button{min-width:44px;min-height:44px}.user-button,.unit-button,.clock,.back-btn,.ringkas-tautan,.saring-bar input,.chips .chip,.toolbar .chip,.field select,.crumbs a{min-height:44px}.to-top{width:44px;height:44px}.act-links button,.act-links a{min-height:44px;padding-top:.5rem;padding-bottom:.5rem}.btn,.btn.sm{min-height:44px}table.grid th.tambah-r .mini-tambah{min-height:32px}input[type=checkbox],input[type=radio],.kenaikan table.list td input[type=checkbox]{width:24px;height:24px;flex:none}.sentuh-kotak{min-width:44px;min-height:44px}.crumbs a{display:inline-flex;align-items:center}}.sentuh-kotak{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.legger-awas{max-width:46rem;margin-top:.35rem;padding:.55rem .85rem;border-left:3px solid var(--warn);background:var(--warn-bg);border-radius:var(--r-sm)}@media print{.legger-awas{background:none}}.badge-tombol{border:1px solid transparent;font:inherit;font-size:var(--t-2xs);font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.badge-tombol:hover,.badge-tombol:focus-visible{border-color:var(--green-500);color:var(--green-900)}@media(max-width:1024px),(pointer:coarse){.badge-tombol{min-height:44px;padding-left:.7rem;padding-right:.7rem}}.bell-item{padding:.8rem 1rem;align-items:flex-start;gap:.75rem}.bell-item.unread .t:after{content:"";display:inline-block;width:7px;height:7px;margin-left:.4rem;vertical-align:middle;border-radius:50%;background:var(--green-600)}.bell-aksi{display:flex;gap:.15rem;align-items:center;flex:none}.bell-head{gap:.4rem}.bell-head strong,.bell-head .link{white-space:nowrap}@media(max-width:400px){.bell-head{flex-wrap:nowrap;padding:.7rem .85rem}.bell-head strong{font-size:var(--t-md)}.bell-head .link{padding:.2rem .3rem;font-size:11px}.bell-aksi{flex:none}}.bell-head .link.buang{color:var(--ink-600)}.bell-head .link.buang:hover{background:var(--danger-bg);color:var(--danger)}.bell-empty .link{margin-top:.7rem;border:0;background:none;cursor:pointer;font:inherit;font-size:var(--t-2xs);font-weight:600;color:var(--green-700);padding:.35rem .6rem;border-radius:var(--r-sm)}.bell-empty .link:hover{background:var(--green-100)}.cari-pilih{position:relative}.cp-kotak{display:none;position:absolute;z-index:40;left:0;right:0;top:calc(100% + .3rem);max-height:17rem;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--sh-3);padding:.3rem}.cp-kotak.buka{display:block}.cp-baris{display:flex;align-items:baseline;gap:.5rem;padding:.55rem .7rem;min-height:40px;border-radius:var(--r-sm);cursor:pointer;font-size:var(--t-sm)}.cp-baris:hover,.cp-baris.sorot{background:var(--green-100)}.cp-nama{font-weight:600;color:var(--ink-900);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-sub{margin-left:auto;flex:none;font-size:var(--t-2xs);color:var(--ink-600);font-variant-numeric:tabular-nums}.cp-kosong{padding:.9rem .7rem;font-size:var(--t-sm);color:var(--ink-400);text-align:center}@media(max-width:1024px),(pointer:coarse){.cp-baris{min-height:44px}.cp-kotak{max-height:15rem}}.page>.notice,.page>.panel,.page>.ringkas,.page>.progres-tahun,.page>.profile-grid,.page>.kartu-akun,.page>.dropzone{max-width:100%;margin-left:0;margin-right:0}.page>.tiles,.page>.tile-rows{max-width:100%;margin-inline:auto}@media(min-width:1024px){.page>.tiles:has(>.tile.icon:nth-child(5)){max-width:1010px}}@media(min-width:1200px){.page>.tiles:has(>.tile.icon:nth-child(6)){max-width:1100px}}.page table.list{max-width:100%}.page .table-wrap>table.grid{margin-inline:0}.page>.table-wrap:has(>table.grid){width:fit-content;max-width:100%}.page:has(>.table-wrap){max-width:min(1500px,100%)}.crumb-bar{width:100%;max-width:var(--kolom);margin-inline:auto}.app:has(.page>.table-wrap) .crumb-bar{max-width:min(1500px,100%)}.page>.rapor-alat{max-width:820px;margin-inline:auto}.page>.legger-alat{justify-content:flex-start}.page>p.small.muted{max-width:82ch}.bobot-isian{max-width:8rem}.user-button .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20ch}@media(max-width:1180px){.app-header .brand-tagline{display:none}.user-button .name{max-width:16ch}}@media(max-width:900px){.user-button .name{max-width:10ch}}@media(max-width:900px){table.list:has(>thead>tr>th:nth-child(6)),table.list:has(>thead>tr>th:nth-child(6)) tbody,table.list:has(>thead>tr>th:nth-child(6)) tr,table.list:has(>thead>tr>th:nth-child(6)) td{display:block;width:100%}table.list:has(>thead>tr>th:nth-child(6)) thead{display:none}table.list:has(>thead>tr>th:nth-child(6)) tr{border:1px solid var(--line);border-radius:var(--r);margin-bottom:.7rem;padding:.6rem .8rem;background:var(--paper);box-shadow:var(--sh-1)}table.list:has(>thead>tr>th:nth-child(6)) td{border:0;padding:.28rem 0;display:flex;gap:.6rem}table.list:has(>thead>tr>th:nth-child(6)) td:empty{display:none}table.list:has(>thead>tr>th:nth-child(6)) td:before{content:attr(data-label);flex:none;min-width:92px;color:var(--ink-400);font-size:var(--t-2xs);font-weight:600}table.list:has(>thead>tr>th:nth-child(6)) td.act{padding-top:.5rem}table.list:has(>thead>tr>th:nth-child(6)) .act-links{gap:1rem}}@media(max-width:900px){table.list td.no[data-label=No]{display:none}}.crumb-bar>.crumbs:first-child{margin-left:-.5rem}.langkah-awal{width:100%;max-width:100%;height:100%;border:1px solid var(--green-200, #cfe6d6);background:var(--paper);border-radius:var(--r-lg);padding:1rem 1.1rem 1.05rem;margin:0;box-shadow:var(--sh-1);text-align:left;display:flex;flex-direction:column}.la-kepala{display:flex;align-items:center;gap:.8rem;margin-bottom:.75rem}.la-cincin{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,var(--paper) 73%,transparent 75% 100%),conic-gradient(var(--green-600) calc(var(--p) * 1%),var(--green-100) 0)}.la-cincin-angka{font-size:var(--t-sm);font-weight:800;color:var(--green-800);line-height:1;font-variant-numeric:tabular-nums}.la-cincin-angka small{font-size:.72em;font-weight:700;color:var(--ink-400)}.la-kepala-teks{flex:1 1 auto;min-width:0}.la-kepala strong{display:block;color:var(--ink-900);line-height:1.3}.la-sub{font-size:var(--t-xs);color:var(--ink-600);margin-top:.12rem}.la-tutup{flex:none;width:32px;height:32px;border-radius:50%;padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink-400);display:grid;place-content:center;cursor:pointer;transition:background .14s,color .14s,border-color .14s}.la-tutup:hover{background:var(--green-050);color:var(--ink-800);border-color:var(--green-200, #cfe6d6)}.la-jalur{list-style:none;margin:0 0 .8rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.la-titik{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .6rem .18rem .2rem;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper);font-size:var(--t-2xs);font-weight:600;color:var(--ink-600)}.la-tanda{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-content:center;font-size:var(--t-2xs);font-weight:700;background:#eef1ef;color:var(--ink-600);border:1px solid var(--line-2)}.la-tanda .ie{width:12px;height:12px}.la-titik.beres{border-color:var(--green-200, #cfe6d6);background:var(--green-050);color:var(--green-800)}.la-titik.beres .la-tanda{background:var(--green-600);color:#fff;border-color:var(--green-600)}.la-titik.kini{border-color:var(--green-700);background:var(--green-700);color:#fff}.la-titik.kini .la-tanda{background:#fff;color:var(--green-800);border-color:#fff}.la-titik.nanti{opacity:.72}.la-kini{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .85rem;margin-top:auto;padding:.85rem .95rem;border-radius:var(--r);background:linear-gradient(180deg,#f7fcf8,#f1f8f3);border:1px solid var(--green-200, #cfe6d6)}.la-teks{flex:1 1 250px;min-width:0}.la-judul{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.la-judul>span:first-child{font-weight:700;color:var(--ink-900)}.la-isi{font-size:var(--t-xs);color:var(--ink-400)}.la-catatan{font-size:var(--t-xs);color:var(--ink-600);margin-top:.2rem;line-height:1.45}.la-tombol{flex:none;margin-left:auto}@media(max-width:640px){.la-urut{display:none}.la-tombol{width:100%;margin-top:.2rem}}.panduan{display:grid;gap:.7rem;text-align:left}.pd-bagian{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);box-shadow:var(--sh-1);overflow:hidden}.pd-kepala{width:100%;display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;background:none;border:0;cursor:pointer;font:inherit;text-align:left;color:var(--ink-900);transition:background .14s}.pd-ikon{flex:none;font-size:var(--t-lg)}.pd-judul{flex:1 1 auto;font-weight:700}.pd-tanda{flex:none;color:var(--ink-400);font-size:var(--t-xs)}.pd-isi{padding:0 1rem 1rem;display:grid;gap:.9rem}.pd-isi.hide{display:none}.pd-tanya{border-left:3px solid var(--green-200);padding-left:.85rem}.pd-t{font-weight:600;color:var(--ink-900);margin-bottom:.15rem}.pd-d{color:var(--ink-600);font-size:var(--t-md);line-height:1.55}@media(max-width:560px){.pd-kepala{padding:.8rem}.pd-isi{padding:0 .8rem .9rem}}.status-akun{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.status-akun .badge{white-space:nowrap}@media(min-width:1025px)and (pointer:fine){table.grid th,table.grid td{padding:.42rem .8rem}table.grid input[type=number]{padding:.2rem}table.list th{padding:.6rem 1rem}table.list td{padding:.55rem 1rem}table.grid thead th{padding-top:.5rem;padding-bottom:.5rem}}@media(max-width:1024px),(pointer:coarse){table.list td{padding:.85rem 1rem}table.grid th,table.grid td{padding:.7rem .9rem}}@media(max-width:560px){table.grid input[type=number]{font-size:1rem;font-weight:600}table.grid td.name{font-size:var(--t-xs)}}@media(max-width:560px){.langkah-awal{padding:.85rem .9rem}.la-kepala{gap:.65rem;margin-bottom:.6rem}.la-cincin{width:46px;height:46px}.la-kini{padding:.75rem .8rem;gap:.65rem}.la-catatan{margin-top:.15rem}}@media(max-width:1024px),(pointer:coarse){.la-tutup{width:44px;height:44px}}@media(max-width:900px){table.list:has(>thead>tr>th:nth-child(6)) td{padding:.28rem 0}table.list:has(>thead>tr>th:nth-child(6)) td.act{padding-top:.5rem}}@media(max-width:560px){table.list td{padding:.28rem 0}table.list td.act{padding-top:.5rem}}.tile.icon.berisi{height:auto;min-height:176px;justify-content:flex-start;padding-top:1.1rem;padding-bottom:.95rem}.tile.icon.berisi .label{margin-bottom:.5rem}.tile.icon.berisi .isi{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%;margin-top:auto}.tile-rombel{font-size:var(--t-2xs);color:var(--ink-600);font-weight:600}.tile-kosong{font-size:var(--t-2xs);color:var(--ink-400);font-style:italic;text-align:center;line-height:1.3}.tile-persen{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;font-size:var(--t-2xs);color:var(--ink-600);font-weight:600}.tp-kata{font-size:var(--t-2xs);color:var(--ink-600)}@media(max-width:720px){.tile.icon.berisi{min-height:0;padding-top:.7rem;padding-bottom:.7rem}.tile.icon.berisi .label{margin-bottom:.15rem}.tile.icon.berisi .isi{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.45rem .7rem;margin-top:.1rem}.tile-persen{flex-direction:row;width:auto;gap:.4rem}}.baris-tanggal{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.1rem .6rem;margin:-.7rem 0 1.5rem;text-align:center}.bt-masehi{font-size:var(--t-sm);color:var(--ink-600);font-weight:600}.bt-hijriah{font-size:var(--t-xs);color:var(--ink-400);font-weight:500;cursor:help}.bt-hijriah:before{content:"\b7";margin-right:.55rem;color:var(--ink-200)}@media(max-width:560px){.baris-tanggal{gap:.1rem .45rem}.bt-hijriah:before{margin-right:.4rem}}.sorotan{display:grid;gap:.8rem;margin:0 0 1.8rem;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));text-align:left}.sorot{display:flex;align-items:flex-start;gap:.8rem;padding:.9rem 1rem;border-radius:var(--r);border:1px solid var(--line);background:var(--paper);box-shadow:var(--sh-1);min-width:0}.sorot.baik{border-color:var(--green-200);background:linear-gradient(180deg,#f8fdf9,#f3fbf5)}.sorot.perhatian{border-color:#f2e0b8;background:linear-gradient(180deg,#fffdf6,#fdf8ec)}.sorot-ikon{flex:none;width:38px;height:38px;border-radius:var(--r-sm);display:grid;place-content:center;font-size:var(--t-lg);background:var(--paper);border:1px solid var(--line)}.sorot-teks{min-width:0;flex:1 1 auto}.sorot-judul{font-size:var(--t-2xs);color:var(--ink-600);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.sorot-angka{font-size:var(--t-2xl);font-weight:800;color:var(--green-800);line-height:1.15;margin:.05rem 0 .1rem}.sorot.perhatian .sorot-angka{color:#8a5f13}.sorot-ket{font-size:var(--t-xs);color:var(--ink-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:560px){.sorotan{grid-template-columns:1fr;gap:.55rem}.sorot{padding:.7rem .85rem;align-items:center}.sorot-angka{font-size:var(--t-xl)}}.lipat{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);box-shadow:var(--sh-1);margin:0 0 1.8rem;overflow:hidden;text-align:left}.lipat-kepala{width:100%;display:flex;align-items:center;gap:.7rem;padding:.95rem 1.1rem;background:none;border:0;cursor:pointer;font:inherit;text-align:left;color:var(--ink-900);transition:background .14s}.lipat-kepala:hover{background:var(--green-050)}.lipat-teks{flex:1 1 auto;min-width:0}.lipat-tanda{flex:none;color:var(--ink-400);font-size:var(--t-2xs)}.lipat-isi{padding:.2rem 1.1rem 1.2rem}.lipat-isi.hide{display:none}@media(max-width:560px){.lipat-kepala{padding:.85rem}.lipat-isi{padding:.2rem .85rem 1rem}}.login-page{background-size:cover,cover,cover;background-position:center,center,center 30%}@media(max-width:1024px),(pointer:coarse){input[type=text],input[type=password],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=time],select,textarea{font-size:max(1rem,var(--t-md))}.page input[type=text],.page input[type=password],.page input[type=email],.page input[type=search],.page input[type=tel],.page input[type=url],.page input[type=date],.page input[type=time],.dialog input[type=text],.dialog input[type=email],.dialog input[type=tel],.page select,.dialog select{min-height:44px}table.grid input,table.grid select{min-height:0}}@media(max-width:1024px),(pointer:coarse){.btn-login{min-height:44px}.link-btn{min-height:44px;padding-left:1rem;padding-right:1rem}.login-field .peek{min-width:44px;min-height:44px;padding:.5rem}.footer-strip a{min-height:44px;display:inline-flex;align-items:center}}.pd-bagian.buka{border-color:var(--green-200, #cfe6d6);box-shadow:var(--sh-2)}.pd-bagian.buka .pd-kepala{background:linear-gradient(180deg,#f7fcf8,#f1f9f3)}.pd-kepala{padding:1rem 1.1rem}.pd-ikon{width:34px;height:34px;border-radius:var(--r-sm);background:var(--green-100);border:1px solid var(--green-200, #cfe6d6);display:grid;place-content:center;font-size:var(--t-md)}.pd-judul{font-size:var(--t-lg)}.pd-jml{flex:none;font-size:var(--t-2xs);font-weight:700;color:var(--ink-600);background:#eef1ef;border:1px solid var(--line-2);border-radius:var(--r-pill);padding:.1rem .55rem}.pd-isi{padding:.2rem 1.1rem 1.2rem;gap:1.05rem}.pd-tanya{border-left:3px solid var(--green-200, #cfe6d6);padding-left:1rem}.pd-t{font-size:var(--t-md)}.pd-d{font-size:var(--t-sm)}.pd-kaki{text-align:center;margin:1.6rem auto 0;max-width:34rem;font-size:var(--t-xs);color:var(--ink-600)}.pd-kosong{text-align:center;margin:2rem auto;max-width:32rem;font-size:var(--t-md);color:var(--ink-600)}@media(max-width:560px){.pd-kepala{padding:.85rem .8rem;gap:.55rem}.pd-ikon{width:30px;height:30px}.pd-judul{font-size:var(--t-md)}.pd-kepala{flex-wrap:wrap}.pd-jml{order:3;margin-left:calc(30px + .55rem)}.pd-tanda{margin-left:auto}.pd-isi{padding:.2rem .8rem 1rem}}.score-bar.bisa-buka{display:block}.sb-kepala{display:grid;grid-template-columns:116px 1fr;gap:1.1rem;align-items:center;width:100%;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--r-sm)}.sb-kepala:hover .tag{background:var(--green-100);border-color:var(--green-300)}.sb-kepala:hover .progress>span{filter:saturate(1.15)}.sb-kepala:focus-visible{outline:2px solid var(--green-600);outline-offset:3px}.score-bar.bisa-buka .tag{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%}.sb-tanda{font-size:var(--t-2xs);color:var(--green-700);line-height:1}.sb-sanggah{margin:.45rem 0 0 calc(116px + 1.1rem)}.sb-detail{margin:.7rem 0 0 calc(116px + 1.1rem)}.sb-detail.hide{display:none}.pn-kartu{background:var(--green-050);border:1px solid var(--green-200);border-left:3px solid var(--green-600);border-radius:var(--r-sm);padding:.9rem 1.05rem}.pn-judul{font-weight:700;color:var(--green-900);margin-bottom:.55rem}.pn-kosong{margin:0 0 .55rem;font-size:var(--t-sm);color:var(--ink-600)}.pn-baris{display:grid;grid-template-columns:max-content 1fr;gap:.3rem .5rem;margin:0;font-size:var(--t-sm)}.pn-baris dt{color:var(--ink-600)}.pn-baris dt:after{content:" :"}.pn-baris dd{margin:0;color:var(--ink-900);font-weight:600}.pn-jenis{margin-top:.55rem;font-size:var(--t-xs);color:var(--ink-600)}@media(max-width:560px){.sb-kepala{grid-template-columns:88px 1fr;gap:.8rem}.sb-sanggah,.sb-detail{margin-left:0}.pn-baris{grid-template-columns:1fr;gap:.1rem .5rem}.pn-baris dt{margin-top:.35rem}.pn-baris dt:after{content:""}}table.grid td.sel-kosong{background:#fdf1c9!important;box-shadow:inset 0 0 0 1px #ecd489}table.grid td.sel-kosong:empty:after{content:"\2013";color:#a8801a;font-weight:800}table.grid td.sel-kosong input{background:transparent}table.grid td.sel-kosong input::placeholder{color:#a8801a;opacity:1;font-weight:800}.kol-kosong{display:block;margin-top:.15rem;font-size:var(--t-2xs);font-weight:700;letter-spacing:0;color:#8a6d00;text-transform:none}.kol-kosong:empty{display:none}table.grid th.sub-kosong{padding:.3rem .4rem}.ket-kosong{margin-top:.3rem;border-radius:var(--r-pill);padding:.12rem .5rem;font-size:var(--t-2xs);font-weight:800;letter-spacing:.01em;background:#fdf1c9;color:#8a6d00;width:max-content}.alat-kosong{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0 .7rem;padding:.55rem .8rem;background:var(--gold-100);border:1px solid #f0e0ae;border-left:3px solid var(--gold-500);border-radius:var(--r-sm);width:fit-content;max-width:100%}.alat-kosong.hide{display:none}.alat-kosong .ak-tanda{display:inline-grid;place-content:center;width:1.4rem;height:1.4rem;border-radius:var(--r-xs);background:#fdf1c9;box-shadow:inset 0 0 0 1px #ecd489;color:#a8801a;font-weight:800;line-height:1}.alat-kosong .ak-teks{font-size:var(--t-sm);font-weight:700;color:var(--ink-900)}.alat-kosong .ak-tombol.on{background:var(--green-700);color:#fff;border-color:var(--green-700)}table.grid.sorot-kosong tbody td:not(.sel-kosong):not(.name):not(:first-child){opacity:.22;transition:opacity .2s var(--ease)}table.grid.sorot-kosong tbody td.ket{opacity:1}table.grid.sorot-kosong tbody td.ket .predikat,table.grid.sorot-kosong tbody td.ket .lencana-tuntas{opacity:.3}table.grid.sorot-kosong thead th{opacity:.55}table.grid.sorot-kosong thead th.blank{opacity:1}@media(prefers-reduced-motion:reduce){table.grid.sorot-kosong tbody td{transition:none}}table.grid.ringkas .rinci{display:none}table.grid:not(.ringkas) .hanya-ringkas{display:none}.alat-baris{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0 .7rem}.alat-baris .alat-kosong{margin:0}.rinci-tombol.on{background:var(--green-700);color:#fff;border-color:var(--green-700)}td.sel-kurang{color:var(--danger);font-weight:700}.kelengkapan{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem 1.4rem;margin:1.4rem 0 0;padding:1rem 1.15rem;background:var(--gold-100);border:1px solid #f0e0ae;border-left:3px solid var(--gold-500);border-radius:var(--r-sm)}.kelengkapan .kl-kiri{min-width:0;flex:1 1 18rem}.kelengkapan .kl-teks{min-width:0}.kelengkapan .kl-teks b{display:block;color:var(--ink-900)}.kelengkapan .kl-teks .small{display:block;margin-top:.12rem;color:var(--ink-600)}.kl-bar{display:block;margin-top:.55rem;height:6px;max-width:22rem;background:#f2e6b8;border-radius:var(--r-pill);overflow:hidden}.kl-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-500),var(--green-600));border-radius:var(--r-pill)}.kelengkapan .btn{flex:0 0 auto}@media(max-width:560px){.kelengkapan{flex-direction:column;align-items:stretch}.kelengkapan .kl-kiri{flex-basis:auto}.kelengkapan .btn{width:100%}.kl-bar{max-width:none}}@media print{.alat-kosong,.kol-kosong,.ket-kosong,.alat-baris,.rinci-tombol{display:none!important}table.grid td.sel-kosong{background:none!important;box-shadow:none!important}table.grid td.sel-kosong:empty:after{content:""}.kelengkapan{display:none}.predikat{background:none!important;color:#000!important;border-color:#999!important;border-radius:var(--r-xs);width:auto;min-width:1.3rem;height:auto;padding:.06rem .24rem}}table.grid:not(.legger) th,table.grid:not(.legger) td{padding:.78rem 1rem}table.grid:not(.legger) tbody td{height:46px}table.grid tbody td{border-right-color:#eef3ef;border-bottom-color:#ebf1ed}table.grid thead th{border-right-color:#dfeae2}table.grid thead th{border-bottom-color:#dfeae2}table.grid tbody tr:first-child td{border-top:2px solid var(--green-200)}table.grid:not(.legger) td.name{padding-left:1.15rem}@media(max-width:640px){table.grid:not(.legger) th,table.grid:not(.legger) td{padding:.6rem .7rem}table.grid:not(.legger) tbody td{height:42px}}.pn-kartu{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--green-600);border-radius:var(--r-sm);padding:1.05rem 1.2rem;box-shadow:var(--sh-1)}.pn-judul{margin-bottom:.7rem;padding-bottom:.55rem;border-bottom:1px solid var(--line);font-size:var(--t-md)}.pn-baris{gap:.5rem .8rem}.pn-baris dd{line-height:1.45}.pn-jenis{margin-top:.8rem;padding-top:.55rem;border-top:1px dashed var(--line)}.cincin{display:block;flex:none;overflow:visible}.cincin .cn-alas{fill:none;stroke:var(--green-100)}.cincin .cn-isi{fill:none;stroke:var(--green-600);transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .9s var(--ease)}.cincin .cn-teks{font-size:.72rem;font-weight:800;fill:var(--green-800);font-variant-numeric:tabular-nums}.cincin.rendah .cn-isi{stroke:var(--danger)}.cincin.rendah .cn-teks{fill:var(--danger)}.cincin.sedang .cn-isi{stroke:var(--gold-600)}.cincin.sedang .cn-teks{fill:#8a6d00}.cincin.penuh .cn-isi{stroke:var(--green-700)}.cincin.kosong .cn-alas{stroke:var(--line)}.cincin.kosong .cn-teks{fill:var(--ink-400)}@media(prefers-reduced-motion:reduce){.cincin .cn-isi{transition:none}}.tren-wadah{width:100%;max-width:480px;margin:0 auto}.tren{display:block;width:100%;height:auto;overflow:visible}.tr-bidang{fill:var(--green-100);opacity:.55}.tr-garis{stroke:var(--green-600);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease)}.tr-titik{fill:#fff;stroke:var(--green-700);stroke-width:2.5}.tr-rusuk{stroke:var(--line);stroke-width:1}.tr-sumbu{font-size:9px;fill:var(--ink-400);font-weight:700}.tr-acuan{stroke:var(--ink-400);stroke-width:1.5;stroke-dasharray:5 5;opacity:.7}.tren-label{display:flex;justify-content:space-between;margin-top:-.2rem;padding-left:10%;padding-right:4%;font-size:var(--t-2xs);color:var(--ink-600)}.tren-label span{flex:1 1 0;text-align:center}.tren-label span:first-child{text-align:left}.tren-label span:last-child{text-align:right}@media(prefers-reduced-motion:reduce){.tr-garis{transition:none}}.muncul{animation:naik-masuk .38s var(--ease) both;animation-delay:calc(var(--urut, 0) * 40ms)}@keyframes naik-masuk{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.muncul{animation:none}}.tugas{max-width:760px;margin:1.2rem auto 1.4rem;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);overflow:hidden}.tg-kepala{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:var(--green-050)}.tg-kepala h2{margin:0;flex:1;font-size:var(--t-2xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green-800)}.tg-jumlah{flex:none;min-width:1.5rem;text-align:center;background:var(--green-700);color:#fff;border-radius:var(--r-pill);font-size:var(--t-2xs);font-weight:800;padding:.1rem .45rem}.tg-daftar{display:grid}.tg-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.2rem .7rem;padding:.7rem 1rem;border-top:1px solid var(--line);border-left:3px solid transparent}.tg-item:first-child{border-top:0}.tg-item.danger{border-left-color:var(--danger)}.tg-item.warn{border-left-color:var(--gold-500)}.tg-item.info{border-left-color:var(--green-300)}.tg-item.bisa{cursor:pointer;transition:background .16s var(--ease)}.tg-item.bisa:hover{background:var(--green-050)}.tg-item.bisa:focus-visible{outline:2px solid var(--green-600);outline-offset:-2px}.tg-ikon{font-size:var(--t-lg);line-height:1}.tg-teks{min-width:0}.tg-item .tg-judul{font-size:var(--t-sm);font-weight:700;color:var(--ink-900);line-height:1.35}.tg-item .tg-sub{font-size:var(--t-2xs);color:var(--ink-600);line-height:1.4}.tg-kapan{font-size:var(--t-2xs);color:var(--ink-400);white-space:nowrap}.tg-panah{color:var(--green-700);font-weight:800}.tg-item.bisa:hover .tg-panah{transform:translate(2px)}.tg-panah{transition:transform .16s var(--ease)}.tg-sisa{padding:.55rem 1rem;border-top:1px solid var(--line);font-size:var(--t-2xs);color:var(--ink-600);background:#fbfdfb}.tugas.beres{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;background:var(--green-050);border-color:var(--green-200)}.tugas.beres .tg-ceria{font-size:1.6rem;line-height:1}.tugas.beres .tg-judul{font-size:var(--t-sm);font-weight:800;color:var(--green-800)}.tugas.beres .tg-sub{font-size:var(--t-2xs);color:var(--ink-600)}@media(max-width:560px){.tugas{margin:1rem 0 1.2rem}.tg-item{grid-template-columns:auto 1fr auto;padding:.65rem .8rem}.tg-kapan{display:none}}.rangka-baris{height:74px;border-radius:var(--r-sm);background:var(--green-050);background-image:linear-gradient(100deg,transparent 20%,rgba(47,139,82,.09) 40%,transparent 60%);background-size:250% 100%;animation:shimmer 1.3s linear infinite}@media(prefers-reduced-motion:reduce){.rangka-baris{animation:none}}@media print{.tugas,.rangka-baris{display:none!important}.muncul{animation:none!important}}.tile.icon.unit-kartu{gap:.3rem;min-height:194px}.unit-kartu .cincin{margin-bottom:.1rem}@media(max-width:720px){.tile.icon.unit-kartu{min-height:0}.unit-kartu .cincin{margin-bottom:0}}.unit-kartu .uk-kode{font-size:var(--t-2xs);font-weight:800;letter-spacing:.06em;color:var(--green-800);background:var(--green-100);border-radius:var(--r-sm);padding:.1rem .45rem}.unit-kartu .uk-belum{font-size:var(--t-2xs);color:var(--danger);font-weight:600}.unit-kartu .uk-sepi{font-size:var(--t-2xs);color:var(--ink-400)}.unit-kartu .uk-aman{font-size:var(--t-2xs);color:var(--green-700)}.nanti-tugas,.nanti-unit{width:100%}.nanti-unit .tiles .rangka-baris{height:148px}.tren-ket{margin:.35rem 0 1rem;font-size:var(--t-2xs);color:var(--ink-600);text-align:center}.tile.square.bertanda{justify-content:center;gap:.15rem}.tile-tanda{font-size:var(--t-2xs);font-weight:700;letter-spacing:.01em;color:var(--green-800);background:var(--green-100);border-radius:var(--r-pill);padding:.12rem .55rem}.app-body{display:flex;flex:1;min-height:0;align-items:stretch}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app{background-image:linear-gradient(180deg,#f3fbf4f8,#f3fbf4f7 30%,#f3fbf4f8 62%,#f0f9f2f9),url(./gedung.webp);background-repeat:no-repeat,no-repeat;background-position:center,center 26%;background-size:cover,cover;background-attachment:scroll,fixed}@media(max-width:860px){.app{background-attachment:scroll,scroll}}@media print{.app{background-image:none}}@media(prefers-reduced-motion:reduce){.app{background-attachment:scroll,scroll}}.side{position:sticky;top:64px;z-index:20;flex:none;width:218px;height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:space-between;padding:1rem .7rem .9rem;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-right:1px solid rgba(226,235,229,.7);transition:width .22s var(--ease)}.sn-isi{display:flex;flex-direction:column;gap:.3rem;overflow-y:auto}.sn-item{display:flex;align-items:center;gap:.7rem;width:100%;min-height:44px;padding:.55rem .75rem;border:0;border-radius:var(--r-sm);background:none;font:inherit;font-size:var(--t-sm);font-weight:600;color:var(--ink-600);cursor:pointer;text-align:left;position:relative;transition:background .16s var(--ease),color .16s var(--ease),transform .16s var(--ease)}.sn-ikon{width:21px;height:21px;flex:none;display:grid;place-content:center}.sn-ikon svg{width:21px;height:21px;display:block;transition:transform .18s var(--ease)}.sn-label{white-space:nowrap;overflow:hidden}.sn-label-pendek{display:none}.sn-item:hover{background:#e6f5e8bf;color:var(--green-800);transform:translate(2px)}.sn-item:hover .sn-ikon svg{transform:scale(1.12)}.sn-item.aktif{background:linear-gradient(120deg,var(--green-100),rgba(230,245,232,.5));color:var(--green-900)}.sn-item.aktif:before{content:"";position:absolute;left:-.7rem;top:22%;bottom:22%;width:3.5px;border-radius:var(--r-pill);background:var(--green-600);box-shadow:var(--sorot-ok)}.sn-lipat{align-self:flex-end;margin-top:.6rem;width:44px;height:44px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);color:var(--ink-600);cursor:pointer;display:grid;place-content:center;transition:background .16s,transform .22s var(--ease)}.sn-lipat:hover{background:var(--green-050)}.sn-lipat .sn-ikon,.sn-lipat svg{width:18px;height:18px}.side.mini{width:66px;padding-inline:.55rem}.side.mini .sn-label{display:none}.side.mini .sn-item{justify-content:center;padding-inline:0}.side.mini .sn-lipat{align-self:center}.side.mini .sn-lipat svg{transform:rotate(180deg)}@media(min-width:861px)and (max-width:1279px){.side,.side.mini{width:66px;padding-inline:.55rem}.side .sn-label{display:none}.side .sn-item{justify-content:center;padding-inline:0}.side .sn-item.aktif:before{left:-.55rem}.side .sn-lipat{display:none}}@media(max-width:860px){.app-body{display:block}.side,.side.mini{position:fixed;inset:auto 0 0;width:100%;height:auto;z-index:28;flex-direction:row;justify-content:center;padding:.3rem .5rem calc(.3rem + env(safe-area-inset-bottom,0px));border-right:0;border-top:1px solid rgba(226,235,229,.85);box-shadow:0 -6px 18px #10281c0f}.sn-isi{flex-direction:row;gap:.15rem;justify-content:space-around;width:100%;overflow:visible}.side .sn-item,.side.mini .sn-item{flex-direction:column;gap:.15rem;justify-content:center;flex:1 1 0;min-width:0;max-width:96px;min-height:48px;padding:.3rem .2rem;font-size:var(--t-2xs);font-weight:600}.side .sn-item:hover{transform:none}.side .sn-label,.side.mini .sn-label{display:none}.side .sn-label-pendek{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}.side .sn-item.sn-p2{display:none}.sn-item.aktif:before,.side.mini .sn-item.aktif:before{left:18%;right:18%;top:auto;bottom:-.3rem;width:auto;height:3px}.sn-lipat{display:none}.app-main{padding-bottom:76px}}.clock{position:relative}.clock:after{content:"";position:absolute;top:5px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 #19b45a73;animation:denyut-live 2.4s var(--ease) infinite}@keyframes denyut-live{0%{box-shadow:0 0 #19b45a73}60%{box-shadow:0 0 0 7px #19b45a00}to{box-shadow:0 0 #19b45a00}}@media(prefers-reduced-motion:reduce){.clock:after{animation:none;box-shadow:0 0 6px #19b45a80}}.bento{display:grid;gap:1.15rem;align-items:stretch;margin:0 0 1.4rem}.bento .tugas,.bento .ringkas{max-width:none;margin:0}.bento .nanti-tugas,.bento .nanti-unit,.bento .nanti-langkah{min-width:0}.b-admin .nanti-tugas .tugas,.b-kepsek .nanti-tugas .tugas{height:100%}.b-spv,.b-guru,.b-siswa{align-items:start}.b-spv .tiles,.b-guru .tiles{align-content:start}@media(min-width:960px){.b-kepsek{grid-template-columns:7fr 5fr}.b-kepsek .pita-ringkas{height:100%}.b-kepsek .ringkas{height:100%;display:flex;flex-direction:column}.b-kepsek .ringkas-grid{flex:1;grid-template-columns:1fr 1fr;align-content:stretch}.b-admin{grid-template-columns:7fr 5fr}.b-admin .pita-ringkas{grid-column:1 / -1;grid-row:1}.b-admin .ringkas-grid{grid-template-columns:repeat(4,1fr)}.b-admin .nanti-tugas{grid-column:1;align-self:start}.b-admin .nanti-tugas:has(>.tugas.beres){align-self:stretch}.b-admin .nanti-langkah{grid-column:2}.b-admin:not(:has(>.nanti-langkah)) .nanti-tugas{grid-column:1 / -1}.b-admin:has(>.nanti-langkah) .tugas.beres{flex-direction:column;justify-content:center;text-align:center;gap:.55rem;padding:1.4rem 1.2rem}.b-admin:has(>.nanti-langkah) .tugas.beres .tg-ceria .ie{width:44px;height:44px}.b-admin:has(>.nanti-langkah):has(.tugas.beres){grid-template-columns:5fr 7fr}.b-spv{grid-template-columns:5fr 7fr}.b-spv .tiles{--tile-kolom: 2;max-width:none;justify-content:stretch}.b-spv .tiles>*{width:auto}.b-guru{grid-template-columns:5fr 7fr}.b-guru .tiles{max-width:none}.b-siswa{grid-template-columns:6fr 6fr}.b-siswa .sorot-siswa{margin:0;max-width:none}}.bento:not(:has(>:nth-child(2))){grid-template-columns:1fr!important}table.grid tbody td{border-right:0;border-bottom:0}table.grid tbody tr:nth-child(2n) td{background:#f6faf7}table.grid tbody tr:hover td{background:#eef7f0}table.grid thead th{border-right-color:#e2ebe599}table.grid tbody tr td:first-child{border-radius:var(--r-xs) 0 0 var(--r-xs)}table.grid tbody tr td:last-child{border-radius:0 var(--r-xs) var(--r-xs) 0}.lencana-tuntas.ok{box-shadow:var(--sorot-ok)}.lencana-tuntas.kurang{box-shadow:var(--sorot-bahaya)}.badge.warn{box-shadow:var(--sorot-warn)}.nama-buka{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left;border-radius:var(--r-xs);text-decoration:underline transparent;text-underline-offset:3px;transition:color .14s,text-decoration-color .14s}.nama-buka:hover{color:var(--green-700);text-decoration-color:var(--green-300)}.nama-buka:focus-visible{outline:none;box-shadow:var(--ring)}.laci-wadah{position:fixed;inset:0;z-index:70}.laci-tirai{position:absolute;inset:0;background:#0b281947;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:tirai-masuk .2s var(--ease) both}@keyframes tirai-masuk{0%{opacity:0}}.laci{position:absolute;top:0;right:0;bottom:0;width:min(420px,94vw);background:var(--paper);box-shadow:var(--sh-3);border-left:1px solid var(--line);display:flex;flex-direction:column;animation:laci-masuk .26s var(--ease) both}@keyframes laci-masuk{0%{transform:translate(40px);opacity:0}}.laci-wadah.pergi .laci{transition:transform .2s var(--ease),opacity .2s;transform:translate(30px);opacity:0}.laci-wadah.pergi .laci-tirai{transition:opacity .2s;opacity:0}.lc-atas{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:1.05rem 1.2rem .9rem;border-bottom:1px solid var(--line)}.lc-nama{font-weight:800;font-size:var(--t-lg);line-height:1.25}.lc-sub{color:var(--ink-400);font-size:var(--t-xs);margin-top:.15rem}.lc-tutup{flex:none;width:36px;height:36px;padding:0;display:grid;place-content:center}.lc-rapor{margin:1rem 1.2rem .2rem;padding:.95rem 1.1rem;border-radius:var(--r);text-align:center;background:linear-gradient(135deg,var(--green-050),var(--green-100));border:1px solid var(--green-200)}.lc-rapor.kurang{background:linear-gradient(135deg,#fffafa,var(--danger-bg));border-color:#f3c9c3}.lc-rapor .lc-angka{font-size:2.1rem;font-weight:800;letter-spacing:-.02em;color:var(--green-800);line-height:1.1}.lc-rapor.kurang .lc-angka{color:var(--danger)}.lc-rapor .lc-ket{margin-top:.35rem;display:flex;gap:.45rem;align-items:center;justify-content:center;color:var(--ink-600);font-size:var(--t-xs)}.lc-isi{flex:1;overflow-y:auto;padding:.8rem 1.2rem 1.2rem;display:grid;gap:.7rem;align-content:start}.lc-kelompok{border:1px solid var(--line);border-radius:var(--r-sm);padding:.6rem .8rem .5rem;background:#fdfefd}.lc-kepala{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.35rem;font-size:var(--t-sm)}.lc-kkm{color:var(--ink-400);font-size:var(--t-2xs);font-weight:600}.lc-baris{display:flex;justify-content:space-between;gap:.6rem;font-size:var(--t-sm);padding:.18rem 0}.lc-baris .lc-label{color:var(--ink-600)}.lc-baris .lc-nilai{font-weight:700}.lc-baris.kosong .lc-nilai{color:#a8801a}.lc-baris.bawah .lc-nilai{color:var(--danger)}@media(prefers-reduced-motion:reduce){.laci,.laci-tirai{animation:none}}@media print{.laci-wadah{display:none!important}}.tr-garis{filter:drop-shadow(0 0 5px rgba(25,180,90,.35))}.cn-isi{filter:drop-shadow(0 0 4px rgba(25,180,90,.4))}@media print{.tr-garis,.cn-isi{filter:none}}.user-drop{background:#ffffffe0;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-brd);border-radius:var(--r-lg);min-width:268px;box-shadow:var(--sh-3),inset 0 1px #ffffffd9;overflow:hidden}.user-drop .who{background:linear-gradient(135deg,var(--green-050),var(--green-100));border-bottom:1px solid rgba(211,224,216,.7);padding:1rem 1.05rem}.user-drop .who span{color:var(--green-800);font-weight:600}.user-drop button,.user-drop a{padding:.72rem 1.05rem;font-weight:600;color:var(--ink-800);transition:background .14s var(--ease),transform .14s var(--ease),color .14s}.user-drop button:hover,.user-drop a:hover{background:var(--green-050);transform:translate(2px);color:var(--green-900)}.user-drop .danger:hover{color:var(--danger);background:snow}.ud-ikon{width:20px;height:20px;flex:none;display:grid;place-content:center;color:var(--green-700)}.ud-ikon svg{width:20px;height:20px;display:block}.user-drop .danger .ud-ikon{color:var(--danger)}.user-drop .sep{margin:.15rem .8rem;background:#d3e0d899}.rapor-atur-kisi{display:flex;flex-direction:column;gap:.55rem;margin:.2rem 0 1rem}.rapor-atur-baris{display:flex;align-items:end;gap:.8rem;flex-wrap:wrap;padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper)}.rapor-atur-huruf{font-weight:800;font-size:var(--t-lg);color:var(--green-800);min-width:1.6rem;text-align:center;line-height:2.2}.rapor-atur-huruf.kata{font-size:var(--t-sm);min-width:6rem;text-align:left}.rapor-atur-medan{display:flex;flex-direction:column;gap:.2rem}.rapor-atur-medan.lebar{flex:1;min-width:11rem}.rapor-atur-medan>span{font-size:var(--t-2xs);font-weight:700;color:var(--ink-600)}@media(max-width:560px){.rapor-atur-baris{flex-direction:column;align-items:stretch;gap:.5rem}.rapor-atur-huruf{text-align:left;line-height:1.3}.rapor-atur-medan,.rapor-atur-medan.lebar{min-width:0;width:100%}.rapor-atur-medan input{width:100%!important}}.app-main .footer-strip{display:none}.app-main .page{padding-bottom:clamp(2.2rem,5vh,3.6rem)}.login-page .footer-strip.tautan,.login-page .footer-strip.tautan .pranala{justify-content:center}@media(min-width:861px){.page:has(>.table-wrap)>.page-title,.page:has(>.table-wrap)>.page-lead,.page:has(>.table-wrap)>.legger-judul{text-align:left}.page:has(>.table-wrap)>.page-title{margin-top:.2rem}.page:has(>.table-wrap)>p.small{max-width:74ch}}:root{--sh-1: 0 1px 1px rgba(16,40,28,.04), 0 2px 6px rgba(16,40,28,.05);--sh-2: 0 1px 2px rgba(16,40,28,.04), 0 5px 12px rgba(16,40,28,.05), 0 14px 32px rgba(16,40,28,.045);--sh-3: 0 2px 4px rgba(16,40,28,.05), 0 10px 24px rgba(16,40,28,.07), 0 26px 54px rgba(16,40,28,.07)}@media(min-width:721px){.tile.icon.berisi .label{display:flex;align-items:center;justify-content:center;min-height:2.5em;line-height:1.25;margin-bottom:.35rem}.tile.icon.berisi .isi>.badge{margin-top:.15rem}}.app{background-image:linear-gradient(180deg,#f4f9f5f0,#f4f9f5e8 38%,#f0f8f2eb 72%,#eaf5edf0),url(./gedung.webp);background-repeat:no-repeat,no-repeat;background-size:cover,cover;background-position:center,center 28%;background-attachment:fixed,fixed}@media(max-width:860px),(max-height:640px){.app{background-attachment:scroll,scroll}}@media print{.app{background-image:none;background-color:#fff}}.card,.panel,.kartu,.tabel-bungkus,.dialog{background-color:var(--paper)}.login-page{background-image:linear-gradient(90deg,#f3fbf400,#f3fbf4d6 20%,#f3fbf4f0 34% 66%,#f3fbf4d6 80%,#f3fbf400),linear-gradient(180deg,#f3fbf457,#f3fbf442 30%,#f3fbf44d 62%,#e8f4eb6b),url(./gedung-masuk.webp)}.table-wrap tbody tr,table tbody tr{transition:background-color .16s var(--ease)}.table-wrap tbody tr:hover,table tbody tr:hover{background-color:var(--green-050)}.chip,.link-btn,.bell-button,.tile,.btn,.toast,.nama-buka{transition:transform .16s var(--ease),box-shadow .16s var(--ease),background-color .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),opacity .16s var(--ease)}.chip:active:not(:disabled),.link-btn:active:not(:disabled),.bell-button:active,.nama-buka:active{transform:translateY(1px) scale(.985)}:focus-visible{transition:none}.card,.panel{transition:box-shadow .18s var(--ease),transform .18s var(--ease)}a.card:hover,button.card:hover,a.panel:hover,button.panel:hover{transform:translateY(-2px);box-shadow:var(--sh-3)}.side a,.side button{transition:background-color .16s var(--ease),color .16s var(--ease)}.toast{animation:toast-masuk .22s var(--ease) both}@keyframes toast-masuk{0%{opacity:0;transform:translate(14px)}}.bell-drop:not(.hide){animation:bell-turun .18s var(--ease) both}@keyframes bell-turun{0%{opacity:0;transform:translateY(-8px) scale(.99)}}.laci,.drawer{transition:transform .22s var(--ease),opacity .22s var(--ease)}.brand-logo,.brand-tagline{transition:opacity .2s var(--ease)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page,.toast,.bell-drop:not(.hide),.dialog,.backdrop{animation:none!important}.chip:active,.link-btn:active,.bell-button:active,.nama-buka:active,a.card:hover,button.card:hover,a.panel:hover,button.panel:hover,.tile:hover,.tile:active{transform:none!important}.login-page:before,.login-page:after{animation:none!important}}.cari-button .kbd{display:inline-flex;align-items:center;margin-left:.1rem;padding:.1rem .34rem;border:1px solid var(--line-2);border-radius:5px;background:var(--canvas);color:var(--ink-600);font:inherit;font-size:var(--t-3xs, .68rem);font-weight:700;line-height:1.5;letter-spacing:.02em;transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease)}.cari-button:hover .kbd,.cari-button:focus-visible .kbd{border-color:var(--green-300);background:#fff;color:var(--green-800)}.cari-button:active{transform:translateY(1px) scale(.985)}.cari-button:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}@media(max-width:860px){.cari-button .kbd{display:none}}@media(prefers-reduced-motion:reduce){.cari-button:active{transform:none!important}}@media(max-width:720px){.user-button{min-width:44px;justify-content:center}}.aksi-baris{border:0;background:none;cursor:pointer;font:inherit;font-size:var(--t-xs);font-weight:600;color:var(--green-700);padding:.3rem .55rem;border-radius:var(--r-sm);min-height:28px;transition:color .15s var(--ease),background .15s var(--ease)}.aksi-baris:hover{color:var(--green-900);background:var(--green-100)}.aksi-baris:active{transform:translateY(1px) scale(.985)}table.list .act-links button{display:inline-flex;align-items:center;min-height:26px;padding:.2rem 0}@media(max-width:1024px){.aksi-baris{min-height:44px;padding-left:.8rem;padding-right:.8rem}table.list .act-links button{min-height:44px}}.tile-persen,.tp-kata{font-size:max(12px,var(--t-2xs))}.cari-button .kbd{font-size:max(12px,var(--t-3xs, .68rem))}.cincin .cn-teks{font-size:max(12px,.72rem)}.panel.wajib-ganti .wg-keadaan{margin:0 0 1rem;padding:.7rem .9rem;border:1px solid var(--line);border-left:3px solid var(--ink-200);border-radius:var(--r-sm);background:var(--canvas);font-size:var(--t-sm);color:var(--ink-600)}.panel.wajib-ganti .wg-keadaan b{color:var(--ink-800)}.panel.wajib-ganti .wg-keadaan.on{border-left-color:var(--green-600);background:var(--green-050);color:var(--green-800)}.panel.wajib-ganti .wg-keadaan.on b{color:var(--green-800)}.panel.wajib-ganti .panel-catatan{margin:1rem 0 0;font-size:max(12px,var(--t-2xs));color:var(--ink-400);line-height:1.55}:root{--tinggi-kepala: 72px}.panel,.card,.tile,.empty-state,.saring-tabel,h1,h2,h3,input,select,textarea,button,a[href],[tabindex]:not([tabindex="-1"]){scroll-margin-top:calc(var(--tinggi-kepala) + .75rem)}@media(max-width:720px){:root{--tinggi-kepala: 64px}.panel,.card,.tile,.empty-state,.saring-tabel,h1,h2,h3,input,select,textarea,button,a[href],[tabindex]:not([tabindex="-1"]){scroll-margin-bottom:calc(var(--tinggi-bilah-bawah, 68px) + .75rem)}}.cari-tutup{flex:none;display:grid;place-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;color:var(--ink-400);transition:background .16s var(--ease),color .16s var(--ease)}.cari-tutup svg{width:17px;height:17px;display:block}.cari-tutup:hover{background:var(--green-050);color:var(--green-800)}.cari-tutup:active{transform:scale(.94)}@media(max-width:1024px){.cari-tutup{width:44px;height:44px}.cari-tutup svg{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.cari-tutup{transition:none}.cari-tutup:active{transform:none}}@media(max-width:640px){.login-page{background-image:linear-gradient(180deg,#f3fbf4e6 0% 12%,#f3fbf4f2 30% 50%,#f3fbf4f2 70%,#f3fbf4f5 86%,#e8f4ebed),url(./gedung-masuk-kecil.webp);background-repeat:no-repeat,no-repeat;background-size:cover,cover;background-position:center,center 38%;background-attachment:scroll,scroll}}.detail-akun{display:grid;gap:1.5rem}.detail-blok>h4{margin:0 0 .7rem;font-size:var(--t-2xs, .72rem);letter-spacing:.1em;text-transform:uppercase;color:var(--green-700)}.detail-blok+.detail-blok{border-top:1px solid var(--line);padding-top:1.3rem}.detail-sandi{background:var(--green-050);border:1px solid var(--green-100);border-radius:var(--r-md, 12px);padding:1.1rem 1.1rem 1rem}.detail-sandi+.detail-blok{border-top:0;padding-top:0}.detail-sandi-nilai{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin:0 0 .5rem}.detail-sandi-nilai code{font-size:1.35rem;font-weight:700;letter-spacing:.08em;color:var(--green-800);background:#fff;border:1px solid var(--green-100);border-radius:8px;padding:.35rem .8rem}.detail-sandi-nilai code.muted{color:var(--ink-400);letter-spacing:.02em}.detail-sandi .muted.small{margin:0 0 .9rem;line-height:1.55}.detail-tombol{display:flex;flex-wrap:wrap;gap:.6rem}.detail-tombol .btn{min-height:44px}.detail-daftar{margin:0;display:grid;gap:.1rem}.detail-baris{display:grid;grid-template-columns:9rem 1fr;gap:.8rem;padding:.45rem 0;border-bottom:1px dashed var(--line)}.detail-baris:last-child{border-bottom:0}.detail-baris dt{margin:0;color:var(--ink-600);font-size:var(--t-xs, .82rem)}.detail-baris dd{margin:0;min-width:0;overflow-wrap:anywhere}.detail-baris dd code{background:var(--green-050);border-radius:6px;padding:.1rem .4rem}.detail-unit{display:inline-block;margin-right:.4rem;padding:.15rem .55rem;background:var(--green-050);border:1px solid var(--green-100);border-radius:999px;font-size:var(--t-xs, .82rem);font-weight:600;color:var(--green-800)}.detail-daftar-kecil{margin:0;padding-left:1.1rem}.detail-daftar-kecil li{margin:.1rem 0}.detail-riwayat{margin:0;padding:0;list-style:none}.detail-riwayat li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;padding:.4rem 0;border-bottom:1px dashed var(--line)}.detail-riwayat li:last-child{border-bottom:0}.detail-riwayat-aksi{font-weight:600}@media(max-width:640px){.detail-baris{grid-template-columns:1fr;gap:.15rem}.detail-baris dt{font-weight:600}.detail-tombol .btn{flex:1 1 100%}}.chips.saring-peran{margin:0 0 .8rem}.chips.saring-peran .chip b{font-weight:700;opacity:.75;margin-left:.15rem}.chips.saring-peran .chip.on b{opacity:.9}@media(max-width:1024px){.chips.saring-peran .chip{min-height:44px}}.login-page .footer-strip.tautan{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;padding-left:1.9rem;padding-right:1.9rem}.login-page .footer-strip.tautan a.site{background:none;color:var(--green-900);padding:.3rem 0;border-radius:0;box-shadow:none;font-style:normal;font-weight:600;font-size:var(--t-2xs, .72rem);letter-spacing:.01em;text-decoration:none;border-bottom:1px solid rgba(11,61,36,.32);transition:border-color .16s var(--ease),color .16s var(--ease)}.login-page .footer-strip.tautan a.site:hover,.login-page .footer-strip.tautan a.site:focus-visible{background:none;box-shadow:none;transform:none;color:#07301b;border-bottom-color:currentColor}.login-page .footer-strip.tautan a.site:focus-visible{outline:2px solid var(--green-600);outline-offset:3px}@media(max-width:640px){.login-page .footer-strip.tautan{justify-content:center;gap:1.4rem}.login-page .footer-strip.tautan a.site{min-height:44px;display:inline-flex;align-items:center}}.chips.pita-kolom{margin:1rem 0 .6rem;align-items:center;row-gap:.45rem}.chips.pita-kolom>span:first-child{font-weight:600;color:var(--ink-600);margin-right:.1rem}.chips.pita-kolom .chip[disabled]{opacity:.75;cursor:default}.chips.pita-kolom .chip.add{border-style:dashed;font-weight:600}@media(max-width:1024px){.chips.pita-kolom .chip{min-height:44px}}.login-page{background-image:radial-gradient(92% 62% at 50% 62%,rgba(120,224,168,.15) 0%,rgba(60,170,115,.05) 36%,transparent 58%),radial-gradient(80% 62% at 12% 6%,rgba(150,235,190,.08),transparent 44%),linear-gradient(180deg,#e9f9f0ed,#d6f2e3a8 10%,#144a30bd 19%,#092e1edb 30%,#062216e6 62%,#03160ef0),url(./gedung-masuk.webp);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:cover,cover,cover,cover;background-position:center,center,center,center 30%;background-attachment:scroll,scroll,scroll,fixed;background-color:#0a3322}.login-page:before{width:700px;height:700px;top:-260px;right:-220px;background:radial-gradient(circle,rgba(70,200,130,.17),rgba(30,150,90,.07) 42%,transparent 66%);filter:blur(8px)}.login-page:after{width:580px;height:580px;bottom:-230px;left:-190px;background:radial-gradient(circle,rgba(245,214,60,.18),rgba(245,214,60,.06) 44%,transparent 68%);filter:blur(10px)}.login-page .wordmark .hpsa{filter:drop-shadow(0 2px 12px rgba(0,0,0,.38)) drop-shadow(0 0 22px rgba(245,214,60,.28))}.login-page .wordmark .live{color:#ecf7f0;text-shadow:0 1px 2px rgba(0,0,0,.45),0 0 20px rgba(90,210,140,.3)}.login-page .login-sub{color:#d9ece1;text-shadow:0 1px 3px rgba(0,0,0,.55)}.login-page .login-hint{color:#cfe4d8;text-shadow:0 1px 3px rgba(0,0,0,.55)}.login-page .login-card{background:linear-gradient(180deg,#fffffff0,#ffffffe0);-webkit-backdrop-filter:saturate(1.4) blur(22px);backdrop-filter:saturate(1.4) blur(22px);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 1px #ffffffe6 inset,0 30px 60px -22px #03180f8c,0 12px 26px -14px #03180f73,0 0 0 1px #14582f0f;padding:1.9rem 1.75rem 1.35rem}.login-page .login-card .avatar-icon{box-shadow:0 10px 24px -6px #14582f8c,0 0 0 6px #fffffff2,0 0 30px #3cc87873}.login-page .login-field{margin-bottom:.95rem}.login-page .login-field .box{align-items:stretch;border:1.5px solid rgba(200,219,208,.95);border-radius:16px;background:#f8fcfacc;padding:0 .5rem 0 .9rem;min-height:58px}.login-page .login-field .box:focus-within{border-color:var(--green-500);background:#fff;box-shadow:0 0 0 4px #2f8b5229,0 6px 18px -8px #14582f59}.login-page .login-field .ic{align-self:center}.login-page .login-field .fl{position:relative;flex:1;min-width:0;display:flex;align-items:stretch}.login-page .login-field .fl input{flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;color:var(--ink-900);padding:1.35rem 0 .45rem}.login-page .login-field .fl input::placeholder{color:transparent}.login-page .login-field .fl input:focus::placeholder{color:var(--ink-400)}.login-page .login-field .fl-lbl{position:absolute;left:0;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--ink-400);font-size:1rem;pointer-events:none;white-space:nowrap;transition:transform .17s var(--ease),color .17s var(--ease)}.login-page .login-field .fl input:focus+.fl-lbl,.login-page .login-field .fl input:not(:placeholder-shown)+.fl-lbl{transform:translateY(-1.45rem) scale(.78);color:var(--green-700);font-weight:600}.login-page .login-field .peek{align-self:center}.login-page .btn-login{margin-top:.55rem;padding:.92rem;border-radius:16px;background:linear-gradient(180deg,#2f9d5c 0%,var(--green-700) 55%,var(--green-800) 100%);font-size:1.02rem;letter-spacing:.02em;box-shadow:0 10px 24px -8px #14582f8c,0 2px #ffffff2e inset}.login-page .btn-login:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 16px 30px -8px #14582f99,0 2px #ffffff38 inset}.login-page .btn-login:active:not(:disabled){transform:translateY(0)}.login-page .brand-logo,.login-page .brand-tagline{filter:drop-shadow(0 1px 2px rgba(255,255,255,.6))}@media(max-width:640px){.login-page{background-image:radial-gradient(120% 52% at 50% 64%,rgba(120,224,168,.13),transparent 56%),linear-gradient(180deg,#e9f9f0f2,#e0f6ead1 9%,#144a30d1 17%,#092e1ee3 52%,#041c12ed),url(./gedung-masuk-kecil.webp);background-repeat:no-repeat,no-repeat,no-repeat;background-size:cover,cover,cover;background-position:center,center,center 38%;background-attachment:scroll,scroll,scroll}}.login-page .footer-strip.tautan a.site{color:#dcece3;border-bottom-color:#dcece373;text-shadow:0 1px 3px rgba(0,0,0,.6)}.login-page .footer-strip.tautan a.site:hover,.login-page .footer-strip.tautan a.site:focus-visible{color:#fff;border-bottom-color:currentColor}.ringkas-item{background:linear-gradient(180deg,#fffffff5,#f6fbf8f5);border:1px solid rgba(20,88,47,.1);border-radius:18px;box-shadow:0 1px 2px #14582f0d,0 8px 20px -14px #14582f4d;box-shadow:0 1px 2px #14582f0d,0 8px 20px -14px #14582f4d,inset 3px 0 #2f8b528c}.ringkas-item:hover{transform:translateY(-3px);box-shadow:0 2px 4px #14582f0f,0 16px 30px -14px #14582f66,inset 3px 0 0 var(--green-600)}.ringkas-item .rg-ic{width:44px;height:44px;border-radius:13px;display:grid;place-content:center;font-size:var(--t-xl);background:linear-gradient(150deg,var(--green-100),var(--green-050));box-shadow:inset 0 0 0 1px #14582f14}.ringkas-item .rg-nilai{font-size:1.7rem;background:linear-gradient(180deg,var(--green-600),var(--green-800));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.ringkas-item.awas{background:linear-gradient(180deg,#fff7f6,#fff);box-shadow:0 1px 2px #b4281e0f,0 8px 20px -14px #b4281e4d,inset 3px 0 #cb443899}.ringkas-item.awas .rg-nilai{background:none;-webkit-text-fill-color:var(--danger);color:var(--danger)}.ringkas-item.awas .rg-ic{background:linear-gradient(150deg,#fbe0dc,#fff3f1);box-shadow:inset 0 0 0 1px #cb44381f}.tile.icon{border:1px solid rgba(20,88,47,.1);border-radius:20px;box-shadow:0 1px 2px #14582f0d,0 10px 24px -18px #14582f73}.tile.icon .glyph{background:linear-gradient(155deg,var(--green-200),var(--green-100) 55%,#fff);box-shadow:inset 0 1px #fffc,0 6px 14px -8px #14582f66}.tile.icon:hover{transform:translateY(-4px);border-color:var(--green-300);box-shadow:0 2px 4px #14582f0f,0 22px 40px -20px #14582f80,0 0 0 1px #2f8b521f}.tile.icon:hover .glyph{transform:scale(1.09) rotate(-3deg);box-shadow:inset 0 1px #ffffffe6,0 10px 20px -8px #14582f80,0 0 22px -4px #3cc87873}.tile:hover:after{background:linear-gradient(150deg,rgba(47,139,82,.1),transparent 58%)}.langkah-awal{border:1px solid rgba(20,88,47,.14);border-radius:20px;box-shadow:0 1px 2px #14582f0d,0 14px 30px -22px #14582f59}.la-titik.kini{background:linear-gradient(150deg,#2f9d5c,var(--green-800));box-shadow:0 4px 12px -4px #14582f8c}.la-kini{border-radius:16px;border-color:#14582f1f}.tugas{border-radius:20px}.tugas.beres{background:linear-gradient(165deg,#f6fdf9,#eef8f1)}@media(prefers-reduced-motion:reduce){.ringkas-item:hover,.tile.icon:hover,.tile.icon:hover .glyph{transform:none}}table.grid thead tr:first-child th{background:linear-gradient(180deg,var(--green-100),#dcefe3);letter-spacing:.01em}table.grid th.group:hover{background:var(--green-200)}table.grid td.calc{border-right:2px solid rgba(47,139,82,.28)!important;background:#eef8f2!important}table.grid td.calc.below{background:#fdeeec!important}table.grid thead tr:first-child th:not(.blank):not(:first-child){border-right:2px solid rgba(47,139,82,.28)}table.grid tbody tr:hover td.calc{background:#e5f2eb!important}.lencana-tuntas{display:inline-flex;align-items:center;gap:.28rem;border:1px solid transparent;padding:.16rem .5rem}.lencana-tuntas.ok{background:linear-gradient(180deg,#e4f5ea,#d7efdf);color:#1c6b3c;border-color:#1e704038}.lencana-tuntas.ok:before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:var(--green-600);flex:none}.lencana-tuntas.kurang{background:linear-gradient(180deg,#fdecea,#fbdedb);color:var(--danger);border-color:#cb443838}.lencana-tuntas.kurang:before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:var(--danger);flex:none}.lencana-tuntas.belum{background:#eef1ef;color:var(--ink-600);border-color:var(--line-2)}.predikat{box-shadow:0 1px 2px #14582f1f}.predikat.p-a{background:linear-gradient(150deg,#37a862,var(--green-700));border-color:var(--green-800);box-shadow:0 2px 6px -1px #14582f66}.predikat.p-b{background:linear-gradient(150deg,#e6f4ea,var(--green-100))}.predikat.p-c{background:linear-gradient(150deg,#fbf0cf,var(--gold-100))}.predikat.p-d{background:linear-gradient(150deg,#fbe4e0,var(--danger-bg))}table.grid.sorot-kosong td.calc{border-right-color:#2f8b521f!important}@media print{table.grid td.calc{border-right:1px solid #ccc!important;background:#fff!important}.lencana-tuntas.ok:before,.lencana-tuntas.kurang:before{display:none}.predikat{box-shadow:none}}.chips.saring-peran{gap:.65rem;margin:0 0 .95rem;align-items:center}.saring-peran .saring-lbl{font-size:var(--t-xs);font-weight:600;color:var(--ink-600);letter-spacing:.01em}.saring-peran .seg-track{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.3rem;border-radius:var(--r-pill);background:linear-gradient(180deg,#eef5f0,#e6f1ea);border:1px solid var(--line-2);box-shadow:inset 0 1px 2px #10281c17}.saring-peran .seg-track .chip{border:1px solid transparent;background:transparent;box-shadow:none;color:var(--ink-800);padding:.42rem .95rem;border-radius:var(--r-pill);transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),box-shadow .22s var(--ease)}.saring-peran .seg-track .chip:hover{background:#ffffff8c;color:var(--green-900);box-shadow:none;transform:none}.saring-peran .seg-track .chip.on{background:linear-gradient(180deg,#fff,#f4faf6);color:var(--green-800);border-color:#1e704029;box-shadow:0 1px 2px #10281c1f,0 5px 12px -4px #14582f4d}.saring-peran .seg-track .chip b{color:inherit;opacity:.55;font-weight:700}.saring-peran .seg-track .chip.on b{opacity:.8}@media(max-width:640px){.saring-peran .seg-track .chip{min-height:44px}}.saring-tabel .saring-bar{gap:.55rem;padding:.3rem .45rem .3rem .8rem;border-radius:15px;border:1px solid var(--line-2);background:linear-gradient(180deg,#fff,#f7fbf8);box-shadow:0 1px 2px #10281c0d,0 8px 18px -12px #10281c33;max-width:520px}.saring-tabel .saring-bar .ic{display:grid;place-content:center;width:30px;height:30px;flex:none;border-radius:9px;opacity:1;font-size:.92rem;background:var(--green-050);color:var(--green-700)}.saring-tabel .saring-bar:focus-within{border-color:var(--green-500);box-shadow:var(--ring),0 8px 18px -12px #14582f47}.saring-tabel .saring-bar:focus-within .ic{background:var(--green-100);color:var(--green-800)}.saring-tabel .saring-bar .jml{flex:none;padding:.26rem .62rem;border-radius:var(--r-pill);background:var(--green-050);border:1px solid var(--green-100);color:var(--green-800);font-size:var(--t-2xs);font-weight:700;font-variant-numeric:tabular-nums}.saring-tabel table.list tbody tr{transition:background .14s var(--ease),box-shadow .14s var(--ease)}.saring-tabel table.list tbody tr:nth-child(2n) td{background:#f7faf8}.saring-tabel table.list tbody tr:hover td{background:#eef7f1}.saring-tabel table.list tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 0 var(--green-600)}.status-akun .badge{display:inline-flex;align-items:center;gap:.38rem;padding:.24rem .62rem .24rem .5rem;border-radius:var(--r-pill);border:1px solid transparent;font-size:var(--t-2xs);font-weight:700;line-height:1.15}.status-akun .badge:before{content:"";width:.45rem;height:.45rem;border-radius:50%;flex:none}.status-akun .badge.grey{background:linear-gradient(180deg,#fdf4de,#fbebc7);color:#7f5205;border-color:#b28a004d}.status-akun .badge.grey:before{background:#dd9e10}.status-akun .badge.ok{background:linear-gradient(180deg,#e4f5ea,#d6efdf);color:#1c6b3c;border-color:#1e70403d}.status-akun .badge.ok:before{background:var(--green-600)}.status-akun>span:first-child{font-weight:600;color:var(--ink-700, var(--ink-800))}table.list .act-dok{gap:.4rem;align-items:center}table.list .act-dok .dok-btn{display:inline-grid;place-content:center;width:44px;height:44px;padding:0;border-radius:12px;border:1px solid var(--line-2);background:linear-gradient(180deg,#fff,#f5faf7);color:var(--green-700);cursor:pointer;text-decoration:none;box-shadow:0 1px 1.5px #10281c0f;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),box-shadow .18s var(--ease),transform .12s var(--ease)}table.list .act-dok .dok-btn:hover{background:linear-gradient(180deg,#f0f9f3,#e6f4ec);border-color:var(--green-300);color:var(--green-900);box-shadow:0 2px 7px -1px #14582f3d;transform:translateY(-1px);text-decoration:none}table.list .act-dok .dok-btn:active{transform:translateY(0)}table.list .act-dok .dok-btn:focus-visible{outline:none;box-shadow:var(--ring)}table.list .act-dok .dok-btn svg{width:18px;height:18px;display:block}@media(min-width:1024px){table.list .act-dok .dok-btn{width:38px;height:38px;border-radius:10px}table.list .act-dok .dok-btn svg{width:17px;height:17px}}@media(max-width:640px){table.list td.act .act-dok{justify-content:flex-start}}.backdrop:has(.detail-akun){background:#09221580;backdrop-filter:blur(7px) saturate(1.05);-webkit-backdrop-filter:blur(7px) saturate(1.05)}.dialog:has(.detail-akun){border-radius:18px;box-shadow:0 12px 34px -8px #10281c38,0 40px 72px -30px #10281c52}.dialog:has(.detail-akun) .dialog-head{border-bottom-color:var(--line);background:linear-gradient(180deg,#fff,#fbfdfb)}.detail-sandi{position:relative;overflow:hidden;background:linear-gradient(180deg,#f3fbf5,#e9f6ee);border:1px solid var(--green-100);border-radius:16px;padding:1.2rem 1.25rem 1.05rem 1.4rem;box-shadow:0 1px 2px #10281c0d}.detail-sandi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--green-500),var(--green-700))}.detail-sandi:has([data-uji=sandi-bawaan]){background:linear-gradient(180deg,#fdf7e8,#fbeecd);border-color:#b28a0047}.detail-sandi:has([data-uji=sandi-bawaan]):before{background:linear-gradient(180deg,#f0bf4d,#d59512)}.detail-sandi-nilai{gap:.8rem;margin:0 0 .55rem}.detail-sandi-nilai code{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:1.65rem;font-weight:800;letter-spacing:.16em;padding:.35rem 1rem;border-radius:12px;color:#7a5206;background:#fff;border:1px solid rgba(178,138,0,.28);box-shadow:0 1px 2px #10281c12}.detail-sandi-nilai code.muted{color:var(--ink-400);letter-spacing:.12em;font-size:1.3rem;background:var(--green-050);border-color:var(--line-2)}.detail-sandi .muted.small{line-height:1.62;max-width:62ch}.detail-tombol{gap:.65rem;margin-top:.3rem}.detail-tombol .btn.primary{background:linear-gradient(180deg,var(--green-600),var(--green-800));border:1px solid var(--green-800);color:#fff;box-shadow:0 2px 6px -1px #14582f59,0 9px 20px -9px #14582f80;transition:transform .12s var(--ease),box-shadow .18s var(--ease),filter .16s}.detail-tombol .btn.primary:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 4px 11px -1px #14582f66,0 14px 28px -10px #14582f8c}.detail-tombol .btn.primary:active{transform:translateY(0)}.detail-tombol .btn:not(.primary){background:transparent;border:1px solid var(--line-2);color:var(--green-800);box-shadow:none;transition:background .16s var(--ease),border-color .16s var(--ease)}.detail-tombol .btn:not(.primary):hover{background:var(--green-050);border-color:var(--green-300)}.detail-identitas{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.35rem;align-items:start}.detail-identitas .detail-grup{background:var(--green-050);border:1px solid var(--line);border-radius:14px;padding:.95rem 1.05rem 1rem}.detail-identitas .detail-grup-judul{margin:0 0 .55rem;font-size:var(--t-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--green-700);font-weight:800}.detail-identitas .detail-grup .detail-daftar{gap:0}.detail-identitas .detail-baris{grid-template-columns:6.5rem 1fr;gap:.6rem}.detail-identitas .detail-baris dd code{background:#fff}.detail-identitas .detail-jejak{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.25rem 1.4rem;padding-top:.1rem;color:var(--ink-600);font-size:var(--t-xs);font-variant-numeric:tabular-nums}.detail-identitas .detail-jejak b{color:var(--ink-800);font-weight:600}@media(max-width:640px){.detail-identitas{grid-template-columns:1fr}.detail-identitas .detail-baris{grid-template-columns:6.5rem 1fr}}@media(prefers-reduced-motion:reduce){.saring-peran .seg-track .chip,.saring-tabel table.list tbody tr,table.list .act-dok .dok-btn,.detail-tombol .btn.primary,.detail-tombol .btn:not(.primary){transition:none}table.list .act-dok .dok-btn:hover,.detail-tombol .btn.primary:hover{transform:none}}.stat-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fbf9);border-color:var(--line);box-shadow:0 1px 2px #10281c0d,inset 0 1px #fff9,inset 0 0 0 1px #2f8b520d}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--green-500),var(--green-700))}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px -6px #14582f38,inset 0 0 0 1px #2f8b521f}.stat-card .stat-glyph{display:grid;place-content:center;width:44px;height:44px;flex:none;border-radius:12px;background:var(--green-050);box-shadow:inset 0 0 0 1px #2f8b521a}.stat-card.awas{background:linear-gradient(180deg,#fffaf8,#fdeff0);border-color:#f3d6c9}.stat-card.awas:before{background:linear-gradient(180deg,#f0bf4d,#dd6b5f)}.stat-card.awas .stat-glyph{background:#fdeede;box-shadow:inset 0 0 0 1px #b28a002e}.stat-card.aman:before{background:linear-gradient(180deg,#4aa568,var(--green-700))}@keyframes muncul-lembut{0%{opacity:0}to{opacity:1}}.stat-cards .stat-card{animation:muncul-lembut .5s var(--ease) both}.stat-cards .stat-card:nth-child(2){animation-delay:.06s}.stat-cards .stat-card:nth-child(3){animation-delay:.12s}.stat-cards .stat-card:nth-child(4){animation-delay:.18s}.chart rect{transition:opacity .18s var(--ease),filter .18s var(--ease)}.chart rect:hover{filter:drop-shadow(0 3px 7px rgba(16,40,28,.28))}.chart text.nilai-batang{fill:var(--ink-900)}.bar-track{height:8px;background:#eef4f0;box-shadow:inset 0 1px 2px #10281c17}.bar-isi{position:relative;box-shadow:0 1px 4px -1px #10281c52}.bar-isi:after{content:"";position:absolute;inset:0 0 auto;height:45%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.38),transparent)}.bar-item.awas .bar-nama{color:#8a5a06;font-weight:800}.bar-item.awas .bar-track{background:#fbedd4}.bar-item.awas .bar-kaki{color:#8a6a1a;font-weight:600}.bar-list .bar-item{animation:muncul-lembut .45s var(--ease) both}.bar-list .bar-item:nth-child(2){animation-delay:.05s}.bar-list .bar-item:nth-child(3){animation-delay:.1s}.bar-list .bar-item:nth-child(4){animation-delay:.15s}.bar-list .bar-item:nth-child(n+5){animation-delay:.2s}.ta-atas{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:1.1rem;align-items:start;margin:.2rem 0 1rem}@media(max-width:900px){.ta-atas{grid-template-columns:minmax(0,1fr)}.ta-tabel{min-width:0}}.tahun-ajaran .ta-tabel .table-wrap{border-radius:14px;border:1px solid var(--tn-garis);box-shadow:0 1px 2px #0f172a0a;background:var(--paper);overflow-x:auto;overflow-y:hidden}.tahun-ajaran table.list{background:var(--paper)}.tahun-ajaran table.list thead th{padding:.68rem .85rem;background:var(--tn-latar);border-bottom:1px solid var(--tn-garis);font-size:var(--t-2xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--tn-redup);white-space:nowrap}.tahun-ajaran table.list tbody td{padding:.8rem .85rem;border-bottom:1px solid var(--tn-garis-2);vertical-align:middle}.tahun-ajaran table.list tbody tr:last-child td{border-bottom:0}.tahun-ajaran table.list tbody tr{transition:background .14s var(--ease)}.tahun-ajaran table.list tbody tr:nth-child(2n) td{background:transparent}.tahun-ajaran table.list tbody tr:hover td{background:var(--tn-latar)}.tahun-ajaran table.list tbody .status-tag,.tahun-ajaran table.list tbody .badge{white-space:nowrap}.tahun-ajaran table.list td:first-child b{color:var(--tn-teks);font-size:var(--t-md);font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.ta-info{display:flex;flex-direction:column;gap:.85rem}.ta-info-kartu{display:flex;flex-direction:column;gap:.2rem;background:#064e3b;color:#fff;border-radius:14px;padding:1.1rem 1.2rem;box-shadow:0 1px 2px #0f172a0f}.ta-info-tuts{font-size:var(--t-2xs);letter-spacing:.1em;text-transform:uppercase;opacity:.82;font-weight:700}.ta-info-tahun{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums}.ta-info-sem{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin-top:.35rem;font-size:var(--t-xs)}.ta-info-sem .terkunci{color:#ffdca8}.ta-info-sem .terbuka{color:#c9f0d5}.ta-legenda{list-style:none;margin:0;padding:.8rem .95rem;display:flex;flex-direction:column;gap:.5rem;font-size:var(--t-xs);color:var(--tn-redup);background:var(--paper);border:1px solid var(--tn-garis);border-radius:12px}.ta-legenda li{display:flex;gap:.5rem;align-items:baseline;line-height:1.4}.ta-legenda .lg{flex:none}.ta-legenda b{color:var(--tn-teks)}.ta-tambah{width:100%}@media(max-width:900px){.ta-info{flex-direction:row;flex-wrap:wrap;align-items:stretch}.ta-info-kartu{flex:1 1 220px;min-width:0}.ta-legenda{flex:1 1 220px;min-width:0;align-self:center}.ta-tambah{flex:1 1 100%}}.tahun-ajaran .kunci-toggle{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--r-pill);border:1px solid;cursor:pointer;font-weight:700;font-size:var(--t-xs);padding:.34rem .72rem;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease),transform .12s var(--ease)}.tahun-ajaran .kunci-toggle.terbuka{background:linear-gradient(180deg,#e4f5ea,#d6efdf);color:#1c6b3c;border-color:#1e704047}.tahun-ajaran .kunci-toggle.terkunci{background:linear-gradient(180deg,#fdf3de,#fbebc7);color:#7f5205;border-color:#b28a0052}.tahun-ajaran .kunci-toggle:hover{transform:translateY(-1px)}.tahun-ajaran .kunci-toggle.terbuka:hover{box-shadow:0 2px 8px -2px #14582f47}.tahun-ajaran .kunci-toggle.terkunci:hover{box-shadow:0 2px 8px -2px #b28a004d}.tahun-ajaran .kunci-toggle:focus-visible{outline:none;box-shadow:var(--ring)}.kunci-tanda{font-weight:700;font-size:var(--t-xs)}.kunci-tanda.terkunci{color:#7f5205}.kunci-tanda.terbuka{color:#1c6b3c}@media(max-width:900px){.tahun-ajaran .kunci-toggle{min-height:44px}}.tahun-ajaran table.list .badge.ok{padding:.24rem .62rem;border:1px solid rgba(30,112,64,.24);background:linear-gradient(180deg,#e4f5ea,#d6efdf)}.kenaikan-langkah{list-style:none;margin:1.1rem 0 1.4rem;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 0}.kenaikan-langkah li{position:relative;display:flex;align-items:center;gap:.6rem;flex:1 1 190px;min-width:0;padding:.1rem .9rem .1rem 0;font-size:var(--t-xs);font-weight:600;color:var(--tn-redup);line-height:1.35}.kenaikan-langkah li+li{padding-left:.9rem}.kenaikan-langkah li+li:before{content:"";position:absolute;left:-.35rem;right:calc(100% - .1rem);top:50%;width:.95rem;height:1px;background:var(--tn-garis)}.kenaikan-langkah li .no{display:grid;place-content:center;width:26px;height:26px;flex:none;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--tn-garis);color:var(--tn-samar);font-weight:800;font-size:var(--t-2xs)}.kenaikan-langkah li.kini{color:var(--tn-teks);font-weight:700}.kenaikan-langkah li.kini .no{background:var(--tn-hijau-tua);color:#fff;box-shadow:none}.kenaikan-langkah.mati li{color:var(--tn-redup)}.kenaikan-langkah.mati li .no{background:var(--tn-latar);color:var(--tn-samar)}@media(max-width:560px){.kenaikan-langkah{flex-direction:column;gap:.55rem}.kenaikan-langkah li,.kenaikan-langkah li+li{flex:none;padding:0}.kenaikan-langkah li+li:before{display:none}}.kenaikan-gembok{display:flex;align-items:flex-start;gap:.9rem;margin:.7rem 0 0;padding:1.05rem 1.2rem 1.05rem 1.1rem;border:1px solid #fde68a;border-left:3px solid var(--tn-amber);border-radius:14px;background:#fffbeb}.kenaikan-gembok .kg-ikon{font-size:1.15rem;width:34px;height:34px;flex:none;display:grid;place-content:center;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px #fde68a}.kenaikan-gembok .kg-teks b{display:block;color:var(--tn-amber-teks);font-size:var(--t-sm);font-weight:700;letter-spacing:-.005em}.kenaikan-gembok .kg-teks p{margin:.22rem 0 0;color:var(--tn-amber-redup);font-size:var(--t-sm);line-height:1.6;max-width:62ch}@media(prefers-reduced-motion:reduce){.stat-cards .stat-card,.bar-list .bar-item{animation:none}.stat-card,.tahun-ajaran table.list tbody tr,.tahun-ajaran .kunci-toggle{transition:none}.stat-card:hover,.tahun-ajaran .kunci-toggle:hover{transform:none}}.login-page{background-image:radial-gradient(120% 62% at 50% 0%,rgba(255,255,255,.55) 0%,transparent 56%),radial-gradient(96% 58% at 50% 12%,rgba(116,220,165,.3),transparent 62%),linear-gradient(180deg,#c4f0d8db,#d6f5e3c7 20%,#e4f9eea8 46%,#eefbf594 74%,#f7fdfa85),url(./gedung-masuk.webp);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:cover,cover,cover,cover;background-position:center,center,center,center 30%;background-attachment:scroll,scroll,scroll,fixed;background-color:#e4f5ec}@media(max-width:860px),(max-height:640px){.login-page{background-attachment:scroll,scroll,scroll,scroll}}.login-page:before{width:680px;height:680px;top:-250px;right:-210px;background:radial-gradient(circle,rgba(120,225,170,.22),rgba(150,235,190,.08) 44%,transparent 68%);filter:blur(10px)}.login-page:after{width:560px;height:560px;bottom:-220px;left:-180px;background:radial-gradient(circle,rgba(255,246,190,.28),rgba(255,240,170,.1) 46%,transparent 70%);filter:blur(12px)}.login-page .wordmark .hpsa{background:linear-gradient(180deg,#eab308,#ca8a04 52%,#a16207);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.14)) drop-shadow(0 2px 10px rgba(180,130,0,.22))}.login-page .wordmark .live{color:#0b3d24;text-shadow:0 1px 2px rgba(255,255,255,.7)}.login-page .login-sub{color:#14532d;text-shadow:0 1px 2px rgba(255,255,255,.75);font-weight:600}.login-page .login-hint{color:#0c3a1f;text-shadow:0 1px 2px rgba(255,255,255,.85);font-weight:700}.login-page .login-card{background:linear-gradient(180deg,#ffffffa8,#ffffff8a);-webkit-backdrop-filter:saturate(1.7) blur(18px);backdrop-filter:saturate(1.7) blur(18px);border:1px solid rgba(255,255,255,.6);border-radius:26px;box-shadow:inset 0 0 0 1px #fff3,inset 0 1px #ffffffbf,0 30px 70px -24px #093c2652,0 14px 32px -18px #093c263d,0 0 0 1px #14582f0d}.login-page .login-field .box{border:1.5px solid rgba(180,210,192,.9);background:#ffffff94}.login-page .login-field .box:focus-within{border-color:#17a34a;background:#ffffffeb;box-shadow:0 0 0 4px #25b46433,0 0 18px -2px #25b46466,0 6px 18px -8px #14582f52}.login-page .btn-login{background:linear-gradient(180deg,#34c66e 0%,#17a34a 55%,var(--green-700) 100%);box-shadow:0 10px 26px -8px #14783c80,0 0 0 1px #14783c1a,inset 0 1px #ffffff61}.login-page .btn-login:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 18px 34px -8px #14783c94,0 0 26px -4px #34c66e80,inset 0 1px #ffffff6b}.login-page .brand-logo,.login-page .brand-tagline{filter:drop-shadow(0 1px 3px rgba(9,60,38,.18))}.login-page .footer-strip.tautan a.site{color:#0f3d26;border-bottom-color:#0f3d2666;text-shadow:0 1px 2px rgba(255,255,255,.7)}.login-page .footer-strip.tautan a.site:hover,.login-page .footer-strip.tautan a.site:focus-visible{color:var(--green-900);border-bottom-color:currentColor}@media(max-width:640px){.login-page{background-image:radial-gradient(130% 44% at 50% 0%,rgba(255,255,255,.5),transparent 56%),radial-gradient(120% 40% at 50% 12%,rgba(116,220,165,.26),transparent 62%),linear-gradient(180deg,#c6f0d9e6,#d8f6e5d1 16%,#e6f9f0ad 48%,#f4fcf894),url(./gedung-masuk-kecil.webp);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:cover,cover,cover,cover;background-position:center,center,center,center 38%;background-attachment:scroll,scroll,scroll,scroll}}.meta-list{display:flex;flex-wrap:wrap;gap:.5rem;background:none;border:0;box-shadow:none;padding:0;margin:0 0 1.4rem}.meta-list div{display:inline-flex;align-items:baseline;gap:.45rem;padding:.4rem .85rem;border-radius:var(--r-pill);background:linear-gradient(180deg,#fff,#f4faf6);border:1px solid var(--line);box-shadow:0 1px 2px #10281c0d;font-size:var(--t-sm)}.meta-list dt{width:auto;flex:none;color:var(--ink-600);font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.meta-list dt:after{content:""}.meta-list dd{margin:0;font-weight:700;color:var(--green-900)}.score-bars{border-radius:22px;gap:1rem;padding:1.6rem 1.5rem;box-shadow:0 1px 2px #10281c0d,0 18px 44px -24px #10281c38}.score-bars .score-bar.bisa-buka{padding:1.35rem 1.15rem 1.1rem;border-radius:16px;background:linear-gradient(180deg,#fff,#f7fbf9);border:1px solid var(--line);box-shadow:0 1px 2px #10281c0a;transition:box-shadow .18s var(--ease),transform .14s var(--ease),border-color .16s var(--ease)}.score-bars .score-bar.bisa-buka:hover{border-color:var(--green-200);transform:translateY(-1px);box-shadow:0 8px 18px -10px #14582f38}.score-bar.bisa-buka .tag{background:linear-gradient(180deg,#f0f9f3,#e3f2ea);border-color:#1e70402e;color:var(--green-900)}.score-bar .progress{height:12px;box-shadow:inset 0 1px 2px #10281c17}.score-bar .progress>span{background:linear-gradient(90deg,#34c66e,var(--green-700));box-shadow:0 0 10px -1px #25b46480}.score-bar .out{top:-1.75rem;font-size:1.1rem;font-weight:800;color:var(--green-900);font-variant-numeric:tabular-nums;letter-spacing:-.01em;background:#ffffffb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:10px;padding:.1rem .5rem;box-shadow:0 1px 2px #10281c0f}.score-bars .score-bar.total{margin-top:.35rem;padding:1.35rem 1.3rem 1.5rem;border-radius:18px;background:linear-gradient(150deg,#fff,#edf8f1);border:1px solid rgba(30,112,64,.2);position:relative;overflow:hidden;box-shadow:0 2px 4px #10281c0d,0 16px 36px -18px #14582f61,inset 0 0 0 1px #ffffff8c}.score-bar.total .tag{background:linear-gradient(180deg,var(--green-600),var(--green-800));box-shadow:0 4px 12px -4px #14582f80}.score-bar.total .out{font-size:1.3rem;color:var(--green-800);background:#fff}.score-bar.total .progress>span{background:linear-gradient(90deg,var(--gold-500),var(--green-600));box-shadow:0 0 12px -1px #f5c83c80}.tautan-sanggah{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;padding:.34rem .75rem;border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff9;color:var(--green-700);font-size:var(--t-2xs);font-weight:700;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease)}.tautan-sanggah:hover:not(:disabled){background:var(--green-050);border-color:var(--green-300);color:var(--green-900);box-shadow:0 2px 8px -3px #14582f40}@media(max-width:640px){.tautan-sanggah{min-height:44px}}.data-mapel .toolbar{margin:0 0 .85rem;padding:.7rem .8rem;border-radius:14px;background:linear-gradient(180deg,#ffffffb8,#ffffff8f);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);border:1px solid rgba(255,255,255,.6);box-shadow:0 1px 2px #10281c0d,0 10px 26px -16px #10281c33,inset 0 0 0 1px #ffffff4d}.data-mapel .toolbar .btn{background:linear-gradient(180deg,var(--green-600),var(--green-800));color:#fff;border:1px solid var(--green-800);box-shadow:0 2px 6px -1px #14582f4d;transition:transform .12s var(--ease),box-shadow .18s var(--ease),filter .16s}.data-mapel .toolbar .btn:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 5px 14px -3px #14582f6b}.data-mapel table.list th.kode,.data-mapel table.list td.kode,.data-mapel table.list th.kkm,.data-mapel table.list td.kkm,.data-mapel table.list th.urut,.data-mapel table.list td.urut,.data-mapel table.list th.pakai,.data-mapel table.list td.pakai{text-align:center;white-space:nowrap}.data-mapel table.list td.kkm,.data-mapel table.list td.urut{font-variant-numeric:tabular-nums;color:var(--ink-800)}.data-mapel table.list th.kode,.data-mapel table.list th.kkm,.data-mapel table.list th.urut{width:1%}.pakai-tanda{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem .2rem .5rem;border-radius:var(--r-pill);font-size:var(--t-2xs);font-weight:700;border:1px solid transparent;line-height:1.2}.pakai-tanda:before{content:"";width:.42rem;height:.42rem;border-radius:50%;flex:none}.pakai-tanda.ya{background:linear-gradient(180deg,#e4f5ea,#d6efdf);color:#1c6b3c;border-color:#1e70403d}.pakai-tanda.ya:before{background:var(--green-600)}.pakai-tanda.belum{background:#eef1ef;color:var(--ink-600);border-color:var(--line-2)}.pakai-tanda.belum:before{background:var(--ink-200)}.aksi-lain{border:1px solid var(--line-2);background:linear-gradient(180deg,#fff,#f6faf7);color:var(--green-700);min-width:36px;min-height:36px;border-radius:10px;box-shadow:0 1px 1.5px #10281c0f;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),box-shadow .16s var(--ease),transform .12s var(--ease)}.aksi-lain:hover{background:linear-gradient(180deg,#f0f9f3,#e6f4ec);border-color:var(--green-300);color:var(--green-900);transform:translateY(-1px);box-shadow:0 2px 7px -1px #14582f38}@media(max-width:900px){.aksi-lain{min-width:44px;min-height:44px}}.aksi-menu{border-radius:14px;border:1px solid var(--line);box-shadow:0 12px 30px -10px #10281c47,inset 0 0 0 1px #ffffff80}.backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog .field{margin-bottom:1.35rem}.dialog .field>label{color:var(--green-800)}.dialog .field .hint{margin-top:.55rem;padding-left:.2rem;color:var(--ink-400);line-height:1.5}.dialog .field input:focus,.dialog .field select:focus,.dialog .field textarea:focus{border-color:#17a34a;box-shadow:0 0 0 3px #25b4642e,0 0 15px -2px #25b46461}.dialog-foot .btn.primary{background:linear-gradient(180deg,var(--green-600),var(--green-800));border:1px solid var(--green-800);color:#fff;box-shadow:0 2px 6px -1px #14582f59,0 8px 18px -8px #14582f80;transition:transform .12s var(--ease),box-shadow .18s var(--ease),filter .16s}.dialog-foot .btn.primary:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 4px 10px -1px #14582f66,0 12px 26px -10px #14582f8c}.dialog-foot .btn.primary:active{transform:translateY(0)}.dialog-foot .btn:not(.primary){background:transparent;border:1px solid var(--line-2);color:var(--ink-800);box-shadow:none}.dialog-foot .btn:not(.primary):hover{background:var(--green-050);border-color:var(--green-300)}@media(prefers-reduced-motion:reduce){.score-bars .score-bar.bisa-buka,.tautan-sanggah,.data-mapel .toolbar .btn,.aksi-lain,.dialog-foot .btn.primary{transition:none}.score-bars .score-bar.bisa-buka:hover,.data-mapel .toolbar .btn:hover,.aksi-lain:hover,.dialog-foot .btn.primary:hover{transform:none}}.login-page{background-image:radial-gradient(72% 27% at 50% 23%,rgba(255,255,255,.82) 0%,rgba(255,255,255,.46) 46%,transparent 78%),linear-gradient(180deg,transparent 72%,rgba(255,255,255,.5) 87%,rgba(255,255,255,.7) 100%),radial-gradient(115% 38% at 50% 0%,rgba(146,228,186,.34),transparent 64%),linear-gradient(180deg,#e2f6ec8a,#ecfaf354 27%,#f3fcf840 56%,#f6fdf94a),url(./gedung-masuk.webp);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:cover,cover,cover,cover,cover;background-position:center,center,center,center,center 30%;background-attachment:scroll,scroll,scroll,scroll,fixed;background-color:#eaf6f0}@media(max-width:860px),(max-height:640px){.login-page{background-attachment:scroll,scroll,scroll,scroll,scroll}}@media(max-width:640px){.login-page{background-image:radial-gradient(105% 20% at 50% 21%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.5) 46%,transparent 78%),linear-gradient(180deg,transparent 74%,rgba(255,255,255,.52) 88%,rgba(255,255,255,.72) 100%),radial-gradient(125% 26% at 50% 0%,rgba(146,228,186,.32),transparent 64%),linear-gradient(180deg,#e2f6ec94,#ecfaf35c 24%,#f3fcf845 58%,#f6fdf94d),url(./gedung-masuk-kecil.webp);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:cover,cover,cover,cover,cover;background-position:center,center,center,center,center 38%;background-attachment:scroll,scroll,scroll,scroll,scroll}}.dialog-foot .btn.danger{color:var(--danger);border-color:#f0c8c3}.dialog-foot .btn.danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger);border-color:#e6a79f}.progres-tahun .score-bars{gap:1.5rem}.progres-tahun .score-bar .out{top:-1.35rem;font-size:var(--t-sm);font-weight:700;color:var(--ink-600);background:none;border:0;border-radius:0;padding:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media print{.meta-list div{box-shadow:none;background:none;border-color:#ccc}}@media print{.rapor-sheet+.rapor-sheet{break-before:page;page-break-before:always}}.pilih-semester{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 0 1.15rem}.pilih-semester .ps-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.55rem 1.05rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink-600);font-family:inherit;font-size:var(--t-sm);font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.pilih-semester .ps-btn:hover:not(.aktif){border-color:var(--green-600);color:var(--green-700);background:var(--green-050)}.pilih-semester .ps-btn.aktif{background:var(--green-700);border-color:var(--green-700);color:#fff;cursor:default}.pilih-semester .ps-kini{font-size:var(--t-xs);font-weight:700;letter-spacing:.02em;padding:.12rem .45rem;border-radius:999px;background:var(--green-100);color:var(--green-700)}.pilih-semester .ps-btn.aktif .ps-kini{background:#ffffff38;color:#fff}.rr-bungkus{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff;-webkit-overflow-scrolling:touch}table.grid.rekap-rinci{border-collapse:separate;border-spacing:0;min-width:100%;font-size:var(--t-sm)}table.grid.rekap-rinci .rr-caption{caption-side:top;text-align:left;padding:.6rem .85rem;font-size:var(--t-sm);font-weight:700;color:var(--ink-600);background:var(--green-050);border-bottom:1px solid var(--line)}table.grid.rekap-rinci th,table.grid.rekap-rinci td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:.38rem .5rem;text-align:center;white-space:nowrap}table.grid.rekap-rinci thead th{background:var(--green-050);color:var(--ink-900);font-weight:700;position:sticky;top:0;z-index:3}table.grid.rekap-rinci th.rr-mapel{font-size:var(--t-sm);letter-spacing:.01em;border-bottom:1px solid var(--line)}table.grid.rekap-rinci th.rr-sub{font-size:var(--t-xs);font-weight:700;color:var(--ink-600);max-width:6.5rem;overflow:hidden;text-overflow:ellipsis}table.grid.rekap-rinci .rr-na{font-weight:800;background:var(--green-050)}table.grid.rekap-rinci tbody td.rr-na{color:var(--green-700)}table.grid.rekap-rinci .rr-no,table.grid.rekap-rinci .rr-nama{position:sticky;background:#fff;z-index:2}table.grid.rekap-rinci thead .rr-no,table.grid.rekap-rinci thead .rr-nama{z-index:4;background:var(--green-050)}table.grid.rekap-rinci .rr-no{left:0;width:3rem;min-width:3rem;color:var(--ink-600)}table.grid.rekap-rinci .rr-nama{left:3rem;width:15rem;min-width:15rem;max-width:15rem;text-align:left;font-weight:600;overflow:hidden;text-overflow:ellipsis;border-right:2px solid var(--green-600)}table.grid.rekap-rinci tbody tr:nth-child(2n) td{background:#fbfdfb}table.grid.rekap-rinci tbody tr:nth-child(2n) td.rr-no,table.grid.rekap-rinci tbody tr:nth-child(2n) td.rr-nama{background:#fbfdfb}table.grid.rekap-rinci tbody tr:nth-child(2n) td.rr-na{background:var(--green-050)}table.grid.rekap-rinci tbody td.rr-kurang{background:var(--danger-bg)!important;color:var(--danger);font-weight:800;box-shadow:inset 0 0 0 1px #f0c8c3}.rr-saring{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .7rem}.rr-saring-judul{font-size:var(--t-sm);font-weight:700;color:var(--ink-600);margin-right:.15rem}.rr-chip{min-height:32px;padding:.3rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink-400);font-family:inherit;font-size:var(--t-xs);font-weight:700;cursor:pointer;text-decoration:line-through;transition:background .14s ease,color .14s ease,border-color .14s ease}.rr-chip.nyala{background:var(--green-100);border-color:var(--green-600);color:var(--green-700);text-decoration:none}.rr-chip.semua{text-decoration:none;color:var(--green-700);border-style:dashed}.rr-tab{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .9rem}.rr-tab-btn{min-height:40px;padding:.45rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink-600);font-family:inherit;font-size:var(--t-sm);font-weight:700;cursor:pointer}.rr-tab-btn.aktif{background:var(--green-700);border-color:var(--green-700);color:#fff;cursor:default}.rr-kosong{margin:.4rem 0 0;padding:1rem;border:1px dashed var(--line);border-radius:12px;color:var(--ink-600);font-size:var(--t-sm);text-align:center}@media print{.rr-saring,.rr-tab{display:none!important}.rr-bungkus{overflow:visible;border:0}table.grid.rekap-rinci .rr-no,table.grid.rekap-rinci .rr-nama{position:static}table.grid.rekap-rinci{font-size:9pt}}.gp{margin:.2rem 0 0}.gp-bidang{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.5rem .35rem .2rem;overflow-x:auto}.gp-svg{display:block;width:100%;min-width:32rem;height:auto}.gp-kisi{stroke:var(--line);stroke-width:1}.gp-sumbu{font-size:13px;fill:var(--ink-600);font-family:inherit}.gp-angka{font-size:13px;font-weight:700;fill:var(--ink-900);font-family:inherit;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.gp-garis{transition:opacity .18s ease}.gp-garis.pudar{opacity:.16}.gp-sasaran{cursor:pointer}.gp-legenda{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .6rem}.gp-chip{display:inline-flex;align-items:center;gap:.45rem;min-height:36px;padding:.32rem .72rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink-600);font-family:inherit;font-size:var(--t-xs);font-weight:700;cursor:pointer;transition:opacity .18s ease,border-color .18s ease,background .18s ease}.gp-chip .gp-tanda{width:.8rem;height:.8rem;border-radius:999px;border:2px solid transparent;box-sizing:border-box}.gp-chip.fokus{border-color:var(--green-600);background:var(--green-050);color:var(--green-700)}.gp-chip.pudar{opacity:.45}.gp-chip.semua{border-style:dashed;color:var(--green-700)}.gp-petunjuk{margin:.5rem 0 0;font-size:var(--t-xs);color:var(--ink-600)}.gp-kosong{margin:.4rem 0 0;padding:1rem;border:1px dashed var(--line);border-radius:12px;color:var(--ink-600);font-size:var(--t-sm);text-align:center}.gp-panel{margin:0 0 1rem;padding:.9rem 1rem 1rem;border:1px solid var(--green-100);border-radius:14px;background:var(--green-050)}.gp-panel .gp-bidang{background:#fff}.gp-panel-kepala{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .6rem}.gp-panel-judul{margin:0;font-size:var(--t-md);font-weight:800;color:var(--ink-900)}.gp-tutup{min-height:36px;padding:.3rem .8rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-600);font-family:inherit;font-size:var(--t-xs);font-weight:700;cursor:pointer}table.grid.rekap-rinci td.rr-nama .rr-buka{display:block;width:100%;border:0;background:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--green-100);text-underline-offset:3px;overflow:hidden;text-overflow:ellipsis}table.grid.rekap-rinci td.rr-nama .rr-buka:hover,table.grid.rekap-rinci td.rr-nama .rr-buka:focus-visible{color:var(--green-700);text-decoration-color:var(--green-600)}@media(prefers-reduced-motion:reduce){.gp-garis,.gp-chip{transition:none}}@media print{.gp-legenda,.gp-petunjuk,.gp-tutup{display:none!important}.gp-bidang{overflow:visible}}.gp-atas{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:0 0 .6rem}.gp-atas .gp-legenda{margin:0;flex:1 1 auto}.gp-stat{flex:0 0 auto;display:flex;flex-direction:column;gap:.1rem;padding:.45rem .8rem;border:1px solid var(--green-100);border-radius:12px;background:#fff;box-shadow:0 1px 2px #16221b0d}.gp-stat-label{font-size:var(--t-xs);font-weight:700;color:var(--ink-600);letter-spacing:.02em}.gp-stat-isi{font-size:var(--t-sm);color:var(--ink-900)}.gp-stat-isi b{color:var(--green-700);font-size:var(--t-md)}.gp-bidang{border-radius:16px;box-shadow:0 1px 3px #16221b0d}.gp-kisi{opacity:.65}@keyframes gp-tarik{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.gp-jalur.gp-masuk{stroke-dasharray:1;stroke-dashoffset:0;animation:gp-tarik .8s ease-out}@keyframes gp-timbul{0%{opacity:0}to{opacity:1}}.gp-jembatan{opacity:.55;animation:gp-timbul .8s ease-out}.gp-garis.pudar .gp-jembatan{opacity:.55}.gp-titik{transition:r .15s ease}.gp-titik-g:hover .gp-titik{r:7.5}@media(prefers-reduced-motion:reduce){.gp-jalur.gp-masuk,.gp-jembatan{animation:none}.gp-titik{transition:none}}.tukar-mapel{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1rem}.tm-judul{font-size:var(--t-sm);font-weight:700;color:var(--ink-600);margin-right:.15rem}.tm-chip{min-height:36px;padding:.32rem .78rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink-600);font-family:inherit;font-size:var(--t-xs);font-weight:700;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.tm-chip:hover:not(.aktif){border-color:var(--green-600);color:var(--green-700);background:var(--green-050)}.tm-chip.aktif{background:var(--green-700);border-color:var(--green-700);color:#fff;cursor:default}.net-pill .dot{animation:none}.net-pill.sibuk .dot{animation:breathe 1.6s var(--ease) infinite}.net-pill:not(.off):not(.sibuk){background:var(--paper);color:var(--ink-600);border-color:var(--line)}.net-ulang{margin-left:.1rem;min-height:24px;padding:.1rem .5rem;border:1px solid currentColor;border-radius:999px;background:none;color:inherit;font-family:inherit;font-size:var(--t-2xs);font-weight:700;cursor:pointer;opacity:.85}.net-ulang:hover{opacity:1;background:#0000000a}table.grid.rekap-rinci td.rr-nama .rr-buka{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%;border:0;background:none;padding:.1rem 0;font:inherit;color:inherit;text-align:left;cursor:pointer;text-decoration:none;border-radius:6px}table.grid.rekap-rinci td.rr-nama .rr-nama-teks{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline dotted;text-decoration-color:var(--green-600);text-underline-offset:3px}table.grid.rekap-rinci td.rr-nama .rr-nama-ikon{flex:0 0 auto;font-size:var(--t-xs);opacity:.55;transition:opacity .14s ease,transform .14s ease}table.grid.rekap-rinci td.rr-nama .rr-buka:hover .rr-nama-ikon,table.grid.rekap-rinci td.rr-nama .rr-buka:focus-visible .rr-nama-ikon{opacity:1;transform:scale(1.15)}table.grid.rekap-rinci td.rr-nama .rr-buka:hover .rr-nama-teks,table.grid.rekap-rinci td.rr-nama .rr-buka:focus-visible .rr-nama-teks{color:var(--green-700);text-decoration-style:solid}table.grid.rekap-rinci td.rr-nama .rr-buka.aktif{color:var(--green-700);font-weight:800}table.grid.rekap-rinci td.rr-nama .rr-buka.aktif .rr-nama-ikon{opacity:1}.gp-tabs{display:flex;gap:.35rem;margin:0 0 .65rem}.gp-tab{min-height:34px;padding:.25rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink-600);font-family:inherit;font-size:var(--t-xs);font-weight:700;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.gp-tab:hover{border-color:var(--green-600);color:var(--green-700)}.gp-tab.aktif{background:var(--green-600);border-color:var(--green-600);color:#fff}.gp-acuan{stroke:#c0392b;stroke-width:1.5;stroke-dasharray:6 5;opacity:.55}.gp-acuan-label{font-size:11px;fill:#c0392b;opacity:.8;font-weight:600}.gp-kelas{stroke:#8b95a3;stroke-width:2;stroke-dasharray:3 6;stroke-linecap:round;stroke-linejoin:round}.gp-kelas.gp-kelas-jembatan{stroke-dasharray:2 8;opacity:.7}.gp-kelas-titik{fill:#8b95a3}.gp-delta{font-size:10.5px;font-weight:700}.gp-delta.naik{fill:#0f8a6a}.gp-delta.turun{fill:#c0392b}.gp-delta.sama{fill:var(--ink-500, #5a6472)}.gp-slope-svg{display:block;width:100%;min-width:32rem;height:auto}.gp-slope-tiang{stroke:var(--line);stroke-width:1}.gp-slope-garis line{transition:stroke-width .14s ease}.gp-slope-garis:hover line{stroke-width:4}.gp-slope-label{font-size:11.5px;font-weight:600}.gp-slope-delta{font-weight:800}@media print{.gp-tabs{display:none!important}}.gp-delta,.gp-acuan-label,.gp-angka{stroke:#fff;stroke-width:3px;paint-order:stroke;stroke-linejoin:round}.panel.wajib-ganti,.panel.rapor-atur,.panel.bobot{position:relative;overflow:hidden;border-radius:14px;padding:1.25rem 1.4rem 1.4rem;box-shadow:0 1px 2px #102a180d,0 10px 28px #102a180f}.panel.wajib-ganti:before,.panel.rapor-atur:before,.panel.bobot:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--green-600),#1f8fa8 60%,var(--green-300))}.panel.wajib-ganti .panel-judul,.panel.rapor-atur .panel-judul,.panel.bobot .panel-judul{letter-spacing:.01em}.panel.wajib-ganti .panel-lead,.panel.rapor-atur .panel-lead,.panel.bobot .panel-lead{max-width:60ch;line-height:1.55}.panel.rapor-atur input,.panel.bobot .bobot-isian{padding:.5rem .65rem;border:1px solid var(--line);border-radius:10px;background:var(--canvas);font:inherit;color:var(--ink-800);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.panel.rapor-atur input:focus-visible,.panel.bobot .bobot-isian:focus-visible{outline:none;background:#fff;border-color:var(--green-600);box-shadow:0 0 0 3px var(--green-100)}.wg-meter{height:8px;border-radius:999px;overflow:hidden;background:var(--green-050);border:1px solid var(--line);margin:-.35rem 0 1rem}.wg-meter-isi{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ink-200),var(--ink-400));transition:width .4s var(--ease, ease)}.wg-meter.on{background:#fff}.wg-meter.on .wg-meter-isi{background:linear-gradient(90deg,var(--green-300),var(--green-600))}.rapor-atur-baris{border-radius:12px;padding:.7rem .85rem;transition:border-color .14s ease,box-shadow .14s ease}.rapor-atur-baris:focus-within{border-color:var(--green-300);box-shadow:0 0 0 3px var(--green-050)}.rapor-atur-huruf{min-width:2.4rem;width:2.4rem;height:2.4rem;line-height:2.4rem;border-radius:10px;color:#fff;font-size:var(--t-md);align-self:center;box-shadow:inset 0 -8px 14px #0000001f}.rapor-atur-baris[data-huruf=A] .rapor-atur-huruf{background:linear-gradient(135deg,var(--green-600),var(--green-800))}.rapor-atur-baris[data-huruf=B] .rapor-atur-huruf{background:linear-gradient(135deg,#2aa1bc,#16657a)}.rapor-atur-baris[data-huruf=C] .rapor-atur-huruf{background:linear-gradient(135deg,#c99414,#8a6400)}.rapor-atur-baris[data-huruf=D] .rapor-atur-huruf{background:linear-gradient(135deg,#d35446,#962d22)}.rapor-atur-baris[data-huruf=ket] .rapor-atur-huruf{width:auto;height:auto;line-height:1.3;box-shadow:none;background:none;color:var(--green-800)}.rapor-atur-baris[data-huruf=ket] .rapor-atur-medan.lebar:nth-of-type(1) input{border-left:3px solid var(--green-600)}.rapor-atur-baris[data-huruf=ket] .rapor-atur-medan.lebar:nth-of-type(2) input{border-left:3px solid #c0392b}.ra-skala{margin:.2rem 0 1.1rem}.ra-bilah{display:flex;height:30px;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.ra-seg{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:var(--t-2xs);letter-spacing:.04em;white-space:nowrap;overflow:hidden;min-width:0;transition:width .35s var(--ease, ease);text-shadow:0 1px 2px rgba(0,0,0,.25)}.ra-seg.d{background:linear-gradient(180deg,#d35446,#b8402f)}.ra-seg.c{background:linear-gradient(180deg,#c99414,#a87a00)}.ra-seg.b{background:linear-gradient(180deg,#2aa1bc,#1c7f97)}.ra-seg.a{background:linear-gradient(180deg,var(--green-500, #2f9e63),var(--green-700))}.ra-batas{position:relative;height:1.1rem;margin:.25rem .1rem 0;font-size:var(--t-2xs);color:var(--ink-400);font-variant-numeric:tabular-nums}.ra-batas span{position:absolute;transform:translate(-50%)}.ra-batas span:first-child{transform:none}.ra-batas span:last-child{transform:translate(-100%)}.bobot-rasio{display:flex;height:30px;border-radius:999px;overflow:hidden;border:1px solid var(--line);margin:.2rem 0 .8rem}.bobot-rasio span{display:flex;align-items:center;justify-content:center;min-width:0;white-space:nowrap;overflow:hidden;font-weight:800;font-size:var(--t-2xs);letter-spacing:.03em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.22);transition:width .35s var(--ease, ease)}.bobot-rasio .br-ph{background:linear-gradient(180deg,var(--green-500, #2f9e63),var(--green-700))}.bobot-rasio .br-akhir{background:linear-gradient(180deg,#2aa1bc,#1c7f97)}.panel.bobot .bobot-contoh{border-radius:12px}.panel.bobot .bobot-baris strong{font-size:var(--t-md)}@media(max-width:560px){.panel.wajib-ganti,.panel.rapor-atur,.panel.bobot{padding:1.1rem .95rem 1.2rem}.rapor-atur-huruf{align-self:flex-start}}.b-kepsek{align-items:start}.b-kepsek .nanti-tugas .tugas{height:auto}@media(min-width:960px){.b-kepsek .pita-ringkas,.b-kepsek .ringkas{height:auto}}table.grid.rekap-rinci th.rr-sub{max-width:8.5rem;white-space:nowrap}table.grid.rekap-rinci th.rr-sub .rr-kkm{font-weight:600;font-size:var(--t-2xs);color:var(--ink-400);letter-spacing:0}@media print{table.grid.rekap-rinci th.rr-sub .rr-kkm{color:#555}}.panel{background:linear-gradient(90deg,var(--green-600),#1f8fa8 60%,var(--green-300)) top / 100% 4px no-repeat,var(--paper);border-radius:14px;box-shadow:0 1px 2px #102a180d,0 10px 28px #102a180f}.panel .panel-judul{letter-spacing:.01em}.table-wrap,.rr-bungkus,.gp-panel,.tugas,.kartu-akun,.pd-bagian{border-radius:14px;box-shadow:0 1px 2px #102a180d,0 8px 24px #102a180f}.stat-card,.ringkas-item{border-radius:14px;background:linear-gradient(180deg,#fff,#fafcfb);box-shadow:0 1px 2px #102a180d,0 6px 18px #102a180f,inset 0 1px #ffffffe6}.stat-card:hover,.ringkas-item:hover{box-shadow:0 2px 4px #102a180f,0 14px 32px #102a181a,inset 0 1px #ffffffe6}.stat-card .stat-glyph,.ringkas-item .rg-ic{display:grid;place-content:center;width:46px;height:46px;border-radius:12px;flex:none;background:linear-gradient(150deg,var(--green-050),var(--green-100));box-shadow:inset 0 1px #fffc,0 1px 2px #102a180f;font-size:1.45rem}.stat-card.awas .stat-glyph,.ringkas-item.awas .rg-ic{background:linear-gradient(150deg,#fff3f0,#ffe4de)}.page-title{color:var(--green-900);letter-spacing:-.02em}.page-lead{max-width:62ch;margin-inline:auto;line-height:1.55}.tile{border-radius:18px}.tile.icon .glyph{background:radial-gradient(120% 90% at 30% 20%,rgba(255,255,255,.75),transparent 60%),linear-gradient(150deg,var(--green-100),var(--green-200));box-shadow:inset 0 1px #ffffffe6,0 6px 16px #14582f24}.tile.icon:hover .glyph{box-shadow:inset 0 1px #ffffffe6,0 10px 22px #14582f38}.tile.icon .label{letter-spacing:.03em}.tile .tile-rombel,.tile .tile-sepi,.tile .tile-kosong{color:var(--ink-600)}.btn.primary{box-shadow:var(--glow),inset 0 1px #ffffff2e}.btn.primary:hover:not(:disabled){transform:translateY(-1px)}.btn.gold{box-shadow:var(--glow-gold),inset 0 1px #ffffff73}.btn.gold:hover:not(:disabled){transform:translateY(-1px)}.btn:focus-visible,.tile:focus-visible,.chip:focus-visible,.rr-chip:focus-visible,.gp-chip:focus-visible,.gp-tab:focus-visible,.tm-chip:focus-visible,.rr-tab-btn:focus-visible,.sn-item:focus-visible,.rr-buka:focus-visible,.net-ulang:focus-visible,.bell-button:focus-visible,.user-button:focus-visible{outline:3px solid rgba(47,139,82,.35);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--green-600);box-shadow:0 0 0 3px #2f8b522e}.rr-chip,.gp-chip,.tm-chip,.rr-tab-btn,.gp-tab{transition:background .14s var(--ease),color .14s var(--ease),border-color .14s var(--ease),transform .14s var(--ease),box-shadow .14s var(--ease)}.rr-chip:hover,.gp-chip:hover,.tm-chip:hover,.gp-tab:hover{transform:translateY(-1px);box-shadow:0 3px 8px #102a1814}table.list thead th{background:linear-gradient(180deg,#f3f9f5,#eef5f1);letter-spacing:.06em}table.list tbody tr{transition:background .12s var(--ease)}table.list tbody tr:hover td{background:#eef7f0}table.list tbody tr:last-child td{border-bottom:0}.badge{box-shadow:inset 0 0 0 1px #0000000f}.side{box-shadow:4px 0 24px #102a180a}.sn-item{border-radius:12px}.sn-item.aktif .sn-ikon{border-radius:8px;background:#2f8b521f;box-shadow:0 0 0 4px #2f8b521f}.app-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(47,139,82,.35) 30%,rgba(47,139,82,.35) 70%,transparent);pointer-events:none}.login-card{box-shadow:var(--sh-3),inset 0 1px #ffffffd9,0 0 0 1px #2f8b521a,0 24px 60px #14582f24}.login-field .box{transition:border-color .14s var(--ease),box-shadow .14s var(--ease),background .14s var(--ease)}.login-field .box:focus-within{border-color:var(--green-600);background:#fff;box-shadow:0 0 0 3px #2f8b5229}.login-card .btn.primary{letter-spacing:.02em}.pd-kepala{transition:background .14s var(--ease)}.pd-kepala:hover{background:var(--green-050)}@media(prefers-reduced-motion:reduce){.btn.primary:hover:not(:disabled),.btn.gold:hover:not(:disabled),.rr-chip:hover,.gp-chip:hover,.tm-chip:hover,.gp-tab:hover,.stat-card:hover,.ringkas-item:hover,.tile:hover{transform:none}}@media print{.panel{background:#fff;box-shadow:none}.stat-card,.ringkas-item,.table-wrap,.rr-bungkus,.gp-panel{box-shadow:none}}table.grid.rekap-rinci thead th.rr-mapel,table.grid.rekap-rinci thead th.rr-sub{z-index:3}table.grid.rekap-rinci thead th.rr-no,table.grid.rekap-rinci thead th.rr-nama{z-index:5}@media(max-width:640px){table.grid.rekap-rinci .rr-no{width:2.25rem;min-width:2.25rem;padding-left:.3rem;padding-right:.3rem}table.grid.rekap-rinci .rr-nama{left:2.25rem;width:8.75rem;min-width:8.75rem;max-width:8.75rem;padding-left:.45rem;padding-right:.35rem}table.grid.rekap-rinci td.rr-nama{white-space:normal}table.grid.rekap-rinci td.rr-nama .rr-buka{gap:.25rem;align-items:center}table.grid.rekap-rinci td.rr-nama .rr-nama-teks{white-space:normal;overflow:visible;line-height:1.25;font-size:var(--t-xs);overflow-wrap:anywhere}table.grid.rekap-rinci td.rr-nama .rr-nama-ikon{font-size:.7rem}table.grid.rekap-rinci th,table.grid.rekap-rinci td{padding:.38rem .4rem}table.grid.rekap-rinci th.rr-sub{max-width:5.5rem}}.dialog.und-kartu{max-width:34rem}.und-status{border-radius:10px;padding:.6rem .8rem;margin-bottom:.85rem;font-size:var(--t-sm);line-height:1.5;border:1px solid var(--line);background:var(--paper)}.und-status.ok{background:var(--green-050);border-color:var(--green-300);color:var(--green-900)}.und-status.warn{background:#fffaf0;border-color:#f0dcae;color:#6b5316}.und-catatan{font-size:var(--t-sm);line-height:1.55;color:var(--ink-600);margin:.6rem 0}.und-catatan.kecil{font-size:var(--t-xs);color:var(--ink-400)}.und-kartu .field input[readonly]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--t-xs);background:var(--green-050)}.und-tombol{display:flex;flex-wrap:wrap;gap:.5rem;margin:.85rem 0 .3rem;align-items:center}.und-tombol .btn{flex:0 0 auto}.und-salin{font-size:var(--t-xs);border-radius:8px;padding:.45rem .65rem;margin-top:.2rem}.und-salin.ok{background:var(--green-050);color:var(--green-800)}.und-salin.warn{background:#fffaf0;color:#6b5316}.login-card .und-tanda{width:56px;height:56px;margin:0 auto .9rem;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;font-weight:800;background:var(--green-050);color:var(--green-700);border:2px solid var(--green-300)}.login-card .und-tanda.gagal{background:#fff3f1;color:var(--danger);border-color:#f0c8c3}.login-card .und-catatan{text-align:center}@media print{.backdrop,.dialog.und-kartu{display:none!important}}.dialog.und-kartu{max-width:36rem}.dialog-head.und-kepala{align-items:center;gap:.8rem}.und-identitas{display:flex;align-items:center;gap:.75rem;min-width:0}.und-identitas strong{display:block;font-size:var(--t-md);line-height:1.2}.und-username{display:block;font-size:var(--t-xs);font-weight:600;color:var(--ink-400);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.und-inisial{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:var(--t-sm);color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,var(--green-600),#1f8fa8);box-shadow:0 0 0 3px #2f8b5226}.und-pil{display:flex;align-items:flex-start;gap:.6rem;border-radius:12px;padding:.7rem .85rem;margin-bottom:.9rem;font-size:var(--t-sm);line-height:1.5;border:1px solid var(--line)}.und-pil-ikon{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.8rem;color:#fff;margin-top:.05rem}.und-pil.ok{background:var(--green-050);border-color:var(--green-300);color:var(--green-900)}.und-pil.ok .und-pil-ikon{background:var(--green-600)}.und-pil.warn{background:#fffaf0;border-color:#f0dcae;color:#6b5316}.und-pil.warn .und-pil-ikon{background:#d99a1e}.und-tombol{display:flex;flex-wrap:wrap;gap:.5rem;margin:.2rem 0 .5rem}.und-tombol .btn{flex:1 1 calc(50% - .25rem);justify-content:center}.und-kartu .field.und-tautan{margin-top:.9rem}.und-kartu .field.und-tautan>span:first-child{font-size:var(--t-xs);color:var(--ink-400)}@media(max-width:480px){.und-tombol .btn{flex-basis:100%}}.und-langkah{display:flex;justify-content:center;gap:.35rem;flex-wrap:wrap;margin:-.2rem 0 .9rem;font-size:var(--t-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-400)}.und-langkah span{padding:.25rem .6rem;border-radius:999px;background:#ffffff8c;border:1px solid rgba(47,139,82,.15)}.und-langkah .sudah{color:var(--green-700);text-decoration:line-through;opacity:.7}.und-langkah .kini{background:var(--green-600);color:#fff;border-color:var(--green-600)}.und-kuat{display:flex;align-items:center;gap:.6rem;margin:-.35rem 0 .7rem .2rem;font-size:var(--t-xs);color:var(--ink-400)}.und-kuat-bar{display:inline-flex;gap:3px}.und-kuat-bar i{display:block;width:26px;height:5px;border-radius:3px;background:#0000001a;transition:background .2s ease}.und-kuat.k1 .und-kuat-bar i:nth-child(1){background:#d99a1e}.und-kuat.k2 .und-kuat-bar i:nth-child(-n+2){background:#7cb342}.und-kuat.k3 .und-kuat-bar i{background:var(--green-600)}.und-kuat.k3 .und-kuat-teks,.und-kuat.k2 .und-kuat-teks{color:var(--green-800);font-weight:700}.login-field.cocok .box{border-color:var(--green-600);box-shadow:0 0 0 3px #2f8b5226}.panel.srl-kartu{margin-top:1.5rem}.srl-kartu-kepala{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.srl-kartu-ikon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;background:var(--green-050);flex:0 0 auto}.srl-kartu-teks{flex:1 1 16rem;min-width:0}.srl-kartu-teks>b{display:block;font-size:var(--t-md);color:var(--green-900)}.srl-kartu-daftar{margin-top:.8rem}.dg .dg-lead{margin:-.35rem 0 1rem;color:var(--ink-600);font-size:var(--t-sm);text-align:center}.dg-konteks{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.dg-pil{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem .35rem .4rem;border-radius:10px;background:var(--paper);border:1px solid var(--line);font-size:var(--t-sm);box-shadow:var(--sh-1)}.dg-pil-ikon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--green-050);color:var(--green-800)}.dg-pil-ikon svg{width:15px;height:15px}.dg-pil-label{font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400)}.dg-pil b{color:var(--ink-900)}.dg-pil-kode{font-size:var(--t-2xs);font-weight:800;color:var(--ink-400);background:var(--green-050);padding:.1rem .4rem;border-radius:5px}.dg-pil-hidup{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--t-2xs);font-weight:700;color:var(--green-800);background:var(--green-050);padding:.12rem .45rem;border-radius:5px}.dg-pil-hidup i{width:6px;height:6px;border-radius:50%;background:var(--green-600)}.dg-ringkas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.1rem}.dg-stat{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.85rem 1rem;border-radius:14px;text-align:left;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-1);font:inherit;color:inherit}.dg-stat-label{font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400)}.dg-stat-angka{font-size:var(--t-2xl);font-weight:800;line-height:1.15;color:var(--green-900)}.dg-stat-angka small{font-size:var(--t-sm);font-weight:600;color:var(--ink-400)}.dg-stat-ket{font-size:var(--t-xs);color:var(--ink-400)}button.dg-stat{cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}button.dg-stat:hover{transform:translateY(-1px);box-shadow:var(--sh-2)}.dg-stat.peringatan .dg-stat-label,.dg-stat.peringatan .dg-stat-angka{color:#8a5a06}.dg-stat.peringatan{background:#fffaf0;border-color:#f0dcae}.dg-stat.peringatan.aktif{border-color:#d99a1e;box-shadow:0 0 0 3px #d99a1e2e}@media(max-width:720px){.dg-ringkas{grid-template-columns:repeat(2,minmax(0,1fr))}}.dg-alat{align-items:center;gap:.5rem}.dg-alat .seg-track{margin:0}.dg-saring{display:inline-flex;align-items:center;gap:.35rem}.dg-saring svg{width:14px;height:14px}.dg-cta{display:inline-flex;gap:.5rem;margin-left:auto}@media(max-width:640px){.dg-cta{margin-left:0;width:100%}.dg-cta .btn{flex:1 1 0;justify-content:center}}.dg .saring-tabel table.list td{padding-top:.7rem;padding-bottom:.7rem}.dg .saring-tabel table.list tbody tr:hover td{background:#f7faf8}.dg .saring-tabel table.list tbody tr:hover .dg-aksi{opacity:1}.dg-nama{display:inline-flex;align-items:center;gap:.6rem;padding:.1rem .3rem .1rem .1rem;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:8px}.dg-nama:hover .dg-nama-teks{color:var(--green-800)}.dg-nama-teks{font-weight:700;color:var(--ink-900)}.dg-avatar{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;font-size:var(--t-2xs);font-weight:800;letter-spacing:.02em}.dg-avatar.besar{width:44px;height:44px;font-size:var(--t-sm)}.dg-avatar.r0{background:var(--green-050);color:var(--green-800)}.dg-avatar.r1{background:#eef6fb;color:#0c4a6e}.dg-avatar.r2{background:#fff7e6;color:#92400e}.dg-avatar.r3{background:#fff1f2;color:#9f1239}.dg-user{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--t-xs);background:var(--green-050);color:var(--ink-600);padding:.12rem .4rem;border-radius:5px}.dg-redup{color:var(--ink-400)}.dg-ampu{display:inline-flex;flex-wrap:wrap;gap:.3rem;align-items:center}.dg-badge{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;padding:.2rem .5rem;border-radius:7px;font-size:var(--t-xs);background:var(--paper);border:1px solid var(--line);color:var(--ink-600)}.dg-badge svg{width:12px;height:12px;color:var(--green-600)}.dg-badge i{font-style:normal;color:var(--ink-400)}.dg-badge b{color:var(--ink-900);font-weight:700;font-variant-numeric:tabular-nums}.dg-lagi{border:1px dashed var(--line);background:none;border-radius:7px;padding:.2rem .5rem;font:inherit;font-size:var(--t-xs);font-weight:700;color:var(--ink-400);cursor:pointer}.dg-lagi:hover{color:var(--ink-900);border-color:var(--ink-400)}.dg-aksi{display:inline-flex;justify-content:flex-end;align-items:center;gap:.15rem;opacity:.75}.dg-ikon{width:32px;height:32px;border-radius:8px;border:0;background:none;display:inline-grid;place-items:center;color:var(--ink-600);cursor:pointer;transition:background .12s ease,color .12s ease}.dg-ikon svg{width:16px;height:16px}.dg-ikon:hover{background:var(--green-050);color:var(--green-800)}.dg .aksi-lain{opacity:1}@media(max-width:640px){.dg-aksi{opacity:1}}.dg-panel{position:fixed;inset:0;z-index:95;background:#0a19126b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .18s var(--ease)}.dg-panel-kotak{position:absolute;top:0;right:0;bottom:0;width:min(28rem,100%);display:flex;flex-direction:column;background:var(--paper);border-left:1px solid var(--line);box-shadow:var(--sh-3);animation:dg-geser .2s var(--ease) both}@keyframes dg-geser{0%{transform:translate(18px);opacity:0}}.dg-panel-kepala{display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.dg-panel-nama{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem}.dg-panel-nama b{font-size:var(--t-md);line-height:1.2}.dg-panel-isi{flex:1 1 auto;overflow-y:auto;padding:1rem 1.1rem}.dg-panel-dl{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:0 0 1.1rem}.dg-panel-dl>div{border:1px solid var(--line);border-radius:10px;padding:.6rem .75rem}.dg-panel-dl dt{font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400)}.dg-panel-dl dd{margin:.2rem 0 0;font-weight:600;color:var(--ink-900);font-size:var(--t-sm)}.dg-status{display:inline-flex;align-items:center;gap:.35rem}.dg-status i{width:7px;height:7px;border-radius:50%;background:var(--green-600)}.dg-status.hidup{color:var(--green-800)}.dg-status.mati{color:var(--danger)}.dg-status.mati i{background:var(--danger)}.dg-panel-sub{margin:0 0 .5rem;font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400)}.dg-panel-tugas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.dg-panel-tugas li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;border:1px solid var(--line);border-radius:10px;padding:.55rem .75rem;font-size:var(--t-sm)}.dg-panel-tugas li span{display:inline-flex;align-items:center;gap:.45rem;font-weight:700}.dg-panel-tugas li svg{width:15px;height:15px;color:var(--green-600)}.dg-panel-tugas li b{color:var(--ink-600);font-weight:600}.dg-panel-kosong{margin:0;padding:.9rem;border:1px dashed var(--line);border-radius:10px;text-align:center;font-size:var(--t-sm);color:var(--ink-400)}.dg-panel-kaki{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;padding:.8rem 1.1rem;border-top:1px solid var(--line)}@media(prefers-reduced-motion:reduce){.dg-panel,.dg-panel-kotak{animation:none}}@media print{.dg-panel,.dg-aksi,.dg-cta{display:none!important}}@media(max-width:720px){.dg-stat{padding:.6rem .75rem;gap:.1rem;border-radius:12px}.dg-stat-label{font-size:var(--t-2xs);letter-spacing:.04em}.dg-stat-angka{font-size:var(--t-xl)}.dg-stat-ket{font-size:var(--t-2xs)}.dg-konteks{gap:.35rem}.dg-pil{font-size:var(--t-xs);padding:.3rem .55rem .3rem .35rem}}.dg-panel-kaki{display:grid;grid-template-columns:1fr 1fr}.dg-panel-kaki .btn{justify-content:center}@media(max-width:640px){.dg-badge{white-space:normal}.dg-ampu{max-width:100%}}@media(max-width:900px){.dg-ikon{width:44px;height:44px}.dg-nama{min-height:44px}.dg-lagi{min-height:44px;padding:.2rem .7rem}.dg .aksi-lain{min-width:44px;min-height:44px}}.side{justify-content:flex-start;gap:.2rem;padding:.85rem .7rem 1rem;background:#ffffffb8;box-shadow:none}.sn-kepala{display:flex;align-items:center;gap:.65rem;padding:.2rem .35rem .85rem;margin-bottom:.45rem;border-bottom:1px solid var(--line)}.sn-lambang{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px #05966929,0 1px 3px #10281c1a}.sn-lambang img{width:31px;height:31px;object-fit:contain;display:block}.sn-kepala-teks{min-width:0;display:flex;flex-direction:column;line-height:1.2}.sn-kepala-teks b{font-size:var(--t-sm);font-weight:700;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-kepala-teks small{font-size:var(--t-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-seksi{display:block;padding:.1rem .75rem .45rem;font-size:var(--t-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400)}.sn-isi{flex:1 1 auto;gap:.2rem;overflow:visible}.sn-item{padding:.6rem .8rem;border-radius:12px;font-weight:600;color:var(--ink-600)}.sn-item:hover{background:#17231e0b;color:var(--ink-900);transform:none}.sn-item:hover .sn-ikon svg{transform:none}.sn-item.aktif{background:#ecfdf5b3;color:var(--green-800);box-shadow:inset 0 0 0 1px #0596691a}.sn-item.aktif .sn-ikon{background:none;box-shadow:none}.sn-item.aktif .sn-ikon svg{color:var(--green-800)}.sn-item.aktif:before{left:-.7rem;top:50%;bottom:auto;height:24px;transform:translateY(-50%);width:3px;border-radius:0 3px 3px 0;box-shadow:none}.user-menu.di-sisi{margin-top:.4rem;padding-top:.6rem;border-top:1px solid var(--line)}.user-menu.di-sisi .user-button.sn-profil{display:flex;align-items:center;gap:.65rem;width:100%;padding:.45rem .5rem;border-radius:12px;border:1px solid transparent;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;box-shadow:none;transition:background .16s var(--ease)}.user-menu.di-sisi .user-button.sn-profil:hover,.user-menu.di-sisi .user-button.sn-profil.buka{background:#17231e0b;border-color:transparent}.sn-avatar{position:relative;flex:none;width:36px;height:36px}.sn-avatar .avatar{width:36px;height:36px;font-size:var(--t-2xs)}.sn-caret{margin-left:auto;color:var(--ink-400);font-size:var(--t-xs);font-weight:700;opacity:0;transition:opacity .16s}.user-menu.di-sisi .user-button:hover .sn-caret,.user-menu.di-sisi .user-button.buka .sn-caret{opacity:1}.user-menu.di-sisi .user-drop{right:auto;left:0;top:auto;bottom:calc(100% + .5rem);min-width:254px}.user-menu.di-sisi .user-drop.hide{display:none}@media(min-width:861px){.app-header .user-menu.di-kepala{display:none}}.sn-daring{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--green-600);box-shadow:0 0 0 2px #fff}.sn-profil-teks{min-width:0;display:flex;flex-direction:column;line-height:1.2}.sn-profil-teks b{font-size:var(--t-sm);font-weight:700;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-profil-teks small{font-size:var(--t-2xs);color:var(--ink-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-lipat{position:absolute;right:-15px;bottom:112px;margin:0;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--paper);box-shadow:0 4px 12px #10281c1f,0 1px 2px #10281c14;color:var(--ink-600)}.sn-lipat:hover{color:var(--green-800);border-color:#05966966;background:var(--paper)}.sn-lipat .sn-ikon,.sn-lipat svg{width:15px;height:15px}.side.mini .sn-kepala{justify-content:center;padding-inline:0}.side.mini .sn-kepala-teks,.side.mini .sn-seksi,.side.mini .sn-profil-teks,.side.mini .sn-caret{display:none}.side.mini .sn-profil{justify-content:center;padding-inline:0}.side.mini .sn-lipat{align-self:auto}.side.mini .sn-item.aktif:before{left:-.55rem}@media(min-width:861px)and (max-width:1279px){.side .sn-kepala{justify-content:center;padding-inline:0}.side .sn-kepala-teks,.side .sn-seksi,.side .sn-profil-teks,.side .sn-caret{display:none}.side .sn-profil{justify-content:center;padding-inline:0}}@media(max-width:860px){.side{background:var(--glass);padding:.3rem .5rem calc(.3rem + env(safe-area-inset-bottom,0px))}.sn-kepala,.sn-seksi,.user-menu.di-sisi{display:none}.sn-isi{flex:1 1 auto;overflow:visible}.sn-item,.sn-item:hover,.sn-item.aktif{box-shadow:none}.sn-item.aktif:before{left:18%;right:18%;top:auto;bottom:-.3rem;transform:none;width:auto;height:3px;border-radius:3px}}@media(prefers-reduced-motion:reduce){.sn-item,.sn-profil,.sn-lipat{transition:none}}.app-header{min-height:64px;padding:.5rem 1.75rem;background:#ffffffd1;border-bottom:1px solid var(--line);box-shadow:0 1px 2px #10281c0a}.app-header:after{display:none}.header-left{gap:.9rem}.header-right{gap:.6rem}.brand-home{display:inline-flex;align-items:center;gap:.7rem;padding:.15rem .3rem .15rem 0;border-radius:12px}.brand-lambang{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px #05966929,0 1px 3px #10281c1a}.app-header .brand-logo{width:36px;height:36px;object-fit:contain;display:block}.brand-nama{display:flex;flex-direction:column;line-height:1.05;text-align:left;font-size:var(--t-sm);font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-900)}.brand-nama-aksen{color:var(--green-700)}.brand-home:hover .brand-logo{opacity:1}.brand-home:hover .brand-nama-aksen{color:var(--green-800)}.brand-pemisah{width:1px;height:30px;background:var(--line);flex:none}.brand-motto{font-size:var(--t-xs);font-weight:600;letter-spacing:.03em;line-height:1.3;color:var(--ink-400)}.app-header .brand-tagline{display:none}.clock{gap:.6rem;padding:.35rem .85rem .35rem .45rem;border-radius:12px;background:#fffc;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 2px #10281c0d}.clock .ic{width:30px;height:30px;border-radius:9px;place-items:center;background:var(--green-050);color:var(--green-800)}.clock .hari{font-size:var(--t-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400)}.clock .jam{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;color:var(--green-800)}.clock .titik{color:var(--green-600)}.cari-button{min-width:15.5rem;justify-content:flex-start;gap:.5rem;padding:.45rem .5rem .45rem .8rem;border-radius:12px;background:#f3f6f4;border:1px solid var(--line);box-shadow:none;color:var(--ink-400);font-weight:500}.cari-button .lbl{flex:1 1 auto;text-align:left}.cari-button:hover,.cari-button:focus-visible{background:var(--paper);border-color:var(--ink-400);color:var(--ink-600)}.cari-button .kbd{margin-left:auto;padding:.1rem .4rem;border-radius:6px;background:var(--paper);border:1px solid var(--line);box-shadow:0 1px 0 var(--line);font-family:inherit;font-size:var(--t-2xs);font-weight:700;color:var(--ink-400)}@media(max-width:1279px){.cari-button{min-width:0}.cari-button .lbl{display:none}}.bell-button{color:var(--ink-600)}.bell-button:hover{background:#f3f6f4;border-color:transparent;color:var(--ink-900)}.bell-ikon{width:21px;height:21px;display:block}.badge-count{top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;font-size:10.5px;font-weight:800;line-height:16px;background:#ef4444;color:#fff;box-shadow:0 0 0 2px #fff}.unit-button,.user-button{border-radius:12px}@media(max-width:860px){.brand-nama{display:none}.brand-lambang{width:38px;height:38px}.app-header{min-height:60px;padding:.45rem .8rem}}@media(max-width:900px){.app-header .brand-home{min-width:44px;min-height:44px;justify-content:center}.cari-button{min-width:44px;min-height:44px;justify-content:center;padding-inline:.5rem}}.login-top{justify-content:flex-start}.login-top .brand-utuh{height:88px;width:auto;max-width:100%;display:block;object-fit:contain;object-position:left center;filter:drop-shadow(0 1px 3px rgba(9,60,38,.18))}@media(max-height:760px){.login-top .brand-utuh{height:72px}}@media(max-width:560px){.login-top{align-items:center}.login-top .brand-utuh{height:72px;object-position:center}}.app-header{padding:.55rem 1.5rem;background:linear-gradient(180deg,#fff,#fbfdfc);border-bottom:1px solid var(--line);box-shadow:0 1px #ffffffe6 inset,0 2px 8px -6px #10281c2e}.header-left{gap:.8rem}.header-right{gap:.5rem}.brand-home{gap:.65rem;padding:.25rem .7rem .25rem .25rem;border-radius:14px;transition:background .16s var(--ease)}.brand-home:hover{background:var(--green-050)}.brand-lambang{width:44px;height:44px;background:#fff;box-shadow:0 0 0 1px #2f8b522e,0 2px 6px -2px #10281c38;transition:box-shadow .16s var(--ease),transform .16s var(--ease)}.brand-home:hover .brand-lambang{box-shadow:0 0 0 1px #2f8b524d,0 4px 10px -4px #10281c47}.app-header .brand-logo{width:35px;height:35px}.brand-nama{font-size:var(--t-md);letter-spacing:.07em;line-height:1.08;gap:.04rem;color:var(--green-900)}.brand-nama-aksen{color:var(--green-600);letter-spacing:.16em}.brand-home:hover .brand-nama-aksen{color:var(--green-700)}.brand-pemisah{height:26px;background:var(--line-2);margin-left:.1rem}.brand-motto{font-size:var(--t-xs);font-weight:500;letter-spacing:.01em;line-height:1.25;color:var(--ink-400);display:flex;flex-direction:column}@media(min-width:1400px){.brand-motto{flex-direction:row;gap:.3em;white-space:nowrap}}.clock,.cari-button,.bell-button,.app-header .unit-button,.app-header .user-button{min-height:40px;border-radius:12px}.clock{gap:.55rem;padding:.25rem .8rem .25rem .3rem;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px #10281c0a;-webkit-backdrop-filter:none;backdrop-filter:none}.clock:hover{background:#fff;border-color:var(--line-2)}.clock .ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(160deg,var(--green-600),var(--green-800));color:#fff;box-shadow:inset 0 1px #ffffff38}.clock .ic svg{width:15px;height:15px}.clock .hari{font-size:var(--t-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400)}.clock .jam{font-family:inherit;font-size:var(--t-lg);font-weight:800;color:var(--green-900);letter-spacing:0}.clock .titik{color:var(--green-500);padding:0 .04rem;opacity:1;position:relative;top:-1px}.clock:after{top:6px;right:6px;width:6px;height:6px}.cari-button{background:#f4f7f5;border:1px solid transparent;color:var(--ink-400);padding:.4rem .45rem .4rem .8rem;gap:.55rem;transition:background .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease)}.cari-button .ic{color:var(--ink-400)}.cari-button:hover,.cari-button:focus-visible{background:#fff;border-color:var(--line-2);color:var(--ink-600);box-shadow:0 1px 2px #10281c0d}.cari-button .kbd{background:#fff;border:1px solid var(--line);box-shadow:none;font-weight:600;color:var(--ink-400);padding:.12rem .42rem}@media(min-width:1500px){.cari-button{min-width:17rem}}.bell-button{width:40px;height:40px;border-radius:12px;background:#f4f7f5;border:1px solid transparent;color:var(--ink-600)}.bell-button:hover{background:#fff;border-color:var(--line-2);color:var(--ink-900);box-shadow:0 1px 2px #10281c0d}.badge-count{top:5px;right:5px}.app-header .unit-button,.app-header .user-button{background:#f4f7f5;border:1px solid transparent}.app-header .unit-button:hover,.app-header .user-button:hover{background:#fff;border-color:var(--line-2);box-shadow:0 1px 2px #10281c0d}@media(max-width:860px){.brand-lambang{width:38px;height:38px}.app-header .brand-logo{width:30px;height:30px}.brand-home{padding:.2rem}.app-header{padding:.45rem .8rem}}.unit-button .ic{display:grid;place-items:center;color:var(--green-700)}.unit-button .ic svg{width:18px;height:18px;display:block}.unit-button .kode{font-weight:800;color:var(--green-900);letter-spacing:.02em}.unit-button .caret{display:grid;place-items:center;color:var(--ink-400)}.unit-button .caret svg{width:14px;height:14px;display:block}.unit-button[aria-expanded=true] .caret{transform:rotate(180deg)}@media(max-width:1100px){.unit-button .caret{display:none}}@media(max-width:560px){.unit-button .ic{display:none}}@media(max-width:1100px){.brand-motto,.brand-pemisah{display:none}}@media(max-width:560px){.clock .ic{display:none}.clock{padding:.24rem .55rem}.header-right{gap:.4rem}.cari-button,.bell-button{min-width:40px;width:40px}}@media(max-width:900px){.clock,.cari-button,.bell-button,.app-header .unit-button,.app-header .user-button{min-height:44px}.cari-button,.bell-button{min-width:44px;width:44px;height:44px}}.ie{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex:none;vertical-align:-.16em;line-height:1;color:inherit}.ie svg{width:100%;height:100%;display:block;overflow:visible}.ie-teks{width:auto}.tile.icon .glyph .ie svg,.stat-glyph .ie svg,.rg-ic .ie svg,.empty-state .mark .ie svg,.gw-lambang .ie svg,.kg-ikon .ie svg,.tg-ceria .ie svg,.srl-kartu-ikon .ie svg,.sorot-ikon .ie svg,.cari-kosong .mark .ie svg,.bell-empty .mark .ie svg,.sub-card .glyph .ie svg{stroke-width:1.6}.tile.icon .glyph,.stat-glyph,.rg-ic,.bell-item .ico,.tg-ikon,.pd-ikon,.sorot-ikon,.gw-lambang,.kg-ikon,.srl-kartu-ikon,.cari-hasil .ic,.sub-card .glyph,.rr-nama-ikon,.lg{color:var(--green-700)}.empty-state .mark,.cari-kosong .mark,.bell-empty .mark{color:var(--ink-400)}.tg-ceria{color:var(--green-600)}.stat-card.awas .stat-glyph,.ringkas-item.awas .rg-ic{color:var(--danger)}.ringkas-item.awas .rg-ic{background:linear-gradient(150deg,#fde8e5,#fff5f3)}.stat-card.awas .stat-glyph{background:#fde8e5}.bell-item.warn .ico{color:#a15c07}.bell-item.ok .ico{color:var(--green-700)}.kunci-tanda.terkunci .ie,.kunci-toggle.terkunci .ie{color:var(--danger)}.kunci-tanda.terbuka .ie,.kunci-toggle.terbuka .ie{color:var(--green-700)}.ta-info-sem .ie{color:inherit;opacity:.85}.kenaikan-gembok .kg-ikon{color:#a15c07}.btn .ie,.panel-judul .ie,.gp-panel-judul .ie,.pita-judul .ie,strong .ie,h3 .ie,h2 .ie{margin-right:.1em;vertical-align:-.18em}.btn.sm .ie{vertical-align:-.15em}button.peek .ie{width:1.15em;height:1.15em;vertical-align:middle}.und-pil-ikon .ie,.und-tanda .ie,.la-tanda .ie,.unit-drop .tanda .ie{width:1.1em;height:1.1em}[data-tutup] .ie,.lapisan-tutup .ie{width:1.2em;height:1.2em}.tg-sisa .ie{color:var(--green-700)}.sorot-ikon .ie{width:1.35em;height:1.35em}.panel-judul .ie{width:1.15em;height:1.15em;color:var(--green-700)}.tile.block.pilih-level{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.9rem;text-align:left;min-width:250px;padding:1rem 1.25rem;font-size:var(--t-md)}.pilih-level .pl-angka{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:1.35rem;font-weight:800;color:var(--green-800);background:linear-gradient(150deg,var(--green-100),var(--green-050));box-shadow:inset 0 0 0 1px #14582f14}.pilih-level .pl-angka .ie{font-size:1.3rem;color:var(--green-700)}.pilih-level .pl-isi{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0}.pilih-level .pl-judul{font-weight:800;color:var(--ink-900);font-size:var(--t-md)}.pilih-level .pl-sub{font-weight:500;color:var(--ink-400);font-size:var(--t-xs)}.pilih-level .pl-tanda{font-weight:600;color:#a15c07;font-size:var(--t-2xs)}.tile.block.pilih-level.kosong{opacity:.72}.tile.block.pilih-level.kosong .pl-angka{background:#f3f6f4;color:var(--ink-400)}.tile.square.pilih-sem{width:224px;height:auto;min-height:258px;justify-content:flex-start;padding:1.1rem 1rem 1.2rem;gap:.5rem}.pilih-sem .top{font-size:var(--t-sm);font-weight:700;color:var(--ink-600)}.pilih-sem .ps-cincin{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,#fff 78%,transparent 80% 100%),conic-gradient(var(--green-600) calc(var(--p) * 1%),var(--green-100) 0)}.pilih-sem .ps-persen{font-size:1.45rem;font-weight:800;color:var(--green-800);letter-spacing:-.01em}.pilih-sem .ps-ket{font-size:var(--t-xs);font-weight:600;color:var(--ink-400)}.pilih-sem .ps-awas{font-size:var(--t-2xs);font-weight:700;color:var(--danger)}.pilih-sem .tile-tanda{margin-top:.1rem}@media(max-width:560px){.tile.block.pilih-level{min-width:0;width:100%}.tile.square.pilih-sem{width:100%;min-height:0}}.user-menu.di-sisi .user-button.sn-profil{gap:.55rem;padding:.45rem 1.5rem .45rem .4rem;position:relative}.sn-avatar,.sn-avatar .avatar{width:34px;height:34px}.sn-caret{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);margin-left:0}.sn-profil-teks b{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.18;font-size:var(--t-sm)}.sn-profil-teks small{margin-top:.1rem}.crumb-bar{gap:.35rem}.crumbs .sep{margin:0 .15rem;color:var(--ink-200);font-size:var(--t-md);line-height:1}.crumbs .here{font-weight:700}.ka-tabs{display:inline-flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:.3rem;border-radius:14px;background:linear-gradient(180deg,#eef5f0,#e6f1ea);border:1px solid var(--line-2);box-shadow:inset 0 1px 2px #10281c17}.ka-tabs-wrap{display:flex;justify-content:center;margin-bottom:1.4rem}.ka-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.05rem;border-radius:11px;border:1px solid transparent;background:transparent;font:inherit;font-size:var(--t-sm);font-weight:700;color:var(--ink-600);cursor:pointer;min-height:40px;transition:background .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease)}.ka-tab:hover{color:var(--green-800)}.ka-tab.on{background:#fff;color:var(--green-800);box-shadow:0 1px 2px #10281c14,0 4px 10px -6px #10281c40;border-color:#2f8b5229}.ka-tab-ikon{display:grid;place-items:center;font-size:1.05rem;color:inherit;opacity:.8}.ka-tab.on .ka-tab-ikon{opacity:1}.ka-tab-n{min-width:1.35rem;height:1.35rem;padding:0 .4rem;border-radius:999px;display:inline-grid;place-items:center;background:#fde8e5;color:var(--danger);font-size:var(--t-2xs);font-weight:800}@media(max-width:560px){.ka-tabs{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.ka-tab{justify-content:center;padding-inline:.5rem}}@media(max-width:900px){.ka-tab{min-height:44px}}.login-card .avatar-icon.maskot{width:104px;height:104px;margin:-3.6rem auto 1.15rem;background:radial-gradient(circle at 50% 35%,#fff,#e4f3e9 70%,#d2e9da);overflow:hidden;padding:0}.login-card .avatar-icon.maskot img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06) translateY(2px)}@media(max-width:720px){.login-card .avatar-icon.maskot{width:88px;height:88px;margin:-3rem auto .95rem}}@media(max-width:560px){.login-card .avatar-icon.maskot{width:76px;height:76px;margin:-2.6rem auto .8rem}}.srl{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-1);padding:1.15rem 1.25rem 1.25rem;text-align:left}.srl-atas{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.srl-atas-teks{flex:1 1 18rem;min-width:0}.srl-atas h2{margin:0;font-size:var(--t-lg);font-weight:800;color:var(--green-900);display:flex;align-items:center;gap:.5rem}.srl-atas-sub{margin:.2rem 0 0;font-size:var(--t-xs);color:var(--ink-600);max-width:46ch}.srl-lencana{flex:none;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .8rem;border-radius:var(--r-pill);font-size:var(--t-2xs);font-weight:800;letter-spacing:.02em;border:1px solid transparent}.srl-lencana i{width:8px;height:8px;border-radius:50%;background:currentColor}.srl-lencana.nyala{background:var(--green-050);border-color:var(--green-300);color:var(--green-800)}.srl-lencana.nyala i{box-shadow:0 0 0 3px #2f8b522e}.srl-lencana.mati{background:#fffaf0;border-color:#f0dcae;color:#8a6a12}.srl-angka{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0 .3rem}.srl-angka-sel{border:1px solid var(--line);border-radius:14px;padding:.6rem .7rem;background:#fbfdfb;display:flex;flex-direction:column;gap:.1rem}.srl-angka-sel b{font-size:var(--t-xl);font-weight:800;color:var(--green-800);line-height:1.1;font-variant-numeric:tabular-nums}.srl-angka-sel span{font-size:var(--t-2xs);color:var(--ink-400)}.srl-angka-sel.awas{border-color:#f3c9c3;background:#fffaf9}.srl-angka-sel.awas b{color:var(--danger)}@media(max-width:640px){.srl-angka{grid-template-columns:1fr 1fr}}.srl-cara-tombol{display:flex;align-items:center;gap:.5rem;width:100%;margin:.8rem 0 0;padding:.6rem .8rem;background:var(--green-050);border:1px solid var(--green-200, #cfe6d6);border-radius:12px;cursor:pointer;font:inherit;font-size:var(--t-xs);font-weight:700;color:var(--green-800)}.srl-cara-tombol:hover{background:var(--green-100)}.srl-cara-tombol .srl-tanda{margin-left:auto;font-size:var(--t-2xs)}.srl-cara{margin:.5rem 0 0;padding:.8rem 1rem .8rem 2.2rem;background:var(--green-050);border-radius:12px;font-size:var(--t-xs);color:var(--ink-800);line-height:1.6}.srl-cara li{margin:.15rem 0}.srl-blok{margin-top:1.15rem;padding-top:1.05rem;border-top:1px solid var(--line)}.srl-judul{margin:0 0 .7rem;font-size:var(--t-2xs);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--green-800)}.srl .form-2col{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem}.srl .field{margin:0}.srl .field label{font-size:var(--t-2xs);font-weight:700;color:var(--ink-600)}.srl .field .hint{margin-top:.25rem}@media(max-width:720px){.srl .form-2col{grid-template-columns:1fr}}.form-3col{display:grid;grid-template-columns:2fr 1fr 2fr;gap:.8rem 1rem;align-items:end}@media(max-width:720px){.form-3col{grid-template-columns:1fr}}.srl-server{margin-top:.7rem}.srl-saklar{display:flex;align-items:flex-start;gap:.6rem;margin-top:.8rem;font-size:var(--t-sm);color:var(--ink-800);cursor:pointer;line-height:1.45}.srl-saklar input{margin-top:.15rem;flex:none;width:17px;height:17px;accent-color:var(--green-700)}.srl-saklar b{color:var(--ink-900)}.srl-lanjut-btn{margin:.85rem 0 0;display:inline-block;font-size:var(--t-xs)}.srl-jadwal{display:grid;grid-template-columns:9rem 1fr;gap:1rem;align-items:start;margin-top:.8rem}.srl-hari{display:flex;flex-wrap:wrap;gap:.35rem}.srl-hari .chip{min-width:3.1rem;justify-content:center}@media(max-width:640px){.srl-jadwal{grid-template-columns:1fr}}.srl-aksi{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;margin-top:1.15rem;padding-top:1.05rem;border-top:1px solid var(--line)}.srl-pratinjau-kepala{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.5rem}.srl-pratinjau-kepala .srl-judul,.srl-pratinjau-kepala .link-btn{margin:0}.srl-baris{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.45rem 0;border-top:1px solid var(--line-2, #eef2ef);font-size:var(--t-xs)}.srl-baris:first-of-type{border-top:0}.srl-nama{font-weight:700;color:var(--ink-900)}.srl-nama.tanpa{color:#a1580c}.srl-nama em{font-weight:500;font-size:var(--t-2xs);font-style:normal}.srl-lembar{color:var(--ink-600);text-align:right}@media(max-width:560px){.srl-baris{flex-direction:column;gap:.15rem}.srl-lembar{text-align:left}}.srl-jejak{font-size:var(--t-xs)}.srl-jejak-baris{display:grid;grid-template-columns:5.2rem 4.6rem minmax(6rem,1fr) 2fr auto;gap:.6rem;align-items:center;padding:.4rem .5rem;border-radius:10px}.srl-jejak-baris:nth-child(odd){background:#f8faf9}.srl-jejak-baris.gagal .srl-jejak-ket{color:var(--danger);font-weight:600}.srl-jejak-baris.terkirim .srl-jejak-ket{color:var(--green-800)}.srl-jejak-waktu{color:var(--ink-400);font-variant-numeric:tabular-nums}.srl-jejak-jenis{text-transform:uppercase;letter-spacing:.04em;font-weight:800;font-size:var(--t-2xs);color:var(--ink-600)}.srl-jejak-nama{font-weight:600;color:var(--ink-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srl-jejak-ket{overflow:hidden;text-overflow:ellipsis}.srl-jejak-ket .ie{width:.9em;height:.9em}.srl-jejak-buang{border:0;background:none;cursor:pointer;color:var(--ink-400);padding:.2rem;border-radius:8px;display:grid;place-content:center;opacity:0;transition:opacity .14s,color .14s,background .14s}.srl-jejak-baris:hover .srl-jejak-buang,.srl-jejak-buang:focus-visible{opacity:1}.srl-jejak-buang:hover{color:var(--danger);background:var(--danger-bg, #fdeceb)}.srl-jejak-buang .ie{width:14px;height:14px}.srl-jejak-kaki{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.7rem}.srl-jejak-kaki .link-btn{margin:0}.srl-jejak-kaki .link-btn.danger{color:var(--danger)}.srl-jejak-kaki .link-btn.danger:hover{color:#7d1d13;background:var(--danger-bg, #fdeceb)}@media(max-width:720px){.srl-jejak-baris{grid-template-columns:1fr 1fr auto}.srl-jejak-ket{grid-column:1 / -1}.srl-jejak-buang{opacity:1}}@media(max-width:1024px),(pointer:coarse){.srl-jejak-buang{opacity:1;min-width:44px;min-height:44px}}@media(max-width:560px){.srl{padding:1rem .95rem 1.1rem;border-radius:16px}.srl-aksi .btn{flex:1 1 100%;justify-content:center}}.srl-galat{display:grid;gap:.7rem;justify-items:start}.srl-basi{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.9rem;padding:.55rem .8rem;border-radius:12px;background:#fffaf0;border:1px solid #f0dcae;color:#6b5316;font-size:var(--t-xs)}.srl-basi .link-btn{margin:0;color:#6b5316}.login-card .avatar-icon.maskot+.login-greet{margin-top:.1rem;max-width:30ch;margin-inline:auto;line-height:1.55}.crumbs{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.crumbs::-webkit-scrollbar{display:none}.crumbs a,.crumbs .here,.crumbs .sep{white-space:nowrap;flex:none}@media(max-width:560px){.crumb-bar{align-items:center}.crumbs{justify-content:flex-end}}.ie-gambar{width:1em;height:1em}.ie-gambar img{width:100%;height:100%;display:block;object-fit:contain}.tile.icon .glyph:has(.ie-gambar){background:none;box-shadow:none;border-radius:50%;padding:0}.tile.icon .glyph:has(.ie-gambar) .ie-gambar{width:100%;height:100%;filter:drop-shadow(0 6px 14px rgba(20,88,47,.28))}.tile.icon:hover .glyph:has(.ie-gambar){box-shadow:none}.tiles:has(.ie-gambar) .tile.icon{height:auto;min-height:194px}@media(min-width:1024px){.tiles:has(>.tile.icon:nth-child(5)):has(.ie-gambar) .tile.icon{height:auto;min-height:178px}}@media(min-width:1200px){.tiles:has(>.tile.icon:nth-child(6)):has(.ie-gambar) .tile.icon{height:auto;min-height:168px}}.krk-alat{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.8rem;margin:0 0 1rem}.krk-pilih{display:flex;flex-direction:column;gap:.25rem}.krk-pilih>span{font-size:var(--t-2xs);font-weight:700;color:var(--ink-600)}.krk-pilih select{min-width:150px}.krk-sisa{margin-left:auto;display:flex;align-items:center;gap:.7rem}.krk-simpan{font-size:var(--t-xs);color:var(--ink-600)}.krk-ringkas{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;margin:0 0 1rem;background:var(--tile);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.krk-ringkas strong{display:block}.krk-ringkas-sub{display:block;font-size:var(--t-xs);color:var(--ink-600)}.krk-tab{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 .9rem}.krk-tab-btn{border:1px solid var(--line);background:#fff;color:var(--ink-800);border-radius:999px;padding:.45rem 1rem;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.krk-tab-btn:hover{border-color:var(--green-300)}.krk-tab-btn.aktif{background:var(--green-700);border-color:var(--green-700);color:#fff}.krk-panel{padding:1rem 1.1rem}.krk-ket{font-size:var(--t-xs);color:var(--ink-600);margin:.2rem 0 .9rem}.krk-at{display:grid;gap:.8rem}.krk-at-baris{display:grid;gap:.3rem}.krk-at-nama{font-weight:700;font-size:var(--t-sm)}.krk-at-baris textarea{width:100%;resize:vertical}.krk-at-kaki{margin-top:.9rem}.krk-legenda{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;font-size:var(--t-xs);color:var(--ink-600);margin-bottom:.7rem}.krk-gulir{overflow-x:auto}table.krk-kisi th,table.krk-kisi td{white-space:nowrap}table.krk-kisi .krk-nama{text-align:left;min-width:190px}table.krk-kisi .krk-sub th{font-size:var(--t-2xs);font-weight:700}table.krk-kisi .krk-mini{width:46px}table.krk-kisi td.krk-sel{padding:.2rem .25rem;text-align:center}.krk-orang-no{min-width:28px;height:28px;display:inline-grid;place-content:center;border-radius:50%;background:var(--green-100);font-weight:700;font-size:var(--t-2xs);flex:none}@media(max-width:560px){.krk-sisa{margin-left:0;width:100%}.krk-pilih select{min-width:0;width:100%}.krk-pilih{flex:1 1 45%}}.krk-gulir-cetak{overflow-x:auto;-webkit-overflow-scrolling:touch}.krk-gulir-cetak>table.krk-tabel{min-width:440px}@media(max-width:560px){.krk-gulir-cetak:after{content:"geser ke samping \2192";display:block;text-align:right;font-size:var(--t-2xs);color:var(--ink-400);padding:.25rem .1rem 0}}@media print{.krk-gulir-cetak{overflow:visible}.krk-gulir-cetak>table.krk-tabel{min-width:0}.krk-gulir-cetak:after{content:none}}.krk-lembar{position:relative;font-family:Times New Roman,Times,Georgia,serif;color:#111}.krk-lembar .krk-isi{position:relative;z-index:1}.krk-air{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0;overflow:hidden}.krk-air img{width:68%;max-width:420px;opacity:.13;-webkit-print-color-adjust:exact;print-color-adjust:exact}.krk-judul{text-align:center;font-size:var(--t-sm);font-weight:700;letter-spacing:.01em;margin:.4rem 0 1.5rem}.krk-identitas{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 2rem;margin-bottom:1.4rem;font-size:var(--t-xs)}.krk-identitas table{width:100%;border-collapse:collapse}.krk-identitas th{text-align:left;font-weight:700;white-space:nowrap;padding:.1rem .4rem .1rem 0;vertical-align:top}.krk-identitas td{padding:.1rem 0;vertical-align:top}.krk-identitas td.titik{width:1ch;padding-right:.5rem}table.krk-tabel{width:100%;border-collapse:collapse;font-size:var(--t-xs);margin-bottom:1.2rem}table.krk-tabel th,table.krk-tabel td{border:1px solid #111;padding:.35rem .5rem;vertical-align:top}table.krk-tabel thead th{text-align:center;font-weight:700}table.krk-tabel .krk-t-dim{width:19%;text-align:center;font-weight:700;vertical-align:middle}table.krk-tabel .krk-t-at{width:34%;text-align:left;font-weight:400}table.krk-tabel thead .krk-t-at{text-align:center;font-weight:700;vertical-align:middle}table.krk-tabel .krk-t-nama{text-align:left}table.krk-tabel .krk-t-arti{text-align:left;font-weight:400;line-height:1.5}table.krk-tabel .krk-t-arti span{display:block}table.krk-tabel .krk-t-kotak{width:32px;text-align:center;vertical-align:middle}table.krk-tabel tbody tr.krk-t-baris td{height:92px}table.krk-tabel tr.krk-t-obs td{font-style:italic}table.krk-tabel tr.krk-t-obs .krk-t-dim{font-style:normal;font-weight:400}.krk-centang{width:17px;height:17px;display:block;margin:0 auto;color:var(--green-700);-webkit-print-color-adjust:exact;print-color-adjust:exact}.krk-kotak-teks{margin-bottom:1.1rem;font-size:var(--t-xs)}.krk-kotak-judul{border:1px solid #111;border-bottom:0;padding:.3rem .5rem;text-align:center;font-weight:700}.krk-kotak-isi{border:1px solid #111;padding:.6rem .8rem;min-height:92px;text-align:center;white-space:pre-wrap;line-height:1.6;display:grid;place-content:center}.krk-ttd{font-size:var(--t-xs);margin-top:1.6rem}.krk-ttd-baris{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.6rem;break-inside:avoid}.krk-ttd-baris>.krk-ttd-kolom:nth-child(2){justify-self:end;width:max-content;min-width:190px;max-width:100%}.krk-ttd-tanggal{font-weight:400}.krk-ttd-tanggal-baris{margin-bottom:.15rem}.krk-ttd-atas,.krk-ttd-jabatan{font-weight:700}.krk-ttd-ruang{height:56px}.krk-ttd-nama{font-weight:700;text-decoration:underline}.krk-ttd-niy{font-weight:400}.krk-ttd-garis{width:190px;border-top:1px solid #111;margin-top:1.6rem}@media(max-width:720px){.krk-identitas{grid-template-columns:1fr;gap:.8rem}.krk-ttd-baris{grid-template-columns:1fr;gap:1.6rem}.krk-ttd-baris>.krk-ttd-kolom:nth-child(2){justify-self:start;width:auto}}@media print{.krk-lembar{page-break-after:always;padding:6mm 0;box-shadow:none;border:0}.krk-lembar:last-child{page-break-after:auto}.krk-lembar,table.krk-tabel,.krk-identitas,.krk-kotak-teks,.krk-ttd{font-size:10.5pt}.krk-judul{font-size:11pt}table.krk-tabel thead{display:table-header-group}table.krk-tabel tr{break-inside:avoid}.krk-air img{width:52%;opacity:.1}.krk-lembar{padding:3mm 0}.krk-lembar,table.krk-tabel,.krk-identitas,.krk-kotak-teks,.krk-ttd{font-size:10pt}.krk-judul{margin:0 0 .8rem}.krk-identitas{margin-bottom:.8rem;gap:.2rem 2rem}table.krk-tabel{margin-bottom:.7rem}table.krk-tabel th,table.krk-tabel td{padding:.22rem .45rem}table.krk-tabel .krk-t-arti{line-height:1.35}table.krk-tabel tbody tr.krk-t-baris td{height:50px}.krk-akhir table.krk-tabel tbody tr.krk-t-baris td{height:42px}.krk-akhir table.krk-tabel tr.krk-t-obs td{padding-top:.15rem;padding-bottom:.15rem}.krk-kotak-teks{margin-bottom:.7rem}.krk-kotak-judul{padding:.2rem .5rem}.krk-kotak-isi{min-height:46px;padding:.4rem .7rem;line-height:1.45}.krk-ttd{margin-top:.7rem}.krk-ttd-baris{margin-bottom:.7rem}.krk-ttd-ruang{height:40px}.krk-ttd-garis{margin-top:1rem}.krk-air{display:none}.krk-air-halaman{display:grid;position:fixed;inset:0;place-items:center;z-index:1;pointer-events:none}.krk-air-halaman img{width:52%;max-width:420px;opacity:.1;-webkit-print-color-adjust:exact;print-color-adjust:exact}.krk-lembar .krk-isi{z-index:2}}@media screen{.krk-air-halaman{display:none}}.krk-legenda-kunci{color:var(--green-700);font-weight:600}table.krk-kisi td.krk-sel{padding:.18rem .2rem}input.krk-kotak{width:40px;height:34px;padding:0;text-align:center;font:inherit;font-weight:700;font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-600)}input.krk-kotak.terisi{color:var(--ink-900);border-color:var(--green-300)}input.krk-kotak:focus{outline:2px solid var(--green-600);outline-offset:1px;border-color:var(--green-600);background:var(--green-100)}@media(max-width:720px){input.krk-kotak{width:44px;height:44px}}table.krk-tabel tbody tr,table.krk-tabel tbody tr:nth-child(2n){background:none}@media print{.krk-identitas,.krk-ttd-baris{grid-template-columns:1fr 1fr!important}}.krk-alat{align-items:flex-end}.krk-segmen{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--line-2);border-radius:999px;background:var(--paper)}.krk-segmen>button{border:0;background:none;font:inherit;font-size:var(--t-sm);font-weight:600;color:var(--ink-600);padding:.38rem .9rem;border-radius:999px;cursor:pointer;min-height:34px;transition:background .15s,color .15s}.krk-segmen>button:hover{color:var(--green-800)}.krk-segmen>button.aktif{background:var(--green-700);color:#fff}.krk-simpan{font-size:var(--t-xs);color:var(--ink-400)}.krk-simpan.nyala{color:var(--warn);font-weight:600}.krk-ringkas{flex-wrap:wrap}.krk-ringkas-teks{flex:1 1 220px}.krk-ringkas-angka{display:flex;gap:.5rem;margin-left:auto}.krk-angka{display:grid;justify-items:center;gap:.1rem;min-width:118px;padding:.5rem .8rem;border:1px solid var(--line);border-radius:14px;background:var(--paper);font:inherit;cursor:pointer;color:var(--ink-800)}.krk-angka:hover{border-color:var(--green-300);background:var(--green-050)}.krk-angka b{font-size:var(--t-lg);color:var(--green-800);font-variant-numeric:tabular-nums}.krk-angka span{font-size:var(--t-2xs);color:var(--ink-600)}.krk-cari{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:0 0 .8rem}.krk-cari .saring-bar{margin:0;flex:1 1 260px}.krk-saring{display:flex;gap:.4rem;flex-wrap:wrap}.krk-panel-kepala{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem 1.2rem;margin-bottom:.9rem}.krk-panel-kepala>div:first-child{flex:1 1 320px}.krk-panel-kepala .krk-ket{margin-bottom:0}.krk-panel-kanan{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.krk-at-nama{display:flex;align-items:center;gap:.5rem}.krk-legenda{align-items:center;gap:.5rem 1.2rem}.krk-legenda-skala{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.krk-legenda-skala>b{margin-right:.15rem}.krk-kunci{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .5rem .1rem .15rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-800)}.krk-kunci i{font-style:normal;font-weight:700;width:20px;height:20px;border-radius:50%;display:inline-grid;place-content:center;background:#eef1ef;color:var(--ink-800)}.krk-kunci.baik i{background:var(--ok-bg);color:var(--ok)}.krk-kunci.cukup i{background:var(--warn-bg);color:var(--warn)}.krk-kunci.kurang i{background:var(--danger-bg);color:var(--danger)}.krk-gulir{max-height:70vh;overflow:auto;border:1px solid var(--line);border-radius:14px}table.krk-kisi{border-collapse:separate;border-spacing:0}table.krk-kisi thead th{position:sticky;top:0;z-index:2;background:var(--green-050)}table.krk-kisi thead tr:nth-child(2) th{top:41px}table.krk-kisi .krk-lekat{position:sticky;left:0;z-index:1;background:#fff}table.krk-kisi thead .krk-lekat{z-index:3;background:var(--green-050)}table.krk-kisi .krk-lekat-no{left:0}table.krk-kisi .krk-nama.krk-lekat{left:52px;box-shadow:4px 0 6px -4px #0000002e}table.krk-kisi td.no{width:52px;min-width:52px}table.krk-kisi .krk-nama{min-width:200px}table.krk-kisi th.krk-dim-kolom{white-space:normal;max-width:130px;line-height:1.2}table.krk-kisi th.krk-awal,table.krk-kisi td.krk-awal{border-left:2px solid var(--line-2)}table.krk-kisi tbody tr:nth-child(2n) td.krk-lekat{background:#fafcfa}table.krk-kisi .krk-keadaan{position:sticky;right:0;z-index:1;background:#fff;box-shadow:-4px 0 6px -4px #0000002e}table.krk-kisi thead .krk-keadaan{z-index:3;background:var(--green-050)}table.krk-kisi tbody tr:nth-child(2n) td.krk-keadaan{background:#fafcfa}table.krk-kisi tr.krk-baris-belum td.krk-nama .krk-nama-tombol{color:var(--ink-600)}table.krk-kisi .krk-keadaan{text-align:center;min-width:88px}.krk-nama-tombol{border:0;background:none;font:inherit;color:var(--ink-900);padding:.15rem 0;text-align:left;cursor:pointer;border-radius:6px}.krk-nama-tombol:hover{color:var(--green-800);text-decoration:underline}input.krk-kotak.terisi.baik{background:var(--ok-bg);border-color:#b9dcc2;color:var(--ok)}input.krk-kotak.terisi.cukup{background:var(--warn-bg);border-color:#ead9b0;color:var(--warn)}input.krk-kotak.terisi.kurang{background:var(--danger-bg);border-color:#efc4c4;color:var(--danger)}.krk-siswa{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1rem;align-items:start}.krk-daftar{display:grid;gap:2px;max-height:72vh;overflow:auto;padding:.4rem;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;position:sticky;top:76px}.krk-daftar-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .55rem;border:0;border-radius:10px;background:none;font:inherit;font-size:var(--t-sm);text-align:left;cursor:pointer;color:var(--ink-800)}.krk-daftar-item:hover{background:var(--green-050)}.krk-daftar-item.aktif{background:var(--green-100);color:var(--green-900);font-weight:600}.krk-daftar-nama{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.krk-titik{width:10px;height:10px;border-radius:50%;flex:none;background:#d6dcd8}.krk-titik.sebagian{background:#e2b23c}.krk-titik.lengkap{background:var(--green-500)}.krk-daftar-ponsel{display:none}.krk-form{display:grid;gap:.9rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh-1)}.krk-form-kepala{display:grid;gap:.7rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.krk-form-nama{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.krk-form-nama>div{flex:1 1 200px;display:grid}.krk-form-nama strong{font-size:var(--t-lg)}.krk-form-sub{font-size:var(--t-xs);color:var(--ink-600)}.krk-orang-no.besar{min-width:38px;height:38px;font-size:var(--t-sm)}.krk-langkah{display:flex;align-items:center;gap:.6rem}.krk-langkah-posisi{font-size:var(--t-xs);color:var(--ink-600);font-variant-numeric:tabular-nums}.krk-form-kaki{display:flex;justify-content:flex-end;padding-top:.6rem;border-top:1px solid var(--line)}.krk-dim{display:grid;gap:.6rem;padding:.8rem .9rem;border:1px solid var(--line);border-radius:14px}.krk-dim-kepala{display:flex;align-items:flex-start;gap:.6rem}.krk-dim-kepala>div{display:grid;gap:.1rem}.krk-dim-at{font-size:var(--t-xs);color:var(--ink-600)}.krk-dim-at.kosong{font-style:italic;color:var(--ink-400)}.krk-dim-skala{display:grid;gap:.5rem 1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.krk-skala{display:grid;gap:.3rem}.krk-skala-judul{font-size:var(--t-2xs);font-weight:700;color:var(--ink-600)}.krk-segmen-skala{display:flex;flex-wrap:wrap;border-radius:14px}.krk-segmen-skala>button{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .3rem;border-radius:11px;min-height:38px;color:var(--ink-800)}.krk-form textarea,.krk-at textarea{font:inherit;font-size:var(--t-sm)}.krk-segmen-skala>button i{font-style:normal;font-weight:700;width:22px;height:22px;border-radius:50%;display:inline-grid;place-content:center;background:#eef1ef}.krk-segmen-skala>button span{font-size:var(--t-xs);font-weight:600}.krk-segmen-skala>button.aktif{background:var(--green-700);color:#fff}.krk-segmen-skala>button.aktif i{background:#ffffff38}.krk-segmen-skala>button.aktif.cukup{background:var(--warn)}.krk-segmen-skala>button.aktif.kurang{background:var(--danger)}.krk-dim-obs{width:100%;resize:vertical}.krk-form-catatan{display:grid;gap:.8rem}@media(max-width:900px){.krk-siswa{grid-template-columns:1fr}.krk-daftar{display:none}.krk-daftar-ponsel{display:grid;gap:.25rem}.krk-daftar-ponsel>span{font-size:var(--t-2xs);font-weight:700;color:var(--ink-600)}.krk-daftar-ponsel select{width:100%}}@media(max-width:720px){table.krk-kisi thead tr:nth-child(2) th{top:45px}table.krk-kisi .krk-nama{min-width:150px}table.krk-kisi .krk-nama.krk-lekat{left:44px}table.krk-kisi td.no{width:44px;min-width:44px}.krk-ringkas-angka{margin-left:0;width:100%}.krk-angka{flex:1;min-width:0}.krk-segmen-skala>button{min-height:44px}}@media(max-width:560px){.krk-segmen{width:100%}.krk-segmen>button{flex:1}.krk-langkah{width:100%;justify-content:space-between}}.ekstra-panel{margin-top:1.6rem}.ekstra-panel .toolbar{margin-bottom:.8rem}table.klg-tabel{width:100%}table.klg-tabel .klg-ekstra{min-width:260px;width:42%}table.klg-tabel .klg-komitmen{min-width:90px;text-align:center}table.klg-tabel td.klg-ekstra{white-space:normal}input.krk-kotak.klg-hari{width:56px}input.krk-kotak.klg-hari::placeholder{color:var(--ink-200)}.klg-chip-baris{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.klg-chip b{margin-left:.4rem;min-width:20px;height:20px;display:inline-grid;place-content:center;border-radius:50%;background:var(--green-100);color:var(--green-900);font-size:var(--t-2xs)}.awal-bagian{font-size:var(--t-xs);font-weight:700;margin:1rem 0 .35rem;font-family:inherit;letter-spacing:.01em}table.awal-tabel{margin-bottom:.6rem}table.awal-tabel .awal-no{width:34px;text-align:center;vertical-align:middle}table.awal-tabel .awal-mapel{width:30%;vertical-align:middle}table.awal-tabel td.awal-capaian{line-height:1.45;min-height:2.6em}table.awal-tabel td.awal-capaian[contenteditable=true]:focus{outline:2px solid var(--green-600);outline-offset:-2px;background:var(--green-050)}table.awal-tabel tr.awal-kelompok td{font-weight:400}table.awal-tabel td.awal-kosong{text-align:center;font-style:italic}table.awal-ekstra .awal-predikat{display:flex;gap:.6rem;margin-bottom:.15rem}table.awal-ekstra .awal-predikat span{min-width:64px}table.awal-hadir{width:300px}table.awal-hadir thead th{background:#e3efe6;-webkit-print-color-adjust:exact;print-color-adjust:exact}table.awal-hadir td.awal-angka{width:56px;text-align:center}table.awal-hadir td:last-child{width:56px}table.awal-komit th{width:50%;text-align:center;background:#e3efe6;-webkit-print-color-adjust:exact;print-color-adjust:exact}table.awal-komit td.awal-komit-isi{height:120px;white-space:pre-wrap;vertical-align:top}.awal-komitmen .krk-judul{margin-bottom:1rem}.awal-ttd-tengah{grid-template-columns:1fr;justify-items:center}@media(max-width:720px){table.awal-hadir{width:100%}}@media print{.awal-lembar .krk-ttd{margin-top:.6rem}.awal-lembar .krk-ttd-baris{margin-bottom:.5rem}.awal-lembar .awal-bagian{margin-top:.7rem;margin-bottom:.25rem}.awal-ttd-tengah{grid-template-columns:1fr!important}}@media(max-width:1023px){.krk-saring .chip{min-height:44px}}@media print{.krk-cari{display:none}}.rk{--rk-hijau: #059669;--rk-hijau-tua: #047857;--rk-hijau-pekat: #065f46;--rk-mint: #ecfdf5;--rk-mint-2: #d1fae5;--rk-mint-3: #a7f3d0;--rk-teks: #0f172a;--rk-teks-2: #334155;--rk-redup: #64748b;--rk-samar: #94a3b8;--rk-garis: #e2e8f0;--rk-latar: #f8fafc;--rk-latar-2: #f1f5f9;--rk-kuning: #b45309;--rk-kuning-bg: #fef3c7;--rk-merah: #be123c;--rk-merah-bg: #ffe4e6;--rk-bayang: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 14px rgba(15, 23, 42, .05);width:100%;color:var(--rk-teks-2)}.rk .page-title{margin:0;color:var(--rk-teks);text-transform:none;letter-spacing:-.02em;font-size:var(--t-3xl);line-height:1.15}.rk-sub{margin:.3rem 0 0;color:var(--rk-redup);font-size:var(--t-sm)}.rk-kepala{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap;margin:.2rem 0 1.25rem}.rk-alat{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.rk-segmen{display:inline-flex;padding:3px;gap:2px;border-radius:12px;background:var(--rk-latar-2);border:1px solid var(--rk-garis)}.rk-segmen button{border:0;background:transparent;font:inherit;font-size:var(--t-sm);font-weight:600;color:var(--rk-redup);padding:.48rem .95rem;border-radius:9px;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}.rk-segmen button:hover{color:var(--rk-teks)}.rk-segmen button.aktif{background:#fff;color:var(--rk-hijau-tua);box-shadow:0 1px 2px #0f172a14,0 0 0 1px #0596692e}.rk-segmen button:focus-visible{outline:2px solid var(--rk-hijau);outline-offset:1px}.rk-ikon-grup{display:inline-flex;gap:.4rem;margin-left:.2rem}.rk-ikon{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--rk-garis);border-radius:10px;background:#fff;color:var(--rk-redup);cursor:pointer;transition:color .16s,border-color .16s,background .16s}.rk-ikon:hover{color:var(--rk-hijau-tua);border-color:var(--rk-mint-3);background:var(--rk-mint)}.rk-ikon:focus-visible{outline:2px solid var(--rk-hijau);outline-offset:1px}.rk-banner{display:flex;align-items:center;gap:1rem 1.6rem;flex-wrap:wrap;padding:.85rem 1.15rem;margin:0 0 1rem;background:#fff;border:1px solid var(--rk-garis);border-radius:16px;box-shadow:var(--rk-bayang)}.rk-banner-utama{display:flex;align-items:center;gap:.75rem}.rk-banner-utama strong{display:block;color:var(--rk-teks);font-size:var(--t-lg);letter-spacing:-.01em}.rk-banner-utama span{display:block;color:var(--rk-redup);font-size:var(--t-xs)}.rk-banner .cincin .cn-alas{stroke:var(--rk-latar-2)}.rk-banner .cincin .cn-teks{fill:var(--rk-teks);font-weight:700}.rk-banner .cincin.rendah .cn-isi{stroke:var(--rk-merah)}.rk-banner .cincin.sedang .cn-isi{stroke:#f59e0b}.rk-banner .cincin.tinggi .cn-isi,.rk-banner .cincin.penuh .cn-isi{stroke:var(--rk-hijau)}.rk-banner .cincin.kosong .cn-teks{fill:var(--rk-samar)}.rk-banner-angka{display:flex;gap:1.2rem;margin:0;padding:0 0 0 1.4rem;border-left:1px solid var(--rk-garis)}.rk-banner-angka>div{margin:0}.rk-banner-angka dt{font-size:var(--t-2xs);color:var(--rk-samar);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.rk-banner-angka dd{margin:0;font-size:var(--t-xl);font-weight:700;color:var(--rk-teks);font-variant-numeric:tabular-nums;line-height:1.2}.rk-awas{margin-left:auto;position:relative}.rk-awas summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem .4rem .65rem;border-radius:999px;background:var(--rk-kuning-bg);color:var(--rk-kuning);font-size:var(--t-xs);font-weight:700;user-select:none}.rk-awas summary::-webkit-details-marker{display:none}.rk-awas summary svg{transition:transform .18s}.rk-awas[open] summary svg{transform:rotate(180deg)}.rk-awas summary:focus-visible{outline:2px solid var(--rk-kuning);outline-offset:2px}.rk-titik{width:7px;height:7px;border-radius:50%;background:currentColor}.rk-awas p{margin:.55rem 0 0;display:flex;flex-wrap:wrap;gap:.35rem;max-width:520px}.rk-awas p a{font-size:var(--t-xs);font-weight:600;color:var(--rk-teks-2);text-decoration:none;background:var(--rk-latar-2);border:1px solid var(--rk-garis);border-radius:999px;padding:.2rem .6rem}.rk-awas p a:hover{border-color:var(--rk-kuning);color:var(--rk-kuning);background:var(--rk-kuning-bg)}.rk-aman{margin-left:auto;padding:.4rem .75rem;border-radius:999px;background:var(--rk-mint);color:var(--rk-hijau-pekat);font-size:var(--t-xs);font-weight:700}.rk-cari{display:flex;align-items:center;gap:.7rem 1rem;flex-wrap:wrap;margin:0 0 .8rem}.rk-cari-kotak{flex:1 1 260px;max-width:420px;display:flex;align-items:center;gap:.55rem;padding:0 .55rem 0 .8rem;height:42px;background:#fff;border:1px solid var(--rk-garis);border-radius:12px;color:var(--rk-samar);transition:border-color .16s,box-shadow .16s}.rk-cari-kotak:focus-within{border-color:var(--rk-hijau);box-shadow:0 0 0 3px #05966924}.rk-cari-kotak input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:var(--t-sm);color:var(--rk-teks);outline:none}.rk-cari-kotak input::placeholder{color:var(--rk-samar)}.rk-cari-jml{font-size:var(--t-2xs);font-weight:600;color:var(--rk-redup);background:var(--rk-latar-2);padding:.15rem .5rem;border-radius:999px;font-variant-numeric:tabular-nums}.rk-saring{display:flex;gap:.4rem;flex-wrap:wrap}.rk-chip{display:inline-flex;align-items:center;gap:.45rem;height:36px;padding:0 .55rem 0 .85rem;border:1px solid var(--rk-garis);border-radius:999px;background:#fff;font:inherit;font-size:var(--t-sm);font-weight:600;color:var(--rk-teks-2);cursor:pointer;transition:background .16s,color .16s,border-color .16s}.rk-chip b{font-size:var(--t-2xs);font-weight:700;color:var(--rk-redup);background:var(--rk-latar-2);padding:.1rem .45rem;border-radius:999px;font-variant-numeric:tabular-nums}.rk-chip:hover{border-color:var(--rk-mint-3);background:var(--rk-mint);color:var(--rk-hijau-pekat)}.rk-chip.aktif{background:var(--rk-hijau);border-color:var(--rk-hijau);color:#fff}.rk-chip.aktif b{background:#ffffff38;color:#fff}.rk-chip:focus-visible{outline:2px solid var(--rk-hijau);outline-offset:2px}.rk-kartu{background:#fff;border:1px solid var(--rk-garis);border-radius:16px;box-shadow:var(--rk-bayang);overflow:hidden;margin:0 0 1.1rem}.rk-kartu-kepala{padding:1rem 1.15rem .35rem}.rk-kartu-kepala h2{margin:0;font-size:var(--t-lg);color:var(--rk-teks);letter-spacing:-.01em}.rk-kartu-kepala p{margin:.2rem 0 0;font-size:var(--t-xs);color:var(--rk-redup)}.rk-gulir{padding:0}.rk-tabel{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.rk-tabel th,.rk-tabel td{padding:.78rem 1rem;text-align:center;white-space:nowrap;border-bottom:1px solid var(--rk-garis)}.rk-tabel th.rk-kiri,.rk-tabel td.rk-kiri{text-align:left}.rk-tabel thead th{font-size:var(--t-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rk-redup);background:var(--rk-latar);position:sticky;top:0;z-index:1}.rk-tabel tbody tr:last-child td{border-bottom:0}.rk-tabel tbody tr:hover td{background:var(--rk-latar)}.rk-tabel td:first-child,.rk-tabel th:first-child{padding-left:1.15rem}.rk-tabel td:last-child,.rk-tabel th:last-child{padding-right:1.15rem}.rk-angka{font-variant-numeric:tabular-nums;color:var(--rk-teks)}.rk-tebal{font-weight:700;color:var(--rk-hijau-tua)}.rk-merah{color:var(--rk-merah);font-weight:600}.rk-redup{color:var(--rk-samar);font-weight:400}.rk-wali{color:var(--rk-teks-2)}.rk-rombel{display:inline-flex;align-items:center;gap:.5rem;min-height:28px;font-weight:700;color:var(--rk-teks);text-decoration:none}.rk-rombel:hover{color:var(--rk-hijau-tua)}.rk-rombel:hover .rk-level{background:var(--rk-mint-2)}.rk-level{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 .4rem;border-radius:8px;background:var(--rk-mint);color:var(--rk-hijau-pekat);font-size:var(--t-2xs);font-weight:700;font-variant-numeric:tabular-nums;transition:background .16s}.rk-keadaan{min-width:168px}.rk .badge{padding:.28rem .7rem;font-size:var(--t-2xs);letter-spacing:.01em}.rk .badge.ok{background:var(--rk-mint-2);color:var(--rk-hijau-pekat)}.rk .badge.warn{background:var(--rk-kuning-bg);color:var(--rk-kuning)}.rk .badge.danger{background:var(--rk-merah-bg);color:var(--rk-merah)}.rk .badge.grey{background:var(--rk-latar-2);color:var(--rk-redup)}.rk-susun{display:flex;width:120px;height:5px;margin-top:.45rem;border-radius:999px;overflow:hidden;background:var(--rk-merah-bg)}.rk-susun i{display:block;height:100%}.rk-susun i.lengkap{background:var(--rk-hijau)}.rk-susun i.sebagian{background:#f59e0b}.rk-hampa{padding:1.6rem 1.15rem;text-align:center;color:var(--rk-samar);font-size:var(--t-sm);margin:0}.rk-kaki{display:flex;align-items:center;justify-content:space-between;gap:.6rem 1.2rem;flex-wrap:wrap;padding:.7rem 1.15rem;border-top:1px solid var(--rk-garis);background:var(--rk-latar);font-size:var(--t-xs);color:var(--rk-redup)}.rk-kaki span{flex:1 1 320px;max-width:640px;line-height:1.5}.rk-tautan{border:0;background:none;font:inherit;font-size:var(--t-xs);font-weight:700;color:var(--rk-hijau-tua);cursor:pointer;padding:.3rem .5rem;border-radius:8px;white-space:nowrap}.rk-tautan:hover{background:var(--rk-mint)}.rk-tabel-sebaran thead th{background:var(--rk-mint);color:var(--rk-hijau-pekat)}.rk-tabel-sebaran thead tr.rk-grup th{font-size:var(--t-xs);letter-spacing:.04em;border-bottom:1px solid var(--rk-mint-2)}.rk-tabel-sebaran thead tr:not(.rk-grup) th{top:0}.rk-tabel-sebaran thead th[rowspan]{vertical-align:bottom}.rk-tabel-sebaran tr.rk-grup th:nth-child(2),.rk-tabel-sebaran tr.rk-grup th:nth-child(3),.rk-tabel-sebaran thead tr:not(.rk-grup) th:first-child,.rk-tabel-sebaran thead tr:not(.rk-grup) th:nth-child(5),.rk-tabel-sebaran td:nth-child(2),.rk-tabel-sebaran td:nth-child(6){border-left:1px solid var(--rk-mint-2)}.rk-dimensi{font-weight:600;color:var(--rk-teks)}.rk-sel{vertical-align:middle}.rk-sel-angka{font-weight:700;color:var(--rk-teks);font-size:var(--t-md);font-variant-numeric:tabular-nums}.rk-sel-persen{margin-left:.35rem;font-size:var(--t-2xs);color:var(--rk-redup);font-variant-numeric:tabular-nums}.rk-sel-batang{display:block;width:72px;height:4px;margin:.4rem auto 0;border-radius:999px;background:var(--rk-latar-2);overflow:hidden}.rk-sel-batang i{display:block;height:100%;background:var(--rk-hijau);border-radius:inherit}.rk-sel-kosong span{color:var(--rk-samar)}@media(max-width:760px){.rk-kepala{align-items:stretch}.rk-alat{width:100%}.rk-segmen{flex:1 1 auto}.rk-segmen button{flex:1;text-align:center;padding-inline:.6rem}.rk-ikon-grup{margin-left:auto}.rk-banner{gap:.75rem 1rem}.rk-banner-angka{width:100%;padding:.7rem 0 0;border-left:0;border-top:1px solid var(--rk-garis);justify-content:space-between}.rk-awas,.rk-aman{margin-left:0}.rk-cari-kotak{max-width:none}.rk-tabel th,.rk-tabel td{padding:.7rem .75rem}.rk-keadaan{min-width:150px}}@media print{.rk-alat,.rk-cari,.rk-kaki button,.rk-awas svg{display:none!important}.rk-kartu,.rk-banner{box-shadow:none;border-color:#cbd5e1;break-inside:avoid}.rk-awas[open] p,.rk-awas p{display:flex}.rk-tabel thead th{position:static}}.rk .page-title{text-align:left}@media(max-width:1023px){.rk-tabel th:first-child,.rk-tabel td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:inset -1px 0 0 var(--rk-garis)}.rk-tabel thead th:first-child{z-index:3;background:var(--rk-latar)}.rk-tabel-sebaran thead th:first-child{background:var(--rk-mint)}.rk-tabel tbody tr:hover td:first-child{background:var(--rk-latar)}.rk-tabel-sebaran thead tr:not(.rk-grup) th:first-child{position:static;z-index:auto;box-shadow:none}}@media(max-width:560px){.rk-tabel-sebaran th.rk-kiri,.rk-tabel-sebaran td.rk-dimensi{white-space:normal;max-width:9.5rem;line-height:1.3;padding-left:.85rem;padding-right:.7rem}}@media(max-width:900px){.rk-awas,.rk-aman{margin-left:0;flex-basis:100%}}@media(max-width:760px){.rk-kepala{position:relative}.rk-kepala>div:first-child{flex:1 1 100%;padding-right:104px}.rk-alat{display:contents}.rk-alat .rk-segmen{flex:1 1 calc(50% - .75rem)}.rk-alat .rk-ikon-grup{position:absolute;top:0;right:0;margin:0}.rk-saring{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;padding-bottom:2px}.rk-saring::-webkit-scrollbar{display:none}.rk-chip{flex:none}}@media(max-width:1023px){.rk-segmen button{min-height:44px}.rk-ikon{width:44px;height:44px}.rk-awas summary,.rk-chip,.rk-tautan,.rk-cari-kotak{min-height:44px}.rk-awas p a{display:inline-flex;align-items:center;min-height:44px;padding-inline:.8rem}.rk-rombel{min-height:44px}}.ph-deret{display:inline-flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.ph-butir{display:inline-block;min-width:2.4rem;padding:.12rem .45rem;border-radius:var(--r-xs);background:var(--green-050);border:1px solid var(--line);font-size:var(--t-sm);font-weight:600;color:var(--ink-800);font-variant-numeric:tabular-nums}.ph-butir.kurang{background:#fdecea;border-color:#f3c9c3;color:var(--danger)}.nilai-kurang{color:var(--danger);font-weight:700}table.awal-tabel .awal-nilai{width:92px;text-align:center;vertical-align:middle;font-variant-numeric:tabular-nums}table.awal-tabel td.awal-nilai{font-weight:700}table.awal-koku td.awal-koku-isi{line-height:1.45;min-height:3.2em}.awal-tambah-baris{border:1px dashed var(--line-2);background:none;border-radius:8px;padding:.2rem .6rem;font:inherit;font-size:var(--t-2xs);color:var(--ink-600);cursor:pointer}.awal-tambah-baris:hover{border-color:var(--green-300);color:var(--green-800)}tr.awal-baris-tambah td{padding-top:.25rem;padding-bottom:.25rem}.login-page .footer-strip.tautan a.site{background:#ffffffbd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.32rem .85rem;border-radius:var(--r-pill);border-bottom:0;box-shadow:0 1px 3px #0b3d2424}.login-page .footer-strip.tautan a.site:hover,.login-page .footer-strip.tautan a.site:focus-visible{background:#fffffff0;color:#07301b}@media(min-width:861px){.page:has(>.table-wrap)>.page-lead{margin-inline:0}}.data-mapel .toolbar{padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media(min-width:801px){.profile-grid .profile-card{align-self:start;position:sticky;top:84px}}@media(max-width:560px){.tiles:has(.tile.icon)>.tile.icon:last-child:nth-child(odd){grid-column:1 / -1}}.page>.empty-state:first-child{padding-top:clamp(2rem,14vh,7rem)}.ekstra-panel .notice{max-width:none;margin-inline:0}:root{--tn-garis: #e2e8f0;--tn-garis-2: #eef2f6;--tn-latar: #f8fafc;--tn-teks: #0f172a;--tn-redup: #475569;--tn-samar: #94a3b8;--tn-mint: #ecfdf5;--tn-mint-2: #d1fae5;--tn-hijau: #059669;--tn-hijau-tua: #047857;--tn-hijau-pekat: #064e3b;--tn-cincin: 0 0 0 3px rgba(5, 150, 105, .18);--tn-amber: #b45309;--tn-amber-teks: #7c2d12;--tn-amber-redup: #854d0e;--tn-amber-latar: #fffbeb;--tn-amber-garis: #fde68a}.page-title{font-size:clamp(1.45rem,2.3vw,1.9rem);letter-spacing:.005em;color:var(--tn-hijau-pekat)}.page-lead{color:var(--tn-redup);font-size:var(--t-sm)}.card,.panel,.stat-card,.gw-kartu,.krk-ringkas,.rk-kartu,.rk-banner,.tile,.login-card,.cari-panel,.dialog{border-color:var(--tn-garis)}.card,.panel,.stat-card,.gw-kartu,.krk-ringkas{border-radius:16px;box-shadow:var(--sh-1)}.card:hover,.panel:hover{box-shadow:var(--sh-1)}table.list{border-color:var(--tn-garis);box-shadow:var(--sh-1);border-radius:14px}table.list th{background:var(--tn-latar);color:var(--tn-redup);font-size:var(--t-2xs);letter-spacing:.07em;padding:.7rem 1rem;border-bottom:1px solid var(--tn-garis)}table.list td{padding:.72rem 1rem;border-bottom:1px solid var(--tn-garis-2)}table.list tbody tr:hover td{background:var(--tn-latar)}table.list td.no{color:var(--tn-samar)}table.grid thead th{color:var(--tn-hijau-pekat)}@media(min-width:721px){.table-wrap table.list thead th{position:sticky;top:0;z-index:2;background:var(--tn-latar);box-shadow:inset 0 -1px 0 var(--tn-garis)}.table-wrap table.grid thead th{position:sticky;top:0;z-index:2}}.btn{border-radius:12px;border-color:var(--tn-garis);box-shadow:none}.btn:hover:not(:disabled){border-color:var(--tn-hijau);background:var(--tn-mint);color:var(--tn-hijau-tua);box-shadow:none}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn.primary{background:linear-gradient(180deg,var(--tn-hijau),var(--tn-hijau-tua));border-color:var(--tn-hijau-tua);color:#fff}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#05a072,var(--tn-hijau-tua));color:#fff}.btn.sm{border-radius:10px}.btn:focus-visible,.chip:focus-visible,.tile:focus-visible,.aksi-baris:focus-visible{outline:none;box-shadow:var(--tn-cincin)}.chip{border-color:var(--tn-garis);box-shadow:none;border-radius:10px}.chip.on{background:var(--tn-hijau-tua);border-color:var(--tn-hijau-tua);color:#fff}.chip:hover{border-color:var(--tn-hijau)}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-color:var(--tn-garis)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{outline:none;border-color:var(--tn-hijau);box-shadow:var(--tn-cincin)}.badge,.lencana{box-shadow:none;font-weight:700;letter-spacing:.01em}html{scroll-behavior:smooth}.page{animation-duration:.28s}.tile,.card,.btn,.chip,.stat-card,.tile-row{transition-timing-function:cubic-bezier(.2,.7,.2,1)}table.list tbody tr,table.grid tbody tr{transition:background .18s ease}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.toolbar,.rapor-alat,.krk-alat{flex-wrap:wrap}@media(max-width:400px){.page-title{font-size:1.3rem}.btn{padding-inline:1rem}table.list td{padding:.6rem .8rem}}@media(min-width:561px)and (max-width:860px){.tiles:has(.tile.icon){grid-template-columns:repeat(3,minmax(0,1fr))}.tiles:has(.tile.icon) .tile.icon{width:100%}}table.list th.th-urut{cursor:pointer;user-select:none}table.list th.th-urut:hover{color:var(--tn-hijau-tua);background:var(--tn-mint)}table.list th.th-aktif{color:var(--tn-hijau-pekat)}.th-isi{display:inline-flex;align-items:center;gap:.35rem}.th-panah{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid currentColor;opacity:.25;transition:transform .16s,opacity .16s}.th-panah.naik{opacity:1}.th-panah.turun{opacity:1;transform:rotate(180deg)}table.list th.th-urut:hover .th-panah{opacity:.7}.tabel-unduh{display:flex;justify-content:flex-end;gap:.4rem;margin:0 auto .5rem;max-width:1080px}.tabel-unduh-tombol{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--tn-garis);background:var(--paper);border-radius:9px;padding:.3rem .7rem;font:inherit;font-size:var(--t-2xs);font-weight:700;color:var(--tn-redup);cursor:pointer;transition:background .16s,color .16s,border-color .16s}.tabel-unduh-tombol:hover{background:var(--tn-mint);color:var(--tn-hijau-tua);border-color:var(--tn-hijau)}@media(max-width:720px){.th-panah{display:none}.tabel-unduh{justify-content:flex-start}.tabel-unduh-tombol{min-height:40px}}@media print{.tabel-unduh{display:none!important}}html[data-huruf=kecil]{font-size:15px}html[data-huruf=besar]{font-size:17.5px}@media(max-width:560px){html[data-huruf=besar]{font-size:17px}}html[data-padat="1"] table.list th{padding:.5rem .8rem}html[data-padat="1"] table.list td{padding:.42rem .8rem;font-size:var(--t-sm)}html[data-padat="1"] table.grid th,html[data-padat="1"] table.grid td{padding:.3rem .45rem}html[data-padat="1"] .card,html[data-padat="1"] .panel{padding:1.1rem}html[data-padat="1"] .rk-tabel th,html[data-padat="1"] .rk-tabel td{padding:.5rem .7rem}html[data-padat="1"] .krk-kisi td,html[data-padat="1"] .krk-kisi th{padding:.3rem .45rem}html[data-tema=gelap]{--green-900: #b9f0d1;--green-800: #86e3b4;--green-700: #4ed49a;--paper: #111a15;--canvas: #0b120e;--tile: #16221b;--ink-900: #eef3ef;--ink-800: #d9e2dc;--ink-600: #a9b7ae;--ink-400: #8a998f;--ink-200: #33443a;--line: #24332b;--line-2: #2f4137;--green-050: #142419;--green-100: #183121;--green-200: #1f4a2e;--green-300: #2c6a42;--gold-100: #3a3112;--danger-bg: #3a1a17;--warn-bg: #34290f;--ok-bg: #143020;--glass: rgba(15, 25, 19, .78);--glass-brd: rgba(255, 255, 255, .08);--tn-garis: #24332b;--tn-garis-2: #1d2a23;--tn-latar: #141f18;--tn-teks: #eef3ef;--tn-redup: #a9b7ae;--tn-samar: #6f7f75;--tn-mint: #14301f;--tn-mint-2: #1c4a2c;--tn-hijau: #34d399;--tn-hijau-tua: #10b981;--tn-hijau-pekat: #a7f3d0;--sh-1: 0 1px 2px rgba(0,0,0,.35);--sh-2: 0 4px 14px rgba(0,0,0,.4);--sh-3: 0 12px 32px rgba(0,0,0,.5);--line-in: inset 0 0 0 1px rgba(52, 211, 153, .14)}html[data-tema=gelap] body{background:radial-gradient(1100px 520px at 88% -12%,#14301f 0%,transparent 62%),radial-gradient(900px 480px at -10% 30%,#0f1f16 0%,transparent 60%),var(--canvas);color:var(--ink-900)}html[data-tema=gelap] .app{background-image:linear-gradient(180deg,#08100bed,#08100bf2 60%,#060c09f7),url(./gedung.webp)}html[data-tema=gelap] .app-header,html[data-tema=gelap] .side{border-color:#ffffff12;box-shadow:none}html[data-tema=gelap] .card,html[data-tema=gelap] .panel,html[data-tema=gelap] .stat-card,html[data-tema=gelap] .tile,html[data-tema=gelap] .gw-kartu,html[data-tema=gelap] .krk-ringkas,html[data-tema=gelap] table.list,html[data-tema=gelap] .rk-kartu,html[data-tema=gelap] .rk-banner,html[data-tema=gelap] .dialog,html[data-tema=gelap] .cari-panel,html[data-tema=gelap] .tile-row,html[data-tema=gelap] .saring-bar,html[data-tema=gelap] .search-box,html[data-tema=gelap] .meta-list>div,html[data-tema=gelap] .bell-panel,html[data-tema=gelap] .unit-drop,html[data-tema=gelap] .user-drop,html[data-tema=gelap] .pd-bagian,html[data-tema=gelap] .ekstra-panel,html[data-tema=gelap] .klg-tabel,html[data-tema=gelap] .toast{background-color:var(--paper);color:var(--ink-900);border-color:var(--line)}html[data-tema=gelap] .rk{--rk-latar: #141f18;--rk-latar-2: #1a2820;--rk-garis: #24332b;--rk-teks: #eef3ef;--rk-redup: #a9b7ae;--rk-samar: #6f7f75;--rk-mint: #14301f;--rk-mint-2: #1c4a2c;--rk-hijau: #34d399;--rk-hijau-tua: #10b981;--rk-hijau-pekat: #a7f3d0;--rk-merah-bg: #3a1a17}html[data-tema=gelap] table.list th{background:var(--tn-latar);color:var(--tn-redup)}html[data-tema=gelap] table.list tbody tr:hover td{background:#172319}html[data-tema=gelap] table.grid{background:var(--paper);color:var(--ink-900)}html[data-tema=gelap] table.grid th,html[data-tema=gelap] table.grid td{border-color:var(--line)}html[data-tema=gelap] table.grid thead th,html[data-tema=gelap] table.grid thead tr:first-child th{background:#142419;color:var(--tn-hijau-pekat)}html[data-tema=gelap] table.grid tbody tr:nth-child(2n) td{background:#131d17}html[data-tema=gelap] table.grid tbody tr:hover td{background:#172a1d}html[data-tema=gelap] table.grid td.calc{background:#142419!important;color:var(--tn-hijau-pekat)}html[data-tema=gelap] table.grid input[type=number]{background:#0f1813;color:var(--ink-900);border-color:var(--line)}html[data-tema=gelap] table.grid input[type=number]:focus{background:#0f1813}html[data-tema=gelap] input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-tema=gelap] select,html[data-tema=gelap] textarea{background-color:#0f1813;color:var(--ink-900);border-color:var(--line-2)}html[data-tema=gelap] input::placeholder,html[data-tema=gelap] textarea::placeholder{color:var(--ink-400)}html[data-tema=gelap] .btn{background:#16221b;color:var(--ink-800);border-color:var(--line-2)}html[data-tema=gelap] .btn:hover:not(:disabled){background:var(--tn-mint);color:var(--tn-hijau);border-color:var(--tn-hijau-tua)}html[data-tema=gelap] .btn.primary{background:linear-gradient(180deg,#10b981,#047857);color:#fff;border-color:#047857}html[data-tema=gelap] .btn.gold{color:#1a1608}html[data-tema=gelap] .chip{background:#16221b;color:var(--ink-800);border-color:var(--line-2)}html[data-tema=gelap] .chip.on{background:var(--tn-hijau-tua);color:#06261a;border-color:var(--tn-hijau-tua)}html[data-tema=gelap] .notice{background:#1a2820;color:var(--ink-800);border-color:var(--line-2)}html[data-tema=gelap] .notice.warn{background:var(--warn-bg);color:#f2d28b;border-color:#5a4310}html[data-tema=gelap] .notice.err{background:var(--danger-bg);color:#f6b3aa;border-color:#6b2a24}html[data-tema=gelap] .notice.info,html[data-tema=gelap] .notice.ok{background:var(--ok-bg);color:#b9e8c8;border-color:#1f4a2e}html[data-tema=gelap] .badge,html[data-tema=gelap] .lencana{filter:saturate(.85) brightness(.9)}html[data-tema=gelap] .page-title{color:var(--tn-hijau-pekat)}html[data-tema=gelap] .sn-item.on,html[data-tema=gelap] .sn-item:hover{background:var(--tn-mint)}html[data-tema=gelap] .tile.icon .glyph{background:linear-gradient(155deg,#1c4a2c,#142419)}html[data-tema=gelap] .cari-latar{background:#0009}html[data-tema=gelap] .cari-item.on,html[data-tema=gelap] .cari-item:hover{background:var(--tn-mint)}html[data-tema=gelap] .backdrop{background:#0000009e}html[data-tema=gelap] .empty-state .mark{background:#16221b}html[data-tema=gelap] ::selection{background:#1f4a2e}html[data-tema=gelap] .tabel-unduh-tombol{background:#16221b;color:var(--ink-800)}html[data-tema=gelap] .krk-ringkas-teks,html[data-tema=gelap] .krk-angka{color:var(--ink-900)}html[data-tema=gelap] .rapor-sheet,html[data-tema=gelap] .krk-lembar{background:#fff;color:#111;color-scheme:light;border-color:#d9d9d9}html[data-tema=gelap] .rapor-sheet input,html[data-tema=gelap] .rapor-sheet [contenteditable]{color:#111;background:#fff}html[data-tema=gelap] .login-page,html[data-tema=gelap] .rapor-sheet,html[data-tema=gelap] .krk-lembar{color-scheme:light;--ink-900: #16221b;--ink-800: #26332c;--ink-600: #55645c;--ink-400: #617067;--paper: #fff;--green-900: #0b3d24;--green-800: #14582f;--green-700: #1e7040;--line: #e2ebe5;--line-2: #d3e0d8}html[data-tema=gelap] .login-page{color:var(--ink-900)}html[data-tema=gelap] .tg-jumlah,html[data-tema=gelap] .sn-item.aktif .sn-ikon,html[data-tema=gelap] .stat-tab.aktif,html[data-tema=gelap] .cari-grup,html[data-tema=gelap] .rk-segmen button.aktif{color:#06261a}html[data-tema=gelap] .stat-tab.aktif,html[data-tema=gelap] .rk-segmen button.aktif{background:var(--tn-hijau-tua)}html[data-tema=gelap] .avatar{background:linear-gradient(145deg,#2f8b52,#14582f);color:#fff;box-shadow:inset 0 0 0 2px #ffffff2e}@media print{html[data-tema=gelap],html[data-tema=gelap] body,html[data-tema=gelap] .app,html[data-tema=gelap] .page{background:#fff!important;color:#000!important;color-scheme:light}}.tampilan-kartu{margin-top:1.2rem}.tampilan-kartu h3{margin:0 0 .25rem;font-size:var(--t-lg)}.tampilan-kartu>p{margin:0 0 1rem}.tampilan-baris{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--tn-garis-2);flex-wrap:wrap}.tampilan-label{font-weight:600;font-size:var(--t-sm)}.tampilan-segmen{display:inline-flex;padding:3px;gap:2px;border-radius:12px;background:var(--tn-latar);border:1px solid var(--tn-garis)}.tampilan-pilihan{border:0;background:none;font:inherit;font-size:var(--t-xs);font-weight:700;color:var(--tn-redup);padding:.38rem .85rem;border-radius:9px;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}.tampilan-pilihan:hover{color:var(--tn-hijau-tua)}.tampilan-pilihan.on{background:var(--paper);color:var(--tn-hijau-pekat);box-shadow:var(--sh-1)}html[data-tema=gelap] .tampilan-pilihan.on{background:#1f2f26}@media(max-width:560px){.tampilan-baris{flex-direction:column;align-items:stretch}.tampilan-segmen{width:100%}.tampilan-pilihan{flex:1;min-height:40px}}html[data-tema=gelap] .app-header{background:#0d1611db;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.07)}html[data-tema=gelap] .side{background:#0d1611d1}html[data-tema=gelap] .sn-item{color:var(--ink-800)}html[data-tema=gelap] .sn-item.aktif,html[data-tema=gelap] .sn-item.on{color:var(--tn-hijau);background:var(--tn-mint)}html[data-tema=gelap] .btn.gold{background:linear-gradient(180deg,#f5d423,#d8a800);color:#2a2100;border-color:transparent;box-shadow:none}html[data-tema=gelap] .btn.gold:hover:not(:disabled){color:#1a1500}html[data-tema=gelap] .cari-button,html[data-tema=gelap] .unit-button,html[data-tema=gelap] .user-button,html[data-tema=gelap] .bell-button,html[data-tema=gelap] .clock,html[data-tema=gelap] .back-btn{background:#16221b;color:var(--ink-800);border-color:var(--line-2);box-shadow:none}html[data-tema=gelap] .kbd{background:#0f1813;color:var(--ink-600);border-color:var(--line-2)}html[data-tema=gelap] .crumbs .here,html[data-tema=gelap] .tile.icon .label,html[data-tema=gelap] .empty-state b{color:var(--ink-900)}html[data-tema=gelap] .stat-card .stat-glyph,html[data-tema=gelap] .ringkas-item .rg-ic{background:#14301f}html[data-tema=gelap] .meta-list dt{color:var(--ink-600)}html[data-tema=gelap] .bento,html[data-tema=gelap] .page,html[data-tema=gelap] .side-foot,html[data-tema=gelap] .side .nama{color:var(--ink-900)}html[data-tema=gelap] .brand-nama{color:#d7f5e3}html[data-tema=gelap] .brand-nama-aksen{color:var(--tn-hijau)}html[data-tema=gelap] .brand-motto{color:var(--ink-600)}html[data-tema=gelap] .clock .jam,html[data-tema=gelap] .clock .jj,html[data-tema=gelap] .clock .mm{color:var(--tn-hijau)}html[data-tema=gelap] .clock .hari{color:var(--ink-600)}html[data-tema=gelap] .side .brand-nama,html[data-tema=gelap] .side strong{color:var(--ink-900)}.pintas-tunggu{position:fixed;left:50%;bottom:22px;translate:-50% 0;z-index:80;display:inline-flex;align-items:center;gap:.5rem;background:var(--paper);border:1px solid var(--tn-garis);border-radius:12px;padding:.45rem .8rem;font-size:var(--t-xs);color:var(--tn-redup);box-shadow:var(--sh-2);animation:rise .18s var(--ease) both}.pintas-tunggu kbd,.pintas-panel kbd{display:inline-block;min-width:1.5em;padding:.1em .45em;border-radius:6px;border:1px solid var(--tn-garis);border-bottom-width:2px;background:var(--tn-latar);font:700 .78em var(--mono);color:var(--tn-teks);text-align:center}.pintas-tunggu-ket{color:var(--tn-samar)}.pintas-panel{max-width:640px}.pintas-kepala{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem .5rem}.pintas-kepala h3{margin:0;font-size:var(--t-lg)}.pintas-isi{padding:.2rem 1.1rem 1.1rem;max-height:70vh;overflow:auto;display:grid;gap:.9rem}.pintas-judul{font-size:var(--t-2xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tn-redup);margin-bottom:.35rem}.pintas-baris{display:grid;grid-template-columns:150px 1fr;gap:.8rem;padding:.32rem 0;border-top:1px solid var(--tn-garis-2);font-size:var(--t-sm);align-items:center}.pintas-baris>span:first-child{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}@media(max-width:560px){.pintas-baris{grid-template-columns:1fr;gap:.2rem}}.lanjut-pita{display:flex;align-items:center;gap:.7rem;margin:0 auto .9rem;max-width:var(--kolom);padding:.55rem .8rem .55rem .9rem;border-radius:12px;background:var(--tn-mint);border:1px solid var(--tn-mint-2);color:var(--tn-hijau-pekat);font-size:var(--t-sm);animation:rise .25s var(--ease) both}.lanjut-ikon{display:grid;place-content:center;width:28px;height:28px;border-radius:8px;background:var(--paper);color:var(--tn-hijau-tua);flex:none}.lanjut-ikon svg{width:16px;height:16px}.lanjut-teks{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lanjut-tutup{border:0;background:none;font-size:1.2rem;line-height:1;color:var(--tn-redup);cursor:pointer;padding:.2rem .4rem;border-radius:8px}.lanjut-tutup:hover{background:var(--paper);color:var(--tn-teks)}@media(max-width:560px){.lanjut-pita{flex-wrap:wrap}.lanjut-teks{white-space:normal;flex-basis:100%}}html[data-tema=gelap] .lanjut-pita{background:#14301f;border-color:#1c4a2c;color:#b9e8c8}html[data-tema=gelap] .lanjut-ikon{background:#0f1813}@media print{.lanjut-pita,.pintas-tunggu{display:none!important}}.wawasan{max-width:var(--kolom);margin:1.6rem auto 0}.wawasan-kepala{margin-bottom:.8rem}.wawasan-kepala h2{margin:0;font-size:var(--t-xl);color:var(--tn-hijau-pekat)}.wawasan-kepala p{margin:.15rem 0 0;color:var(--tn-redup);font-size:var(--t-sm)}.wawasan-kisi{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.9rem}.wawasan-kartu{background:var(--paper);border:1px solid var(--tn-garis);border-radius:16px;padding:1rem 1.1rem;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:.7rem;animation:rise .35s var(--ease) both}.wawasan-kartu header{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.wawasan-mapel{font-weight:800;color:var(--tn-teks)}.wawasan-rombel,.wawasan-ket{font-size:var(--t-2xs);color:var(--tn-redup)}.wawasan-tren{display:flex;align-items:center;gap:.9rem}.wawasan-angka{display:flex;flex-direction:column;line-height:1.2}.wawasan-angka>b{font-size:1.6rem;color:var(--tn-hijau-pekat);font-variant-numeric:tabular-nums}.wawasan-delta{font-size:var(--t-2xs);font-weight:700;margin-top:.15rem}.wawasan-delta.naik{color:var(--tn-hijau-tua)}.wawasan-delta.turun{color:var(--danger)}.wawasan-catat{margin:0;font-size:var(--t-xs);color:var(--tn-redup)}.wawasan-catat.ok{color:var(--tn-hijau-tua)}.wawasan-perhatian{display:flex;flex-direction:column;gap:.4rem}.wawasan-perhatian-judul{font-size:var(--t-xs);font-weight:700;color:var(--danger)}.wawasan-nama{display:flex;flex-wrap:wrap;gap:.35rem}.wawasan-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .55rem;border-radius:999px;background:#fdecea;color:#8c2b20;font-size:var(--t-2xs);font-weight:600;border:1px solid #f3c9c3}.wawasan-chip b{font-variant-numeric:tabular-nums}.wawasan-chip.lebih{background:var(--tn-latar);color:var(--tn-redup);border-color:var(--tn-garis)}.wawasan-daftar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.wawasan-daftar li{display:grid;grid-template-columns:minmax(120px,1.6fr) minmax(50px,1.4fr) auto auto;align-items:center;gap:.6rem;font-size:var(--t-sm)}.wawasan-nama-baris{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wawasan-batang{display:block;height:6px;border-radius:999px;background:var(--tn-latar);overflow:hidden;border:1px solid var(--tn-garis-2)}.wawasan-batang i{display:block;height:100%;background:var(--tn-hijau);border-radius:inherit;transition:width .5s var(--ease)}.wawasan-batang i.rendah{background:#f59e0b}.wawasan-daftar b{font-variant-numeric:tabular-nums;color:var(--tn-teks)}.wawasan-merah{font-size:var(--t-2xs);color:var(--danger);font-weight:600}.wawasan-tenggat{display:flex;align-items:baseline;gap:.5rem}.wawasan-tenggat b{font-size:2rem;color:var(--tn-hijau-pekat)}.wawasan-tenggat span{color:var(--tn-redup);font-size:var(--t-sm)}.spark{display:block;flex:none}.spark-isi{fill:#0596691f}.spark.turun .spark-isi{fill:#c0392b1a}.spark-garis{stroke:var(--tn-hijau);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.spark.turun .spark-garis{stroke:#c0392b}.spark-titik{fill:var(--tn-hijau)}.spark.turun .spark-titik{fill:#c0392b}.spark-kosong{font-size:var(--t-2xs);color:var(--tn-samar);font-style:italic}@media(max-width:560px){.wawasan-daftar li{grid-template-columns:1fr auto}.wawasan-daftar li .wawasan-batang,.wawasan-daftar li .wawasan-ket,.wawasan-daftar li .wawasan-merah{grid-column:1 / -1}}html[data-tema=gelap] .wawasan-chip{background:#3a1a17;color:#f6b3aa;border-color:#6b2a24}@media print{.wawasan{display:none!important}}@media(max-width:1024px),(pointer:coarse){.tabel-unduh-tombol,.tampilan-pilihan{min-height:44px}.lanjut-tutup{min-width:44px;min-height:44px;display:inline-grid;place-content:center}}.wawasan{max-width:1100px;margin-top:2rem}.wawasan-kepala{text-align:center;margin-bottom:1rem}.wawasan-kepala h2{font-size:var(--t-2xl)}.wawasan-kisi{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.wawasan-kisi.unit{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.wawasan-daftar li{grid-template-columns:minmax(120px,1.5fr) minmax(50px,1.6fr) auto auto}.wawasan-batang{height:7px}.wawasan-kartu header{flex-wrap:wrap}.wawasan-kartu header .wawasan-ket{text-align:right;flex:0 1 auto;min-width:0;max-width:100%}.stat-card{border-radius:16px}.bar-list .bar-item{padding:.45rem 0;border-top:1px solid var(--tn-garis-2)}.bar-list .bar-item:first-child{border-top:0}.bar-track{height:7px;border-radius:999px;background:var(--tn-latar)}.bar-isi{border-radius:inherit}.bar-item .small,.bar-sub{color:var(--tn-samar)}.bar-item.awas .bar-nama{color:var(--danger)}.tile.icon .label{font-size:var(--t-sm);letter-spacing:.04em}.tile-rombel,.tile-sepi{color:var(--tn-redup);font-size:var(--t-2xs)}.tile-sepi{font-style:italic}.tugas.beres{justify-content:center;text-align:left;padding:1.1rem 1.2rem}.wawasan-daftar li{grid-template-columns:1fr auto;grid-template-areas:"nama angka" "batang batang" "ket ket";gap:.2rem .6rem;padding:.3rem 0;border-top:1px solid var(--tn-garis-2)}.wawasan-daftar li:first-child{border-top:0;padding-top:0}.wawasan-daftar li .wawasan-nama-baris{grid-area:nama;white-space:normal}.wawasan-daftar li>b{grid-area:angka}.wawasan-daftar li .wawasan-batang{grid-area:batang}.wawasan-daftar li .wawasan-ket,.wawasan-daftar li .wawasan-merah{grid-area:ket}.wawasan-daftar li .wawasan-merah~.wawasan-ket,.wawasan-daftar li .wawasan-ket~.wawasan-merah{grid-area:auto}@media(max-width:560px){.wawasan-daftar li{grid-template-columns:1fr auto}}.wawasan-kartu header>:first-child{flex:1 1 140px;min-width:0}.wawasan-kartu header .rk-tautan{margin-left:auto;padding-inline:.2rem}.stat-grid{align-items:start}.chart text.tebal{font-weight:700;fill:var(--ink-800)}.chart text.pita-arti{font-size:10px;font-weight:700}.chart rect.pita-sasaran{fill:transparent}.chart:hover rect.pita-sasaran{opacity:1}.sebaran-simpul{margin:.9rem 0 0;padding-top:.8rem;border-top:1px solid var(--tn-garis);font-size:var(--t-xs);color:var(--ink-600);line-height:1.55}.sebaran-simpul b{color:var(--ink-900)}.bar-kaki{margin:.1rem 0 0;font-size:var(--t-2xs);color:var(--ink-400);line-height:1.7}.bar-tanda{display:inline-block;margin-right:.5rem;font-weight:700;color:var(--warna);padding:.05rem .45rem;border-radius:var(--r-pill);background:color-mix(in srgb,var(--warna) 14%,transparent)}.bar-kaki b.bar-awas{color:var(--danger);font-weight:700}.bar-item.awas .bar-kaki{font-weight:400;color:var(--ink-400)}.ubin-kelompok{margin:1.4rem 0 .4rem}.ubin-kelompok+.ubin-kelompok{margin-top:1.6rem}.ubin-judul{text-align:center;font-size:var(--t-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tn-samar);margin-bottom:.8rem;display:flex;align-items:center;gap:.9rem;justify-content:center}.ubin-judul:before,.ubin-judul:after{content:"";height:1px;width:48px;background:var(--tn-garis)}.ubin-kelompok .tiles{margin-top:0}.b-admin:not(:has(>.nanti-langkah)) .nanti-tugas{text-align:center}.b-admin:not(:has(>.nanti-langkah)) .tugas.beres{display:inline-flex;width:auto;max-width:100%;margin:.2rem auto .4rem;text-align:left;padding:.5rem 1.1rem .5rem .75rem;border-radius:999px;gap:.6rem;box-shadow:none}.b-admin:not(:has(>.nanti-langkah)) .tugas.beres .tg-ceria{font-size:1.15rem}.b-admin:not(:has(>.nanti-langkah)) .tugas.beres .tg-ceria .ie{width:22px;height:22px}.b-admin:not(:has(>.nanti-langkah)) .tugas.beres>div{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.b-admin:not(:has(>.nanti-langkah)) .tugas.beres .tg-judul{font-size:var(--t-xs)}.b-admin:not(:has(>.nanti-langkah)) .tugas.beres .tg-sub:before{content:"\b7  "}.bar-lipat{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s var(--ease)}.bar-lipat.buka{grid-template-rows:1fr}.bar-lipat-isi{min-height:0;overflow:hidden}.bar-toggle{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:.6rem;padding:.55rem .8rem;min-height:44px;border-radius:10px;border:1px dashed var(--tn-garis);background:transparent;color:var(--tn-hijau-tua);font:inherit;font-size:var(--t-xs);font-weight:700;cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease)}.bar-toggle:hover{background:var(--tn-mint);border-color:var(--tn-mint-2)}.bar-toggle svg{width:16px;height:16px;transition:transform .28s var(--ease)}.bar-toggle.buka svg{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.bar-lipat,.bar-toggle svg{transition:none}}table.list th:has(>.th-tombol){padding:0}.th-tombol{display:flex;width:100%;padding:.7rem 1rem;min-height:44px;background:none;border:0;margin:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;cursor:pointer}th.tengah>.th-tombol{justify-content:center}.th-tombol:focus-visible{outline:2px solid var(--tn-hijau);outline-offset:-2px;border-radius:6px}html[data-padat="1"] .th-tombol{padding:.5rem .8rem;min-height:40px}.cetak-saja{display:none}@media print{.cetak-saja{display:block}.page:has(.rr-cetak)>.legger-judul{display:none}.rc-lembar{break-after:page}.rc-lembar:last-child{break-after:auto}.rc-judul{margin:0 0 .35rem;font-size:9pt;font-weight:700;color:#222}.rc-judul-sisa{font-weight:400}table.rekap-cetak{table-layout:fixed;width:100%;border-collapse:collapse;font-size:8pt;color:#111}table.rekap-cetak th,table.rekap-cetak td{border:1px solid #999;padding:.2rem .15rem;text-align:center;vertical-align:middle}table.rekap-cetak thead th{font-weight:700}table.rekap-cetak th.rc-sub{font-size:7pt;font-weight:700;line-height:1.2}table.rekap-cetak .rc-no{width:7mm}table.rekap-cetak .rc-nama{width:40mm;text-align:left;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.rekap-cetak .rc-na{font-weight:800}table.rekap-cetak td.rc-kurang{font-weight:800;border:2px solid #333;background:#f3f3f3;-webkit-print-color-adjust:exact;print-color-adjust:exact}table.rekap-cetak thead{display:table-header-group}table.rekap-cetak tr{break-inside:avoid}}.gp-kolom-sorot{fill:var(--green-050);opacity:.75}.gp-kolom-tekan{cursor:pointer}.gp-sumbu.pilih{fill:var(--green-700);font-weight:800}.gp-label-ujung{font-family:var(--sans);font-size:11px;font-weight:700}.gp-titik{transition:r .14s var(--ease)}.gp-pilih{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0 .2rem}.gp-pilih-btn{padding:.28rem .7rem;border:1px solid var(--tn-garis);border-radius:var(--r-pill);background:var(--paper);color:var(--tn-redup);cursor:pointer;font-size:var(--t-2xs);font-weight:700;font-family:inherit}.gp-pilih-btn:hover{border-color:var(--green-600);color:var(--green-700)}.gp-pilih-btn.aktif{background:var(--green-700);border-color:var(--green-700);color:#fff}.gp-kartu{margin:.7rem 0 .2rem;padding:.6rem .75rem;background:var(--paper);border:1px solid var(--tn-garis);border-left:4px solid var(--warna);border-radius:10px}.gp-kartu-kepala{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.gp-kartu-titik{width:9px;height:9px;border-radius:50%;background:var(--warna);align-self:center}.gp-kartu-nama{font-size:var(--t-sm);font-weight:800;color:var(--tn-teks)}.gp-kartu-kolom{padding:.05rem .45rem;border-radius:var(--r-pill);background:var(--tn-latar);color:var(--tn-redup);font-size:var(--t-2xs);font-weight:700}.gp-kartu-nilai{margin-left:auto;font-size:var(--t-lg);font-weight:800;color:var(--green-700);font-variant-numeric:tabular-nums}.gp-kartu-nilai.kurang{color:var(--danger)}.gp-kartu-isi{display:grid;gap:.3rem .9rem;margin:.5rem 0 0;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.gp-kartu-isi div{min-width:0}.gp-kartu-isi dt{font-size:var(--t-2xs);color:var(--tn-samar)}.gp-kartu-isi dd{margin:0;font-size:var(--t-xs);font-weight:700;color:var(--tn-teks);font-variant-numeric:tabular-nums}.gp-kartu-isi dd.tuntas{color:var(--green-700)}.gp-kartu-isi dd.kurang{color:var(--danger)}.gp-titik-g,.gp-titik-sasaran{cursor:pointer}.gp-titik-cincin{stroke-width:1.6;opacity:.55}.gp-rinci{margin:.6rem 0 .2rem}.gp-rinci-judul{margin:0 0 .4rem;font-size:var(--t-2xs);color:var(--tn-redup)}.gp-rinci-judul b{color:var(--tn-teks)}.gp-rinci-daftar{list-style:none;margin:0;padding:0;display:grid;gap:.05rem}.gp-rinci-daftar li{display:grid;align-items:center;gap:.55rem;grid-template-columns:8px minmax(7rem,1.4fr) 3.2rem minmax(6.5rem,1fr) 5.5rem minmax(6rem,1fr);padding:.32rem .2rem;border-top:1px solid var(--tn-garis-2);font-size:var(--t-2xs);color:var(--tn-redup)}.gp-rinci-daftar li:first-child{border-top:0}.gp-rinci-daftar li{cursor:pointer;border-radius:6px}.gp-rinci-daftar li:hover{background:var(--tn-latar)}.gp-rinci-daftar li.aktif{background:var(--green-050);box-shadow:inset 3px 0 0 var(--green-700)}.gp-rinci-warna{width:8px;height:8px;border-radius:2px}.gp-rinci-nama{font-weight:700;color:var(--tn-teks);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-rinci-nilai{font-weight:800;color:var(--green-700);text-align:right;font-variant-numeric:tabular-nums}.gp-rinci-nilai.kurang{color:var(--danger)}.gp-beda{font-weight:700}.gp-beda.naik{color:#0f8a6a}.gp-beda.turun{color:#c0392b}.gp-beda.sama,.gp-beda.awal{color:var(--tn-samar);font-weight:500}.gp-rinci-kelas,.gp-rinci-kkm{font-variant-numeric:tabular-nums}.gp-rinci-kkm.kurang{color:var(--danger);font-weight:600}@media(max-width:700px){.gp-rinci-daftar li{grid-template-columns:8px 1fr 3.2rem;row-gap:.1rem}.gp-rinci-beda,.gp-rinci-kelas,.gp-rinci-kkm{grid-column:2 / -1}}html[data-tema=gelap] .gp-kolom-sorot{fill:#16281f;opacity:.9}html[data-tema=gelap] .gp-pilih-btn.aktif{background:var(--tn-hijau);border-color:var(--tn-hijau);color:#08130d}.clock{gap:.55rem;padding:.18rem .82rem .18rem .28rem;border-radius:12px;background:var(--paper);border:1px solid var(--tn-garis);box-shadow:0 1px 2px #10281c0d;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.clock:hover{background:var(--paper);border-color:var(--tn-mint-2);box-shadow:0 3px 10px #10281c14}.clock:after{content:none}.clock .ic{width:32px;height:32px;border-radius:50%;flex:none;background:var(--tn-mint);display:grid;place-items:center;color:inherit}.clock .ic svg.jam-muka{width:30px;height:30px;display:block}.jam-lintas{fill:none;stroke:#05966926;stroke-width:1.5}.jam-sapu{fill:none;stroke:var(--tn-hijau);stroke-width:1.5;stroke-linecap:round;opacity:.65;stroke-dasharray:84.2;stroke-dashoffset:84.2;transform:rotate(-90deg);transform-origin:16px 16px;animation:jam-semenit 60s linear infinite}@keyframes jam-semenit{0%{stroke-dashoffset:84.2}to{stroke-dashoffset:0}}.jam-jarum{stroke:var(--tn-hijau-pekat);stroke-linecap:round}.jam-jarum.pendek{stroke-width:2.4}.jam-jarum.panjang{stroke-width:1.9}.jam-poros{fill:var(--tn-hijau-pekat)}@media(prefers-reduced-motion:reduce){.jam-sapu{animation:none;stroke-dashoffset:0}}.clock .teks{gap:0}.clock .hari{font-size:var(--t-2xs);font-weight:700;letter-spacing:.085em;line-height:1.15;text-transform:uppercase;color:var(--tn-samar);white-space:nowrap}.clock .jam{font-size:var(--t-lg);font-weight:800;letter-spacing:-.01em;color:var(--tn-hijau-pekat);line-height:1.12;align-items:baseline;gap:0}.clock .titik{color:var(--tn-hijau);opacity:.75;padding:0 .03rem;top:0}.clock .zona{margin-left:.4rem;font-size:var(--t-2xs);font-weight:700;letter-spacing:.05em;color:var(--tn-samar);align-self:center}html[data-tema=gelap] .clock .ic{background:#16221b;box-shadow:inset 0 0 0 1px #4ed49a29}html[data-tema=gelap] .jam-lintas{stroke:#263a2e}html[data-tema=gelap] .jam-jarum{stroke:var(--tn-hijau)}html[data-tema=gelap] .jam-poros{fill:var(--tn-hijau)}@media(max-width:560px){.clock .zona{display:none}.clock .jam{font-size:var(--t-md)}}@media(max-width:560px){.app-header{padding:.45rem .85rem;gap:.5rem;background:#ffffffe0;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--tn-garis);box-shadow:none}.header-left{gap:.5rem}.header-right{gap:.35rem}.brand-home{padding:0;border-radius:13px}.brand-lambang{width:44px;height:44px;border-radius:13px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--tn-garis)}.app-header .brand-logo{width:30px;height:30px}.clock{padding:0 .65rem;gap:0;justify-content:center;border:1px solid transparent;background:#f4f7f5;box-shadow:none}.clock:hover{background:#f4f7f5;border-color:transparent;box-shadow:none}.clock .ic,.clock .hari,.clock .zona{display:none}.clock .jam{font-size:var(--t-md);color:var(--tn-hijau-pekat)}.app-header .unit-button{padding:0 .7rem}.unit-button .kode{font-size:var(--t-sm);letter-spacing:.06em}.cari-button,.bell-button,.app-header .unit-button,.app-header .user-button{border-radius:13px}.app-header .user-button{padding:0;width:44px;justify-content:center}.sn-avatar,.app-header .user-button .avatar{width:34px;height:34px}}html[data-tema=gelap] .app-header{background:#0f1913e6;-webkit-backdrop-filter:saturate(1.3) blur(14px);backdrop-filter:saturate(1.3) blur(14px)}@media(max-width:560px){html[data-tema=gelap] .brand-lambang{background:#16221b;box-shadow:inset 0 0 0 1px #24382c}html[data-tema=gelap] .clock,html[data-tema=gelap] .clock:hover{background:var(--paper)}}@media(max-width:560px){.page>.page-title{font-size:1.32rem;line-height:1.28;margin:.2rem 0 .4rem}.page>.page-lead{margin:0 0 .7rem;line-height:1.5}.baris-tanggal{margin:0 auto 1rem;padding:.3rem .8rem;width:max-content;max-width:100%;border-radius:999px;background:var(--tn-latar);border:1px solid var(--tn-garis)}.bt-masehi,.bt-hijriah{font-size:var(--t-2xs)}.crumbs a,.crumbs .sep{display:none}.crumbs .here{font-weight:700;color:var(--tn-teks)}.lanjut-pita{gap:.5rem;padding:.45rem .5rem .45rem .6rem}.lanjut-ikon{width:26px;height:26px}.lanjut-teks{font-size:var(--t-xs)}.lanjut-pita .btn.sm{padding:.35rem .7rem}}.tile.block.pilih-level.petak-rombel{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.petak-buka{display:flex;flex-direction:row;align-items:center;gap:.9rem;padding:1rem 1.25rem;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:inherit;width:100%}.petak-wali{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:44px;padding:.5rem .9rem;border:0;border-top:1px solid var(--tn-garis);background:var(--tn-latar);font:inherit;font-size:var(--t-xs);font-weight:700;color:var(--tn-hijau-tua);cursor:pointer;transition:background .16s var(--ease)}.petak-wali:hover{background:var(--tn-mint)}.petak-wali:focus-visible{outline:2px solid var(--tn-hijau);outline-offset:-2px}html[data-tema=gelap] .petak-wali{background:#16221b;border-top-color:var(--tn-garis)}.rp-bungkus{overflow-x:auto;border:1px solid var(--tn-garis);border-radius:12px}table.grid.rekap-ph{width:100%;border-collapse:collapse;font-size:var(--t-xs)}table.grid.rekap-ph th,table.grid.rekap-ph td{border-bottom:1px solid var(--tn-garis);padding:.4rem .6rem;text-align:center;white-space:nowrap}table.grid.rekap-ph thead th{background:var(--tn-latar);color:var(--tn-redup);font-weight:700;font-size:var(--t-2xs);letter-spacing:.05em;text-transform:uppercase}table.grid.rekap-ph .rp-rombel{text-align:left}table.grid.rekap-ph thead .rp-rombel{min-width:12rem}.rp-nama{display:flex;align-items:center;gap:.45rem;width:100%;min-height:36px;border:0;background:none;padding:.1rem 0;font:inherit;font-weight:700;color:var(--tn-teks);text-align:left;cursor:pointer}.rp-nama:disabled{cursor:default;color:var(--tn-redup)}.rp-panah{width:.8rem;flex:none;color:var(--tn-samar)}.rp-siswa{margin-left:auto;font-weight:500;font-size:var(--t-2xs);color:var(--tn-samar)}.rp-sel{font-variant-numeric:tabular-nums}.rp-persen{display:block;font-weight:800;color:var(--tn-hijau-tua)}.rp-bagi{display:block;font-size:var(--t-2xs);color:var(--tn-samar)}.rp-sel.rp-kurang .rp-persen{color:var(--danger)}.rp-kosong{color:var(--tn-samar)}tr.rp-baris.buka{background:var(--tn-latar)}tr.rp-mapel td{background:var(--tn-latar);border-bottom-color:var(--tn-garis-2, var(--tn-garis))}.rp-mapel-nama{padding-left:1.25rem;font-weight:600;color:var(--tn-redup)}tr.rp-mapel .rp-persen{font-weight:700;color:var(--tn-redup)}tr.rp-mapel.rp-kurang .rp-persen{color:var(--danger)}html[data-tema=gelap] tr.rp-baris.buka,html[data-tema=gelap] tr.rp-mapel td{background:#16221b}@media print{.rp-bungkus{overflow:visible}}table.grid.rekap-ph .rp-angka{font-variant-numeric:tabular-nums;width:6.5rem}table.grid.rekap-ph .rp-isi{width:11rem}table.grid.rekap-ph .rp-isi .progress{max-width:8rem}table.grid.rekap-ph .rp-isi .isi-sel{justify-content:center;min-width:0}table.grid.rekap-ph thead .rp-rombel{min-width:13rem;width:auto}table.grid.rekap-ph .rp-rombel{position:sticky;left:0;z-index:1;background:var(--paper);box-shadow:1px 0 0 var(--tn-garis)}table.grid.rekap-ph thead .rp-rombel{z-index:3;background:var(--tn-latar)}tr.rp-baris.buka>.rp-rombel,tr.rp-baris:hover>.rp-rombel{background:var(--tn-latar)}table.grid.rekap-ph .rp-bulan,table.grid.rekap-ph .rp-sel,table.grid.rekap-ph .rp-kosong{width:7.5rem}table.grid.rekap-ph tbody td{padding-block:.45rem}table.grid.rekap-ph thead th{position:sticky;top:0;z-index:2;box-shadow:inset 0 -1px 0 var(--tn-garis)}tr.rp-baris:hover>td{background:var(--tn-latar)}tbody.rp-tingkat+tbody.rp-tingkat .rp-tingkat-baris>th{padding-top:1rem}table.grid.rekap-ph .rp-tingkat-baris>th{text-align:left;background:var(--paper);border-bottom:0;padding:.55rem .6rem .3rem;font-size:var(--t-2xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tn-hijau-tua)}.rp-tingkat-cacah{margin-left:.6rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--tn-samar)}.rp-lipat{display:block;width:100%;margin-top:.6rem;padding:.5rem .8rem;border:1px dashed var(--tn-garis);border-radius:10px;background:none;color:var(--tn-redup);font:inherit;font-size:var(--t-2xs);font-weight:700;cursor:pointer}.rp-lipat:hover{border-color:var(--tn-hijau);color:var(--tn-hijau-tua);background:var(--green-050)}.rp-panah{width:16px;height:16px;flex:none;color:var(--tn-samar);transition:transform .18s var(--ease),color .18s var(--ease)}.rp-panah svg{width:16px;height:16px;display:block}.rp-panah.buka{transform:rotate(90deg);color:var(--tn-hijau-tua)}.rp-nama:hover .rp-panah{color:var(--tn-hijau-tua)}table.grid.rekap-ph tr.rp-rinci>td{padding:0;background:var(--tn-latar);text-align:left;white-space:normal}.rp-rinci-isi{display:grid;gap:1rem;padding:.85rem 1rem 1rem;border-left:3px solid var(--tn-hijau);animation:rp-turun .22s var(--ease) both}@keyframes rp-turun{0%{opacity:0;transform:translateY(-4px)}}.rp-blok-judul{margin:0 0 .5rem;font-size:var(--t-2xs);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--tn-samar)}.rp-blok-kepala{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin-bottom:.5rem}.rp-blok-kepala .rp-blok-judul{margin:0}.rp-hitung{display:flex;flex-wrap:wrap;gap:.3rem .8rem;font-size:var(--t-2xs);color:var(--tn-redup)}.rp-hitung-butir b{color:var(--tn-teks);font-weight:700;margin-right:.25rem}.rp-saring{margin-left:auto;padding:.22rem .7rem;border-radius:var(--r-pill);border:1px solid var(--tn-garis);background:var(--paper);color:var(--tn-redup);font:inherit;font-size:var(--t-2xs);font-weight:700;cursor:pointer}.rp-saring:hover{border-color:var(--tn-hijau);color:var(--tn-hijau-tua)}.rp-saring.aktif{background:var(--tn-hijau);border-color:var(--tn-hijau);color:#fff}.rp-siswa-daftar{list-style:none;margin:0;padding:0 .2rem 0 0;display:grid;gap:.1rem;max-height:32rem;overflow-y:auto}.rp-siswa-daftar li{display:grid;grid-template-columns:2rem minmax(7rem,13rem) 1fr;align-items:center;gap:.6rem;padding:.3rem .35rem;border-top:1px solid var(--tn-garis-2, var(--tn-garis));font-size:var(--t-2xs);white-space:normal}.rp-siswa-daftar li:first-child{border-top:0}.rp-siswa-no{font-variant-numeric:tabular-nums;color:var(--tn-samar);text-align:right}.rp-siswa-nama{font-weight:700;color:var(--tn-teks)}.rp-siswa-bulan{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.rp-keping{display:inline-flex;align-items:baseline;gap:.3rem;padding:.1rem .5rem;border-radius:var(--r-pill);font-variant-numeric:tabular-nums;font-weight:700}.rp-keping b{font-weight:600;opacity:.75}.rp-keping.capai{background:var(--green-050);color:var(--tn-hijau-tua)}.rp-keping.kurang{background:var(--danger-bg);color:var(--danger)}.rp-keping.kosong{background:transparent;color:var(--tn-samar);font-weight:500;box-shadow:inset 0 0 0 1px var(--tn-garis)}table.grid.rekap-ph.rp-dalam{background:var(--paper)}@media(max-width:700px){.rp-siswa-daftar li{grid-template-columns:2rem 1fr;row-gap:.25rem}.rp-siswa-bulan{grid-column:2 / -1;justify-content:flex-start}}.mr-dialog{max-width:560px}.mr-ket{margin:0 0 .9rem}.mr-alat{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem;flex-wrap:wrap}.mr-cacah{margin-left:auto;font-size:var(--t-xs);color:var(--tn-samar);font-weight:600}.mr-daftar{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;max-height:46vh;overflow-y:auto}.mr-butir{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.35rem .7rem;border:1px solid var(--tn-garis);border-radius:10px;background:var(--paper);cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease)}.mr-butir:hover,.mr-butir.on{border-color:var(--tn-mint-2);background:var(--tn-mint)}.mr-butir input{width:18px;height:18px;flex:none;accent-color:var(--tn-hijau)}.mr-nama{font-weight:700;color:var(--tn-teks);font-size:var(--t-sm)}.mr-kode{font-size:var(--t-2xs);font-weight:700;letter-spacing:.04em;color:var(--tn-redup);background:var(--tn-latar);border-radius:6px;padding:.1rem .4rem}.mr-diampu{margin-left:auto;font-size:var(--t-2xs);color:var(--tn-samar)}.mr-awas{margin-top:.8rem}td.kotak.luar-daftar{background-image:repeating-linear-gradient(135deg,transparent 0 4px,rgba(15,23,42,.07) 4px 5px)}td.kotak.luar-daftar input{opacity:.3}html[data-tema=gelap] td.kotak.luar-daftar{background-image:repeating-linear-gradient(135deg,transparent 0 4px,rgba(226,235,229,.09) 4px 5px)}.krk-kop{margin-bottom:.9rem}.krk-kop-baris{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem}.krk-kop-baris>span{font-weight:700;font-size:var(--t-sm);color:var(--tn-teks);flex:0 0 auto}.krk-kop-baris input{flex:1 1 14rem;max-width:22rem}.tahun-menu{position:relative}.tahun-button{display:flex;align-items:center;gap:.4rem;background:var(--paper);border:1px solid var(--tn-garis);border-radius:var(--r-pill);padding:.34rem .7rem;font:inherit;font-size:var(--t-sm);font-weight:700;color:var(--tn-hijau-tua);cursor:pointer;box-shadow:var(--sh-1);transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.tahun-button:hover{background:var(--green-050);border-color:var(--green-300)}.tahun-button:active{transform:scale(.97)}.tahun-button .ic{display:inline-flex}.tahun-button .ic svg{width:16px;height:16px;display:block}.tahun-button .caret{color:var(--ink-400)}.tahun-button .caret svg{width:12px;height:12px;display:block}.tahun-button.arsip{background:#fdf4e3;border-color:#e6c98f;color:#8a5a06}.tahun-button.arsip:hover{background:#fbeed3;border-color:#dcb96e}.tahun-tanda{font-size:var(--t-2xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.8}.tahun-drop button .kode{min-width:5.4rem}.pita-arsip{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:0 0 .9rem;padding:.6rem .9rem;background:#fdf4e3;border:1px solid #e6c98f;border-radius:12px;color:#7a4f05;font-size:var(--t-xs);line-height:1.5}.pita-arsip-ikon{display:inline-flex;flex:none;color:#a9762a}.pita-arsip-ikon svg{width:20px;height:20px;display:block}.pita-arsip-teks{flex:1 1 18rem;min-width:0}.pita-arsip-teks b{color:#5f3d02}.pita-arsip-kembali{flex:none;padding:.28rem .8rem;border-radius:var(--r-pill);border:1px solid #d8b46a;background:#fff;color:#7a4f05;font:inherit;font-size:var(--t-2xs);font-weight:700;cursor:pointer}.pita-arsip-kembali:hover{background:#fbeed3}@media(max-width:560px){.tahun-button{padding:.3rem .55rem}.tahun-button .ic,.tahun-button .caret,.tahun-tanda{display:none}}.stat-grid>.panel{display:flex;flex-direction:column;margin-bottom:0}.stat-grid>.panel>.chart,.stat-grid>.panel>.bar-list{flex:1 1 auto}.stat-grid>.panel .sebaran-simpul{margin-top:auto}.stat-cards{gap:.9rem}@media(min-width:1100px){.stat-cards{grid-template-columns:repeat(4,1fr)}}.stat-tabs{margin-bottom:1.2rem}html[data-tema=gelap] .login-page .login-field .fl input,html[data-tema=gelap] .login-page input:not([type=checkbox]):not([type=radio]){background-color:transparent;color:var(--ink-900);border-color:transparent}html[data-tema=gelap] .login-page .login-field .fl input::placeholder{color:transparent}html[data-tema=gelap] .login-page .login-field .fl input:focus::placeholder{color:#6b7280}html[data-tema=gelap] .login-page .login-field .fl input,html[data-tema=gelap] .login-page .login-field .fl-lbl{color:#1f2a24}html[data-tema=gelap] .login-page .login-field .fl input:autofill{-webkit-text-fill-color:#1f2a24}.bar-bidang{display:flex;flex-direction:column;gap:.7rem}.bar-saring{display:flex;flex-wrap:wrap;gap:.35rem}.bar-chip{display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:var(--t-2xs);font-weight:600;line-height:1.2;padding:.3rem .6rem;border-radius:var(--r-pill);cursor:pointer;color:var(--ink-600);background:var(--paper);border:1px solid var(--tn-garis-2);transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}.bar-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--warna, var(--tn-samar));flex:none}.bar-chip:hover{border-color:var(--tn-mint-2);background:var(--tn-mint)}.bar-chip.nyala{color:var(--ink-800);font-weight:700;border-color:var(--warna, var(--green-700));box-shadow:inset 0 0 0 1px var(--warna, var(--green-700))}.bar-chip.semua:before{display:none}.bar-chip.semua{color:var(--green-800);border-color:var(--green-300)}.bar-puncak{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;font-size:var(--t-xs);color:var(--ink-600);background:var(--tn-latar);border:1px solid var(--tn-garis-2);border-radius:var(--r-sm);padding:.4rem .65rem}.bar-puncak-label{font-size:var(--t-2xs);color:var(--ink-400);text-transform:none}.bar-puncak b{color:var(--ink-800);font-variant-numeric:tabular-nums}.bar-list .bar-item{display:flex;flex-direction:column;gap:.28rem;width:100%;font:inherit;text-align:left;cursor:pointer;background:none;border:0;border-top:1px solid var(--tn-garis-2);border-radius:var(--r-sm);padding:.45rem .5rem;transition:background .18s var(--ease),opacity .18s var(--ease)}.bar-list .bar-item:hover{background:var(--tn-latar)}.bar-list .bar-item.sorot{background:var(--tn-mint);border-top-color:transparent}.bar-list .bar-item.pudar{animation:none;opacity:.42}.bar-list .bar-item.pudar:hover{opacity:.72}.bar-list .bar-item:focus-visible{outline:2px solid var(--green-700);outline-offset:2px}.bar-item .bar-head,.bar-item .bar-track,.bar-item .bar-kaki{width:100%}.bar-item .bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.bar-item .bar-kaki{display:block}.bar-item .bar-track{position:relative;overflow:visible}.bar-item .bar-track .bar-isi{position:relative;z-index:0}.bar-kkm,.bar-rata{position:absolute;top:-3px;bottom:-3px;width:0;z-index:1}.bar-kkm{border-left:2px solid var(--danger)}.bar-rata{border-left:2px dashed var(--ink-400)}.bar-rinci{display:flex;flex-wrap:wrap;gap:.3rem .8rem;font-size:var(--t-2xs);color:var(--ink-600);padding-top:.1rem}.bar-beda{display:inline-flex;align-items:baseline;gap:.25rem}.bar-beda b{font-variant-numeric:tabular-nums}.bar-beda b.naik{color:var(--green-700)}.bar-beda b.turun{color:var(--danger)}.bar-petunjuk{font-size:var(--t-2xs);color:var(--ink-400);line-height:1.5}@media(max-width:560px){.bar-saring{gap:.3rem}.bar-chip{font-size:11px;padding:.28rem .5rem}}.gp-ringkas{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--tn-garis-2);border-bottom:1px solid var(--tn-garis-2);background:var(--tn-latar);margin-bottom:.9rem}.gp-ubin{padding:.7rem .95rem;border-left:1px solid var(--tn-garis-2)}.gp-ubin:first-child{border-left:0}.gp-ubin-label{font-size:var(--t-3xs, .68rem);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);font-weight:700;margin:0 0 .2rem}.gp-ubin-nilai{font-size:var(--t-xl);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;line-height:1.1;color:var(--ink-800)}.gp-ubin-dari{color:var(--ink-400);font-weight:700;font-size:var(--t-md)}.gp-ubin-sub{font-size:var(--t-2xs);color:var(--ink-600);margin:.15rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-hantu{fill:none;stroke:var(--ink-400);stroke-width:1.3;opacity:.2}.gp-garis-kelas{fill:none;stroke:var(--ink-400);stroke-width:1.6;stroke-dasharray:3 4;opacity:.9}.gp-garis-kkm{stroke:var(--danger);stroke-width:1.2;stroke-dasharray:7 5;opacity:.8}.gp-label-kkm{font-size:11px;fill:var(--danger);font-weight:700}.gp-utama{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.gp-utama-putus{fill:none;stroke-width:2;stroke-dasharray:3 5;opacity:.55;stroke-linecap:round}.gp-simpul{stroke:var(--paper);stroke-width:2.5}.gp-simpul.kurang{stroke-width:2.6}.gp-nilai-teks{fill:var(--ink-800);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.gp-sumbu-x{fill:var(--ink-600);font-size:13px;font-weight:700}.gp-sumbu-x.aktif{fill:var(--ink-800)}.gp-silang{stroke:var(--tn-garis-2);stroke-width:1}.gp-kolom-tekan{fill:transparent;cursor:crosshair}.gp-hantu-titik{opacity:.3}.gp-hantu-g:hover .gp-hantu-titik{opacity:.8}.gp-titik-tekan{cursor:pointer}.gp-tip-kotak{fill:var(--paper);stroke:var(--tn-garis-2);stroke-width:1;filter:drop-shadow(0 4px 10px rgba(20,35,28,.12))}.gp-tip-judul{fill:var(--ink-800);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.gp-tip-label{fill:var(--ink-600);font-size:12px}.gp-tip-isi{fill:var(--ink-800);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.gp-tip-isi.naik{fill:var(--green-800)}.gp-tip-isi.turun{fill:var(--danger)}.gp-tabel{border-top:1px solid var(--tn-garis-2);margin-top:.8rem}.gp-tabel-kepala,.gp-baris{display:grid;grid-template-columns:minmax(0,1.6fr) 92px 62px 78px minmax(0,1.5fr);align-items:center;gap:.8rem;padding:0 .6rem}.gp-tabel-kepala{height:34px;font-size:var(--t-3xs, .68rem);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);font-weight:700;background:var(--tn-latar);border-bottom:1px solid var(--tn-garis-2)}.gp-tabel-kepala .gp-kanan{text-align:right}.gp-baris{width:100%;font:inherit;text-align:left;cursor:pointer;min-height:46px;background:none;border:0;border-bottom:1px solid var(--tn-garis-2);transition:background .14s var(--ease)}.gp-baris:last-child{border-bottom:0}.gp-baris:hover,.gp-baris.sorot{background:var(--tn-mint)}.gp-baris:focus-visible{outline:2px solid var(--green-700);outline-offset:-2px}.gp-b-nama{display:flex;align-items:center;gap:.5rem;min-width:0}.gp-b-cip{width:9px;height:9px;border-radius:50%;flex:none}.gp-b-teks{font-size:var(--t-xs);font-weight:700;color:var(--ink-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-percik{display:block}.gp-percik path{transition:opacity .14s var(--ease),stroke-width .14s var(--ease)}.gp-baris:hover .gp-percik path,.gp-baris.sorot .gp-percik path{opacity:1;stroke-width:2.2}.gp-percik-kosong{display:block;width:84px;height:22px}.gp-b-nilai{font-size:var(--t-md);font-weight:800;color:var(--ink-800);font-variant-numeric:tabular-nums;text-align:right}.gp-b-nilai.kurang{color:var(--danger)}.gp-lencana{display:inline-flex;align-items:center;justify-self:start;font-size:var(--t-2xs);font-weight:800;font-variant-numeric:tabular-nums;border-radius:var(--r-pill);padding:.15rem .45rem}.gp-lencana.naik{color:var(--green-800);background:var(--green-050)}.gp-lencana.turun{color:var(--danger);background:#fbeae6}.gp-lencana.tetap{color:var(--ink-400);background:var(--tn-garis-2)}.gp-b-kaki{font-size:var(--t-2xs);color:var(--ink-400);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-b-kaki b{color:var(--ink-600);font-weight:700;font-variant-numeric:tabular-nums}.gp-b-kaki b.kurang{color:var(--danger)}.gp-b-kaki .naik{color:var(--green-800);font-weight:700}.gp-b-kaki .turun{color:var(--danger);font-weight:700}@media(max-width:900px){.gp-ringkas{grid-template-columns:repeat(2,1fr)}.gp-ubin:nth-child(3){border-left:0}.gp-ubin:nth-child(n+3){border-top:1px solid var(--tn-garis-2)}.gp-tabel-kepala{display:none}.gp-baris{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nama nilai" "kaki lencana";padding:.5rem .6rem;gap:.25rem .6rem}.gp-b-nama{grid-area:nama}.gp-b-nilai{grid-area:nilai}.gp-b-kaki{grid-area:kaki;white-space:normal}.gp-lencana{grid-area:lencana;justify-self:end}.gp-percik,.gp-percik-kosong{display:none}}@media(min-width:960px){.b-spv{grid-template-columns:1fr;gap:1rem}.b-spv .nanti-tugas,.b-spv .nanti-unit{grid-column:1 / -1}}.b-spv .tiles{grid-auto-rows:1fr}.bento.b-spv .nanti-unit .tiles{max-width:none}@media(min-width:561px){.b-spv .tiles{justify-content:stretch;grid-template-columns:repeat(3,minmax(0,1fr))}.bento.b-spv .nanti-unit .tiles>.tile.icon.unit-kartu{width:auto}.b-spv .tiles[data-jumlah="1"]{grid-template-columns:minmax(0,1fr)}.bento.b-spv .nanti-unit .tiles[data-jumlah="1"]{max-width:420px}.b-spv .tiles[data-jumlah="2"],.b-spv .tiles[data-jumlah="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.bento.b-spv .nanti-unit .tiles[data-jumlah="2"]{max-width:720px}}@media(min-width:1100px){.b-spv .tiles[data-jumlah="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1400px){.b-spv .tiles[data-jumlah="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.b-spv .tiles[data-jumlah="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}.b-spv .tiles[data-jumlah="7"],.b-spv .tiles[data-jumlah="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.tiles:has(>.tile.icon:nth-child(5)) .tile.icon.berisi,.tiles:has(>.tile.icon:nth-child(6)) .tile.icon.berisi{height:auto}.tile.icon.unit-kartu{padding-bottom:1.05rem}.unit-kartu .isi{gap:.25rem}.wawasan{max-width:none}.rp-bagi.rp-sebagian{color:var(--warn);font-style:italic}.rp-siswa-bulan{display:grid;grid-template-columns:repeat(var(--rp-bulan, 1),minmax(0,1fr));gap:.3rem;align-items:stretch;justify-content:stretch}.rp-keping{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.2rem .5rem;text-align:left;white-space:normal}.rp-keping-mapel{font-weight:500;opacity:.9;line-height:1.35}.rp-kaki{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.75rem}.rp-mapel-ikut{flex:1 1 24rem;margin:0;font-size:var(--t-2xs);color:var(--ink-400);line-height:1.5}.rp-blok-lead{margin:0 0 .5rem;font-size:var(--t-2xs);color:var(--ink-400)}.stat-grid{align-items:stretch}.stat-grid>.panel{display:flex;flex-direction:column}.stat-grid>.panel>.chart{flex:1;display:flex;flex-direction:column}.stat-grid>.panel>.chart>svg{flex:1;min-height:0;height:auto}@media(min-width:901px){.stat-grid{container-type:inline-size}.stat-grid>.panel-sebaran{max-height:calc(50cqw + 11rem)}}table.grid.rekap-ph.rp-gabung thead th:nth-child(6),table.grid.rekap-ph.rp-gabung tbody td:nth-child(6){border-left:1px solid var(--tn-garis)}.table-wrap,.rp-bungkus,.rr-bungkus,.gp-bidang,.crumbs{overscroll-behavior-x:contain}table.grid.rekap-ph .rp-tingkat-isi{position:sticky;left:.6rem;display:inline-flex;align-items:baseline;gap:.6rem}.rp-tingkat-isi .rp-tingkat-cacah{margin-left:0}@media(max-width:640px){table.grid.rekap-ph.rp-gabung thead .rp-rombel{min-width:9.5rem}table.grid.rekap-ph.rp-gabung .rp-angka{width:4.4rem}table.grid.rekap-ph.rp-gabung .rp-isi{width:7rem}table.grid.rekap-ph.rp-gabung .rp-isi .progress{max-width:3.4rem}table.grid.rekap-ph.rp-gabung .rp-bulan,table.grid.rekap-ph.rp-gabung .rp-sel,table.grid.rekap-ph.rp-gabung .rp-kosong{width:6rem}table.grid.rekap-ph.rp-gabung th,table.grid.rekap-ph.rp-gabung td{padding-inline:.4rem}}.petak-buang{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:44px;padding:.5rem .9rem;border:0;border-top:1px solid var(--tn-garis);background:var(--paper);font:inherit;font-size:var(--t-xs);font-weight:700;color:var(--tn-samar);cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease)}.petak-buang:hover{background:var(--danger-bg);color:var(--danger)}.petak-buang:focus-visible{outline:2px solid var(--danger);outline-offset:-2px}table.list th.pilih,table.list td.pilih{width:42px;padding-left:.6rem;padding-right:.2rem;text-align:center}table.list th.pilih input,table.list td.pilih input{width:17px;height:17px;margin:0;cursor:pointer;accent-color:var(--hijau)}table.list td.pilih input:disabled{cursor:not-allowed;opacity:.35}table.list tr.baris-terpilih td{background:var(--hijau-samar, rgba(31,122,63,.07))}@media(max-width:720px){table.list td.pilih{width:auto;text-align:left}table.list td.pilih:before{content:none}}.ek-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem 1.25rem;flex-wrap:wrap;margin-bottom:1.1rem}.ek-kepala-teks{min-width:0;flex:1 1 22rem}.ek-kepala-teks .panel-judul{margin-bottom:.3rem}.ek-kepala-teks .panel-lead{margin:0;max-width:58ch;line-height:1.6;color:var(--tn-redup)}.ek-kepala-aksi{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}@media(max-width:620px){.ek-kepala-aksi{width:100%}.ek-kepala-aksi .btn{flex:1 1 auto}}.ek-kosong{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;max-width:34rem;margin:.4rem auto 0;padding:2.4rem 1.6rem 2.1rem;border:1px dashed var(--tn-garis);border-radius:var(--r-lg);background:radial-gradient(120% 90% at 50% 0%,var(--tn-mint) 0%,transparent 62%),var(--paper)}.ek-kosong-gambar{display:grid;place-items:center;width:76px;height:76px;margin-bottom:.35rem;border-radius:var(--r-pill);background:var(--tn-mint-2);color:var(--tn-hijau-tua);box-shadow:0 1px 2px #0f172a0d,0 8px 20px -12px #05966973}.ek-kosong-gambar svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ek-kosong-gambar .ek-g-pita{stroke-opacity:.62}.ek-kosong-judul{margin:0;font-size:var(--t-lg);font-weight:800;letter-spacing:-.01em;color:var(--tn-hijau-pekat)}.ek-kosong-lead{margin:0;max-width:46ch;line-height:1.65;font-size:var(--t-sm);color:var(--tn-redup)}.ek-kosong-catatan{margin:.3rem 0 0;max-width:44ch;line-height:1.6;font-size:var(--t-xs);color:var(--tn-samar)}.ek-kosong-aksi{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}.ek-kosong-aksi .btn.primary:hover:not(:disabled),.ek-kepala-aksi .btn.primary:hover:not(:disabled){transform:translateY(-1px)}.ek-kosong-aksi .btn.primary:active:not(:disabled),.ek-kepala-aksi .btn.primary:active:not(:disabled){transform:translateY(0)}@media(prefers-reduced-motion:reduce){.ek-kosong-aksi .btn.primary:hover:not(:disabled),.ek-kepala-aksi .btn.primary:hover:not(:disabled){transform:none}}@media(max-width:520px){.ek-kosong{padding:1.9rem 1.15rem 1.7rem}.ek-kosong-aksi,.ek-kosong-aksi .btn{width:100%}}html[data-tema=gelap] .kenaikan-gembok{border-color:#7c5e12}html[data-tema=gelap] .kenaikan-gembok .kg-ikon{background:#241d0d;box-shadow:inset 0 0 0 1px #6b5210}html[data-tema=gelap] .kenaikan-gembok .kg-teks b{color:#fcd34d}html[data-tema=gelap] .kenaikan-gembok .kg-teks p{color:#e7d9a8}.legger-rombel{display:flex;justify-content:center;margin:0 0 .7rem}.legger-rombel .krk-pilih{align-items:center}.legger-rombel select{min-width:190px}@media(max-width:560px){.legger-rombel .krk-pilih{width:100%}.legger-rombel select{min-width:0;width:100%}}.tabel-sisa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;padding:.7rem 1.15rem;border-top:1px solid var(--line);font-size:var(--t-xs);color:var(--ink-600)}.tabel-sisa-aksi{display:flex;gap:.5rem;flex-wrap:wrap}.tabel-sisa .btn.kecil{padding:.35rem .8rem;font-size:var(--t-xs);min-height:34px;border-radius:var(--r-pill)}@media(max-width:560px){.tabel-sisa{flex-direction:column;align-items:stretch}.tabel-sisa .btn.kecil{flex:1;min-height:44px}}.awal-lembar .awal-ttd-garis{text-decoration:none;display:inline-block;min-width:190px;border-bottom:1px solid #111}.awal-lembar .krk-ttd-ruang{height:84px}@media print{.awal-lembar .krk-ttd-ruang{height:68px}.awal-lembar{padding-left:10mm;padding-right:10mm}}.awal-lembar.awal-tanpa-identitas .awal-bagian:first-of-type{margin-top:0}@media print{.awal-lembar.awal-tanpa-identitas .awal-bagian:first-of-type{margin-top:0}}@media print{.rk-kartu{overflow:visible}.rk-gulir{overflow:visible!important}.rk-tabel{width:100%;table-layout:fixed;font-size:8.5pt}.rk-tabel th,.rk-tabel td{padding:.3rem .22rem;white-space:normal;overflow-wrap:anywhere}.rk-tabel td:first-child,.rk-tabel th:first-child{padding-left:.5rem}.rk-tabel td:last-child,.rk-tabel th:last-child{padding-right:.5rem}.rk-tabel thead th{font-size:6.5pt;letter-spacing:.02em}.rk-sel-batang,.rk-susun{display:none!important}.rk-sel-angka{font-size:9pt}.rk-sel-persen{margin-left:.2rem}.rk-keadaan{min-width:0}.rk .badge{padding:.12rem .35rem;font-size:6.5pt}.rk-level{min-width:18px;height:18px;font-size:6.5pt}.rk-rombel{min-height:0;gap:.3rem}.rk-tabel-sebaran th:first-child{width:20%}.krk-rekap thead th:nth-child(1){width:16%}.krk-rekap thead th:nth-child(2){width:16%}.krk-rekap thead th:last-child{width:14%}.krk-rekap thead th:nth-child(n+3):nth-child(-n+8){width:9%}.krk-rekap thead th{font-size:6pt;letter-spacing:0}.rk-tabel thead{display:table-header-group}.rk-tabel tbody tr{break-inside:avoid}.rk-tabel tbody tr:hover td{background:none}.rk-kartu{border-radius:0;margin-bottom:.5rem}.rk-kartu-kepala{padding:.5rem .5rem .2rem}.rk-kartu-kepala h2{font-size:11pt}.rk-kartu-kepala p{font-size:7.5pt}.rk-kaki{padding:.35rem .5rem;font-size:7pt}.rk-banner{border-radius:0}.rk .page-title{font-size:14pt;margin-bottom:.1rem}.rk-sub{font-size:8pt}.rk-tabel thead th{border-bottom:1.4px solid #94a3b8}.rk-tabel-sebaran thead tr.rk-grup th{border-bottom:1px solid #cbd5e1}.rk-kartu,.rk-banner{border:1px solid #94a3b8}.rk .badge{border:1px solid currentColor}}.impor-awas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:0 0 .7rem;padding:.65rem .85rem;border:1px solid #fcd34d;border-radius:12px;background:#fffbeb;color:#78350f}.impor-awas p{margin:0;font-size:var(--t-sm);line-height:1.5;flex:1 1 260px}.impor-awas b{font-weight:700}.impor-pilih{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;font-size:var(--t-sm);font-weight:600;white-space:nowrap}.impor-pilih input{width:16px;height:16px;accent-color:var(--green-600)}.list tr.impor-lewat td{opacity:.55}.impor-tanda{display:inline-block;margin-left:.5rem;padding:.05rem .4rem;border-radius:999px;background:#fef3c7;color:#92400e;font-size:var(--t-2xs);font-weight:700;white-space:nowrap}.wawasan-kisi.unit{align-items:stretch}.wawasan-kisi.unit .wawasan-kartu{justify-content:flex-start}.wawasan-kartu{padding:1.1rem 1.15rem 1.2rem;border-radius:18px;gap:.85rem}.wawasan-kartu header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.2rem .7rem;margin-bottom:.1rem}.wawasan-kartu header .rk-tautan{white-space:nowrap;margin-top:-.3rem;margin-right:-.5rem}.wawasan-kartu header>.wawasan-ket{grid-column:1 / -1;justify-self:start;text-align:left;margin-top:.1rem}.wawasan-mapel{font-size:var(--t-md);letter-spacing:-.01em;line-height:1.3}.wawasan-daftar{gap:.95rem}.wawasan-baris{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem .6rem;font-size:var(--t-sm)}.wawasan-baris .wawasan-nama-baris{grid-column:1;font-weight:600;color:var(--tn-teks);line-height:1.35}.wawasan-baris .wawasan-pil{grid-column:2;justify-self:end}.wawasan-baris .wawasan-batang{grid-column:1 / -1}.wawasan-baris .wawasan-kaki{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.3rem .6rem}.wawasan-pil{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:.15rem .5rem;border-radius:999px;font-size:var(--t-xs);font-weight:800;font-variant-numeric:tabular-nums;border:1px solid transparent;line-height:1.5}.wawasan-pil.ok{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.wawasan-pil.awas{background:#fffbeb;color:#b45309;border-color:#fde68a}.wawasan-pil.kritis{background:#fff1f2;color:#be123c;border-color:#fecdd3}.wawasan-baris .wawasan-batang{height:8px;border:0;border-radius:999px;background:#eef2f7;overflow:hidden}.wawasan-baris .wawasan-batang i{display:block;height:100%;border-radius:inherit;transition:width .6s cubic-bezier(.22,1,.36,1)}.wawasan-baris .wawasan-batang i.ok{background:linear-gradient(90deg,#34d399,#059669);box-shadow:0 0 8px #05966973}.wawasan-baris .wawasan-batang i.awas{background:linear-gradient(90deg,#fbbf24,#d97706);box-shadow:0 0 8px #d9770673}.wawasan-baris .wawasan-batang i.kritis{background:linear-gradient(90deg,#fb7185,#e11d48);box-shadow:0 0 8px #e11d4873}.wawasan-baris .wawasan-ket,.wawasan-baris .wawasan-merah{font-size:var(--t-2xs)}.wawasan-kartu.tenggat .wawasan-tenggat{display:flex;align-items:baseline;gap:.65rem;margin-top:.2rem;flex-wrap:wrap}.wawasan-kartu.tenggat .wawasan-tenggat b{font-size:3.1rem;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.wawasan-kartu.tenggat .wawasan-tenggat span{font-size:var(--t-md);font-weight:700;color:var(--tn-teks-2)}.wawasan-tenggat-ket{margin:.15rem 0 0;font-size:var(--t-sm);color:var(--tn-redup)}.wawasan-kartu.tenggat .wawasan-catat{margin-top:.3rem;padding:.6rem .7rem;border-radius:12px;background:#f6f8fa;line-height:1.55}.wawasan-kartu.tenggat .wawasan-catat b{font-variant-numeric:tabular-nums;color:var(--tn-teks)}@media(max-width:420px){.wawasan-baris{grid-template-columns:minmax(0,1fr)}.wawasan-baris .wawasan-pil{grid-column:1;justify-self:start}}.app{--kanvas-dasar: linear-gradient(168deg, #fffdf9 0%, #f4f9f3 46%, #ffffff 100%);--kanvas-pola: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27140%27%20height%3D%27140%27%20viewBox%3D%270%200%20140%20140%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%231E5622%27%20stroke-opacity%3D%270.075%27%20stroke-width%3D%271%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%2735%27%20y%3D%2735%27%20width%3D%2770%27%20height%3D%2770%27%2F%3E%3Cpolygon%20points%3D%2770%2C20.5%20119.5%2C70%2070%2C119.5%2020.5%2C70%27%2F%3E%3Crect%20x%3D%27-35%27%20y%3D%27-35%27%20width%3D%2770%27%20height%3D%2770%27%2F%3E%3Cpolygon%20points%3D%270%2C-49.5%2049.5%2C0%200%2C49.5%20-49.5%2C0%27%2F%3E%3Crect%20x%3D%27105%27%20y%3D%27-35%27%20width%3D%2770%27%20height%3D%2770%27%2F%3E%3Cpolygon%20points%3D%27140%2C-49.5%20189.5%2C0%20140%2C49.5%2090.5%2C0%27%2F%3E%3Crect%20x%3D%27-35%27%20y%3D%27105%27%20width%3D%2770%27%20height%3D%2770%27%2F%3E%3Cpolygon%20points%3D%270%2C90.5%2049.5%2C140%200%2C189.5%20-49.5%2C140%27%2F%3E%3Crect%20x%3D%27105%27%20y%3D%27105%27%20width%3D%2770%27%20height%3D%2770%27%2F%3E%3Cpolygon%20points%3D%27140%2C90.5%20189.5%2C140%20140%2C189.5%2090.5%2C140%27%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23D4E715%27%20stroke-opacity%3D%270.24%27%20stroke-width%3D%271%27%3E%3Cpolygon%20points%3D%2770%2C56%2084%2C70%2070%2C84%2056%2C70%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);position:relative;isolation:isolate;background-color:#fffdf9;background-image:var(--kanvas-dasar);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:scroll}.app:before{content:"";position:fixed;inset:-240px 0;z-index:-1;pointer-events:none;background-image:var(--kanvas-pola);background-repeat:repeat;background-size:140px 140px;background-position:0 0}@supports (animation-timeline: scroll()){.app:before{animation:kanvas-paralaks linear both;animation-timeline:scroll(root);animation-range:0 1600px}}@keyframes kanvas-paralaks{0%{transform:translateZ(0)}to{transform:translate3d(0,-240px,0)}}@media(prefers-reduced-motion:reduce){.app:before{animation:none}}html[data-tema=gelap] body .app{--kanvas-dasar: linear-gradient(168deg, #0d1711 0%, #0b120e 55%, #0f1a14 100%);--kanvas-pola: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27140%27%20height%3D%27140%27%20viewBox%3D%270%200%20140%20140%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%239BE7A4%27%20stroke-opacity%3D%270.055%27%20stroke-width%3D%271%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%2735%27%20y%3D%2735%27%20width%3D%2770%27%20height%3D%2770%27%2F%3E%3Cpolygon%20points%3D%2770%2C20.5%20119.5%2C70%2070%2C119.5%2020.5%2C70%27%2F%3E%3Crect%20x%3D%27-35%27%20y%3D%27-35%27%20width%3D%2770%27%20height%3D%2770%27%2F%3E%3Cpolygon%20points%3D%270%2C-49.5%2049.5%2C0%200%2C49.5%20-49.5%2C0%27%2F%3E%3Crect%20x%3D%27105%27%20y%3D%27-35%27%20width%3D%2770%27%20height%3D%2770%27%2F%3E%3Cpolygon%20points%3D%27140%2C-49.5%20189.5%2C0%20140%2C49.5%2090.5%2C0%27%2F%3E%3Crect%20x%3D%27-35%27%20y%3D%27105%27%20width%3D%2770%27%20height%3D%2770%27%2F%3E%3Cpolygon%20points%3D%270%2C90.5%2049.5%2C140%200%2C189.5%20-49.5%2C140%27%2F%3E%3Crect%20x%3D%27105%27%20y%3D%27105%27%20width%3D%2770%27%20height%3D%2770%27%2F%3E%3Cpolygon%20points%3D%27140%2C90.5%20189.5%2C140%20140%2C189.5%2090.5%2C140%27%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23D4E715%27%20stroke-opacity%3D%270.16%27%20stroke-width%3D%271%27%3E%3Cpolygon%20points%3D%2770%2C56%2084%2C70%2070%2C84%2056%2C70%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);background-color:#0b120e;background-image:var(--kanvas-dasar)}@media print{.app:before{display:none}}.card,.panel,.rk-kartu,.rk-banner,.wawasan-kartu,.rr-bungkus,.table-wrap,.gp-panel{background-color:#ffffffd1;box-shadow:0 1px 2px #10281c0d,0 10px 30px -18px #10281c38}.tile,.stat-card,.gw-kartu,.krk-ringkas{background-color:#ffffffdb}html[data-tema=gelap] body .card,html[data-tema=gelap] body .panel,html[data-tema=gelap] body .rk-kartu,html[data-tema=gelap] body .rk-banner,html[data-tema=gelap] body .wawasan-kartu,html[data-tema=gelap] body .rr-bungkus,html[data-tema=gelap] body .table-wrap,html[data-tema=gelap] body .gp-panel{background-color:#111a15d1;border-color:#ffffff1a;box-shadow:0 1px 2px #00000059,0 12px 32px -18px #0009}html[data-tema=gelap] body .tile,html[data-tema=gelap] body .stat-card{background-color:#16221be0;border-color:#ffffff1a}@media print{.card,.panel,.rk-kartu,.rk-banner,.wawasan-kartu,.rr-bungkus,.table-wrap,.gp-panel,.tile,.stat-card,.lg-kendali{background-color:#fff;box-shadow:none}}.card,.tile,.wawasan-kartu,.rk-kartu,.rk-banner{box-shadow:0 1px 2px #10281c0d,0 1px #10281c08}.page-title{text-align:center;font-size:1.55rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:.5rem 0 .3rem;color:var(--tn-hijau-pekat)}.page-lead{text-align:center;margin:0 auto 1.35rem;color:var(--tn-redup);font-size:var(--t-sm)}.page-title+.page-lead,.page-title+p.legger-judul{text-align:center}.page-title.tengah{font-size:1.85rem;margin:.7rem 0 .25rem}@media(max-width:860px){.page-title{font-size:1.32rem}.page-title.tengah{font-size:1.5rem}}.page>.toolbar,.page>.toolbar.right,.page>.stat-tabs,.page>.rr-tab,.page>.rr-saring,.page>.krk-alat,.page>.rapor-alat{justify-content:center}.page>.table-wrap,.page>.card,.page>.rr-bungkus{margin-inline:auto}.legger-judul{text-align:center}.back-btn{max-width:120px}.gp-hantu{transition:opacity .16s ease,stroke-width .16s ease}.gp-hantu-titik{transition:opacity .16s ease,r .16s ease}.gp-utama{transition:stroke .16s ease}.gp-svg{cursor:default}.gp-svg.gp-dekat{cursor:pointer}.gp-hantu-g:hover .gp-hantu-titik{opacity:.3}.wawasan-baris .wawasan-batang i.ok{background:#059669;box-shadow:none}.wawasan-baris .wawasan-batang i.awas{background:#d97706;box-shadow:none}.wawasan-baris .wawasan-batang i.kritis{background:#e11d48;box-shadow:none}.page .page-title{margin-top:.35rem}.page-title+.page-lead{margin-top:.25rem}.rk .page-title{text-align:center;font-size:1.55rem;margin:.35rem 0 0;letter-spacing:-.02em;line-height:1.2}.rk-sub{text-align:center;margin:.25rem auto 0;max-width:44rem}.rk-kepala{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin:0 0 1.25rem;text-align:center}.rk-kepala>div:first-child{width:100%}.rk-alat{justify-content:center}.rk-banner,.rk-cari{margin-inline:auto}.rk-cari,.rk-saring{justify-content:center}@media(max-width:760px){.rk-saring{justify-content:flex-start}}.card,.tile,.stat-card,.rk-kartu,.rk-banner,.wawasan-kartu,.rr-bungkus{border-radius:16px}.page{padding-bottom:3.25rem}.wawasan{margin-top:2rem}@media(max-width:860px){.rk-kepala{gap:.7rem}.rk-alat{width:100%;justify-content:center}}@media(max-width:760px){.rk-kepala{position:static}.rk-kepala>div:first-child{padding-right:0}.rk-alat{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.rk-alat .rk-segmen{flex:0 1 auto}.rk-alat .rk-ikon-grup{position:static;margin:0}}.btn.gold{background:#d4e715;color:#1e5622;border-color:#b8cb0c;box-shadow:0 1px 2px #10281c14}.btn.gold:hover:not(:disabled){background:#c8db0e;color:#1e5622;filter:none;transform:translateY(-1px)}html[data-tema=gelap] body .btn.gold{background:#d4e715;color:#17401b;border-color:transparent;box-shadow:none}html[data-tema=gelap] body .btn.gold:hover:not(:disabled){background:#e2f22e;color:#17401b}.crumb-bar{min-height:calc(34px + .95rem);box-sizing:border-box}@media(max-width:1024px),(pointer:coarse){.crumb-bar{min-height:calc(44px + .95rem)}}@media(max-width:560px){.crumb-bar{min-height:calc(44px + .7rem)}}.page>.page-lead{margin-bottom:1.5rem}.page>.bento,.page>.panel,.page>.card,.page>.ka-tabs-wrap,.page>.meta-list,.page>.lipat,.page>.stat-tabs,.page>.notice,.page>.toolbar{margin-bottom:1.5rem}.page>.ubin-kelompok{margin-top:1.5rem;margin-bottom:1.5rem}.page>.chips.saring-peran,.page>.krk-alat,.page>.krk-ringkas{margin-bottom:1rem}.page>.legger-rombel{margin-bottom:.8rem}.page>.krk-tab,.page>.krk-cari{margin-bottom:.8rem}.page>:last-child{margin-bottom:0}@media(max-width:560px){.page>.page-lead{margin-bottom:1rem}}.page>h2,.page>h3{text-align:center}.page>.chips{justify-content:center}@media(max-width:760px){.page>.chips{justify-content:flex-start}}.lg-kendali{max-width:880px;margin:0 auto 1.25rem;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.7rem;background:#ffffffc7;border:1px solid var(--tn-garis);border-radius:16px;box-shadow:0 1px 2px #10281c0d,0 10px 30px -18px #10281c38}.lg-baris{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem .9rem}.lg-baris-bawah{justify-content:space-between;padding-top:.7rem;border-top:1px solid var(--tn-garis-2)}.lg-kendali .legger-rombel{margin:0}.lg-pilih.krk-pilih{flex-direction:row;align-items:center;gap:.45rem;min-height:42px;padding:0 .35rem 0 .9rem;border:1px solid var(--tn-garis);border-radius:12px;background:var(--paper)}.lg-pilih.krk-pilih>span{font-size:var(--t-2xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--tn-redup)}.lg-pilih.krk-pilih select{min-width:0;height:34px;padding:0 1.9rem 0 .55rem;margin:0;border:0;border-radius:9px;background-color:transparent;color:var(--tn-hijau-pekat);font:inherit;font-size:var(--t-sm);font-weight:700;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23387a45' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.lg-pilih.krk-pilih select:hover{background-color:var(--tn-mint)}.lg-pilih.krk-pilih select:focus-visible{outline:none;box-shadow:var(--tn-cincin)}.lg-segmen,.lg-segmen.stat-tabs,.lg-segmen.rr-tab{display:inline-flex;flex-wrap:nowrap;gap:2px;margin:0;padding:3px;border-radius:12px;background:var(--tn-latar);border:1px solid var(--tn-garis)}.lg-segmen .stat-tab,.lg-segmen .rr-tab-btn{min-height:34px;padding:.38rem .85rem;border:0;border-radius:9px;background:transparent;color:var(--tn-redup);box-shadow:none;font-size:var(--t-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .16s,color .16s,box-shadow .16s}.lg-segmen .stat-tab:hover,.lg-segmen .rr-tab-btn:hover{color:var(--tn-teks);border-color:transparent}.lg-segmen .stat-tab.aktif,.lg-segmen .rr-tab-btn.aktif{background:#fff;color:var(--tn-hijau-tua);cursor:default;box-shadow:0 1px 2px #0f172a14,0 0 0 1px #0596692e}.lg-segmen b{font-weight:800}.lg-ket{font-weight:500;opacity:.75}.lg-segmen .aktif .lg-ket{opacity:.9}.lg-aksi.toolbar{margin:0;gap:.5rem;justify-content:flex-end}.lg-aksi .btn{min-height:38px}.rr-saring{justify-content:center;gap:.4rem .45rem;margin:0 auto 1rem;max-width:880px}.rr-saring-judul{flex-basis:100%;text-align:center;margin:0 0 .1rem;font-size:var(--t-2xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tn-samar)}@media(max-width:640px){.lg-kendali{padding:.7rem}.lg-baris-bawah{justify-content:center}.lg-segmen,.lg-segmen.stat-tabs,.lg-segmen.rr-tab{width:100%}.lg-segmen .stat-tab,.lg-segmen .rr-tab-btn{flex:1 1 0;padding-inline:.5rem}.lg-ket{display:none}.lg-pilih.krk-pilih{width:100%}.lg-pilih.krk-pilih select{flex:1}.lg-aksi.toolbar{width:100%;justify-content:center}.rr-saring{justify-content:flex-start}}html[data-tema=gelap] body .lg-kendali{background:#111a15d1;border-color:#ffffff1a}html[data-tema=gelap] body .lg-pilih.krk-pilih{background:#16221b;border-color:var(--line-2)}html[data-tema=gelap] body .lg-segmen .stat-tab.aktif,html[data-tema=gelap] body .lg-segmen .rr-tab-btn.aktif{background:#1f2f26;color:var(--tn-hijau);box-shadow:0 0 0 1px #34d39940}.side{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffbd}html[data-tema=gelap] body .side{background:#0f1913d6}@media(min-width:861px){.page:has(>.table-wrap)>.page-title,.page:has(>.table-wrap)>.page-lead,.page:has(>.table-wrap)>.legger-judul{text-align:center}.page:has(>.table-wrap)>.page-title{margin-top:.35rem}.page:has(>.table-wrap)>p.small{max-width:74ch;margin-inline:auto}}.legger-awas{margin-inline:auto}.lk-kartu{max-width:1080px;margin:0 auto 1.5rem;background:#fff;border:1px solid var(--tn-garis);border-radius:18px;box-shadow:0 1px 2px #10281c0d,0 12px 32px -20px #10281c40;overflow:hidden}.lk-kartu .meta-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;border-bottom:1px solid var(--tn-garis-2)}.lk-kartu .meta-list div{display:flex;flex-direction:column;gap:.18rem;align-items:flex-start;padding:.95rem 1.25rem;border-radius:0;box-shadow:none;background:none;border:0;border-right:1px solid var(--tn-garis-2)}.lk-kartu .meta-list div:last-child{border-right:0}.lk-kartu .meta-list dt{font-size:.68rem;letter-spacing:.08em;font-weight:700;color:var(--tn-samar)}.lk-kartu .meta-list dd{font-size:var(--t-md);font-weight:700;color:var(--tn-hijau-pekat);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lk-baris{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--tn-garis-2)}.lk-baris .pita-sah{flex:1 1 auto;margin:0;padding:0;border:0;background:none;border-radius:0;box-shadow:none;align-items:center;justify-content:flex-start}.lk-baris .pita-sah.s-submitted,.lk-baris .pita-sah.s-approved,.lk-baris .pita-sah.s-rejected{background:none}.lk-baris .pita-kiri{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-start;text-align:left;gap:.5rem .8rem}.lk-baris .pita-kiri .small{flex:1 1 18rem}.lk-baris .badge{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .8rem .32rem .6rem;font-size:var(--t-xs);font-weight:700;letter-spacing:.01em;background:#fff;border:1px solid var(--tn-garis);color:var(--tn-teks)}.lk-baris .badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.lk-baris .badge.grey{color:var(--tn-redup)}.lk-baris .badge.warn{color:#b7791f;border-color:#f2dfb3;background:#fffbf0}.lk-baris .badge.ok{color:#047857;border-color:#b9e6cf;background:#f0fbf5}.lk-baris .badge.danger{color:#b42318;border-color:#f3c2bd;background:#fff6f5}.lk-baris .pita-catatan{flex-basis:100%}.lk-aksi.toolbar{margin:0;flex:none;justify-content:flex-end;gap:.5rem}.lk-aksi .btn,.lk-baris .pita-sah .btn{min-height:36px;padding:.4rem .9rem;border-radius:10px;background:#fff;border:1px solid var(--tn-garis);color:var(--tn-teks);font-weight:600}.lk-aksi .btn:hover,.lk-baris .pita-sah .btn:hover{background:var(--tn-latar);border-color:#cbd5d0}.lk-baris .pita-sah .btn.primary,.lk-kartu .kelengkapan .btn.primary{background:#1e5622;border-color:#1e5622;color:#fff}.lk-baris .pita-sah .btn.primary:hover:not(:disabled),.lk-kartu .kelengkapan .btn.primary:hover:not(:disabled){background:#17441b;border-color:#17441b}.lk-kartu .kelengkapan{margin:0;padding:.9rem 1.25rem;background:none;border:0;border-radius:0;gap:.9rem 1.25rem}.lk-kartu .kl-kiri{display:flex;align-items:center;gap:1rem}.kl-donat{width:56px;height:56px;flex:none;transform:rotate(-90deg)}.kl-donat-jalur{fill:none;stroke:#e6efe9;stroke-width:6}.kl-donat-isi{fill:none;stroke:#1e5622;stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .6s var(--ease)}.kl-donat-angka{transform:rotate(90deg);transform-origin:28px 28px;font-size:12px;font-weight:800;fill:#1e5622;text-anchor:middle;dominant-baseline:central}.lk-kartu .kl-teks b{font-size:var(--t-md);color:var(--tn-teks)}.lk-kartu .kl-teks .small{color:var(--tn-redup)}.lk-kartu .kl-bar{margin-top:.5rem;height:4px;max-width:18rem;background:#e6efe9}.lk-kartu .kl-bar>span{background:#1e5622}.kelengkapan:not(.lk-kartu .kelengkapan) .kl-donat{display:none}@media(max-width:760px){.lk-baris .pita-sah{align-items:flex-start}.lk-kartu .meta-list{grid-template-columns:repeat(2,minmax(0,1fr))}.lk-kartu .meta-list div:nth-child(2n){border-right:0}.lk-kartu .meta-list div:nth-child(-n+2){border-bottom:1px solid var(--tn-garis-2)}.lk-baris{flex-direction:column;align-items:stretch}.lk-aksi.toolbar{justify-content:flex-start}}html[data-tema=gelap] body .lk-kartu{background:#111a15e0;border-color:#ffffff1a}html[data-tema=gelap] body .lk-kartu .meta-list div,html[data-tema=gelap] body .lk-baris,html[data-tema=gelap] body .lk-kartu .meta-list{border-color:#ffffff14}html[data-tema=gelap] body .lk-baris .badge,html[data-tema=gelap] body .lk-aksi .btn{background:#16221b;border-color:var(--line-2);color:var(--ink-800)}html[data-tema=gelap] body .kl-donat-jalur{stroke:#24332b}html[data-tema=gelap] body .kl-donat-isi{stroke:var(--tn-hijau)}html[data-tema=gelap] body .kl-donat-angka{fill:var(--tn-hijau)}html[data-tema=gelap] body .lk-kartu .kl-bar{background:#24332b}html[data-tema=gelap] body .lk-kartu .kl-bar>span{background:var(--tn-hijau)}.page>.meta-list,.dg>.meta-list,.data-mapel>.meta-list,.tahun-ajaran>.meta-list{justify-content:center}.data-mapel>.toolbar:not(.right){justify-content:center}@media(max-width:640px){.dg-cta{flex-wrap:wrap}.dg-cta .btn{flex:1 1 auto}}.rr-judul{padding:.6rem .85rem;font-size:var(--t-sm);font-weight:700;color:var(--ink-600);background:var(--green-050);border-bottom:1px solid var(--line);position:sticky;left:0}.rr-bungkus table.grid.rekap-rinci .rr-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:640px){.chips.saring-peran{flex-direction:column;align-items:stretch;gap:.4rem}.saring-peran .saring-lbl{padding-left:.15rem}.saring-peran .seg-track{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;border-radius:14px;padding:.3rem}.saring-peran .seg-track::-webkit-scrollbar{display:none}.saring-peran .seg-track .chip{flex:0 0 auto;white-space:nowrap}}.brand-lambang{border-radius:13px;padding:2px;overflow:hidden}.app-header .brand-logo{width:100%;height:100%;object-fit:contain;display:block}.sn-lambang{border-radius:11px;padding:2px;overflow:hidden}.sn-lambang img{width:100%;height:100%;object-fit:contain;display:block}@media(max-width:860px){.app-header .brand-logo{width:100%;height:100%}}@media(max-width:560px){.brand-lambang{border-radius:13px;padding:2px}.app-header .brand-logo{width:100%;height:100%}}html[data-tema=gelap] body .brand-lambang,html[data-tema=gelap] body .sn-lambang{background:#f6faf5;box-shadow:inset 0 0 0 1px #ffffff24,0 1px 3px #00000059}.brand-home{gap:.8rem;padding:.2rem .55rem .2rem .2rem;border-radius:14px}.brand-lambang{width:48px;height:48px;border-radius:14px}.brand-teks{display:flex;flex-direction:column;gap:.12rem;min-width:0;text-align:left;line-height:1.15}.brand-nama{flex-direction:row;flex-wrap:nowrap;gap:.34em;white-space:nowrap;font-size:var(--t-md);font-weight:800;letter-spacing:.06em;line-height:1.15;color:var(--green-900)}.brand-nama b{font-weight:800}.brand-nama-aksen{letter-spacing:.06em;color:var(--green-600)}.brand-motto{flex-direction:row;gap:.3em;white-space:nowrap;font-size:var(--t-xs);font-weight:500;letter-spacing:.005em;line-height:1.2;color:var(--ink-400)}@media(max-width:1100px){.brand-motto{display:none}}@media(max-width:860px){.brand-teks{display:none}.brand-home{padding:.2rem}.brand-lambang{width:44px;height:44px;border-radius:13px}}.cari-button,.bell-button,.app-header .unit-button,.app-header .user-button{background:var(--paper);border:1px solid var(--tn-garis);box-shadow:0 1px 2px #10281c0d;color:var(--ink-600);transition:border-color .18s var(--ease),box-shadow .18s var(--ease),color .18s var(--ease)}.cari-button:hover,.cari-button:focus-visible,.bell-button:hover,.app-header .unit-button:hover,.app-header .user-button:hover,.app-header .unit-button[aria-expanded=true],.app-header .user-button[aria-expanded=true]{background:var(--paper);border-color:var(--tn-mint-2);box-shadow:0 3px 10px #10281c14;color:var(--ink-900)}.cari-button .kbd{background:#f4f7f5;border:1px solid var(--tn-garis);color:var(--ink-400)}.cari-button:hover .kbd{background:var(--tn-mint);border-color:var(--tn-mint-2)}.clock .jam{font-size:var(--t-md);font-weight:700}.clock .hari,.clock .zona{font-weight:600}.clock .ic{width:30px;height:30px}.clock .ic svg.jam-muka{width:28px;height:28px}@media(max-width:560px){.clock,.clock:hover{background:var(--paper);border:1px solid var(--tn-garis);box-shadow:0 1px 2px #10281c0d}}.ln-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap;padding:.55rem .75rem .55rem .9rem;margin:0 0 1rem;background:#ffffffd1;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 1px 2px #10281c0a}.ln-status{display:flex;align-items:center;gap:.6rem .9rem;flex-wrap:wrap;min-width:0;flex:1 1 16rem}.ln-status .save-state{margin:0}.ln-status .muted.small{flex-basis:100%;line-height:1.45}.ln-aksi{display:flex;align-items:center;gap:.5rem;flex:none;margin-left:auto}.ln-aksi .btn{white-space:nowrap}.aksi-lain.berlabel{gap:.35rem;padding:.48rem .7rem .48rem .95rem;font-size:var(--t-sm);font-weight:600;line-height:1.2;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper);color:var(--ink-800);box-shadow:var(--sh-1)}.aksi-lain.berlabel:hover,.aksi-lain.berlabel[aria-expanded=true]{background:var(--green-050);border-color:var(--green-300);color:var(--green-800)}.aksi-lain.berlabel .caret{width:14px;height:14px;display:block;transition:transform .16s var(--ease)}.aksi-lain.berlabel[aria-expanded=true] .caret{transform:rotate(180deg)}.chips.pita-kolom{margin-bottom:.85rem}@media(max-width:640px){.chips.pita-kolom{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.chips.pita-kolom::-webkit-scrollbar{display:none}.chips.pita-kolom>*{flex:none}.chips.pita-kolom>span:first-child{white-space:nowrap}.ln-bar{padding:.5rem .6rem;gap:.5rem}.ln-status{gap:.5rem;flex-wrap:nowrap}.ln-status .save-state{order:0;width:auto;margin-bottom:0;min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;line-height:1.5}.ln-status .save-state:before{display:inline-block;vertical-align:middle;margin-right:.4rem}.ln-status .muted.small{white-space:normal}.ln-aksi{width:100%;margin-left:0}.ln-aksi .btn,.ln-aksi .aksi-lain.berlabel{flex:1 1 auto;justify-content:center}.ln-aksi .btn[data-uji=kirim]{flex-grow:2}}@media(max-width:720px){table.grid th.name,table.grid td.name,table.grid thead tr:nth-child(2) th:nth-child(2){width:140px;max-width:140px}table.grid.nilai td.name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;padding-left:.5rem;padding-right:.5rem;overflow-wrap:anywhere}}.wawasan-kartu.tenggat .wawasan-tenggat b{font-size:1.85rem;letter-spacing:-.01em}.wawasan-kartu.tenggat .wawasan-tenggat span{font-size:var(--t-sm);font-weight:600}.dg-alat{margin:0;padding:.7rem .8rem;background:#ffffffc7;border:1px solid var(--tn-garis);border-bottom:0;border-radius:16px 16px 0 0}.dg-alat+.saring-tabel>.saring-bar{max-width:none;margin:0 0 1.25rem;padding:.42rem .85rem .42rem .8rem;border:1px solid var(--tn-garis);border-radius:0 0 16px 16px;background:#ffffffc7;box-shadow:0 1px 2px #10281c0d,0 10px 30px -18px #10281c38}.dg-alat+.saring-tabel>.saring-bar:focus-within{border-color:var(--green-300);box-shadow:0 0 0 3px #2f8b521f,0 10px 30px -18px #10281c38}.dg-alat+.saring-tabel>.saring-bar{border-top-color:var(--tn-garis-2)}@media(max-width:640px){.dg-alat{padding:.6rem .65rem;gap:.5rem}.dg-alat+.saring-tabel>.saring-bar{padding-inline:.7rem}}@media(max-width:560px){.dg-konteks{flex-direction:column;align-items:stretch;gap:.4rem}.dg-pil{justify-content:flex-start}}.ig{display:flex;flex-direction:column;gap:.75rem}.ig-kepala{display:flex;align-items:center;justify-content:space-between;gap:.6rem 1rem;flex-wrap:wrap}.ig-petunjuk{font-size:var(--t-sm);color:var(--ink-600);line-height:1.45}.ig-format{flex:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--t-2xs);font-weight:700;letter-spacing:.02em;padding:.28rem .6rem;border-radius:8px;background:var(--green-050);color:var(--green-800);border:1px solid var(--green-100)}.ig-kotak{border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:var(--paper);transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.ig-kotak:focus-within{border-color:var(--green-500);box-shadow:0 0 0 3px #2f8b521f}.ig-kotak.sorot{border-color:var(--green-500);border-style:dashed;background:var(--green-050)}.ig-teks{display:block;width:100%;min-height:190px;resize:vertical;border:0;outline:0;background:transparent;box-shadow:none;padding:.85rem 1rem;margin:0;font:inherit;font-size:var(--t-sm);line-height:1.6;color:var(--ink-900);font-variant-numeric:tabular-nums}.ig-teks::placeholder{color:var(--ink-400);opacity:.75}.ig-teks:focus,.ig-teks:focus-visible{outline:0;box-shadow:none;border:0}.ig-berkas{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding:.6rem .9rem;border-top:1px dashed var(--line-2);background:#fbfdfb;font-size:var(--t-xs);color:var(--ink-600)}.ig-kotak.sorot .ig-berkas{background:transparent;border-top-color:var(--green-300)}.ig-berkas-ikon{width:18px;height:18px;flex:none;color:var(--green-700)}.ig-berkas-teks{flex:1 1 auto;min-width:0}.ig-berkas-jenis{flex:none;color:var(--ink-400);font-variant-numeric:tabular-nums;letter-spacing:.01em}.ig-pilih{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;font-size:inherit;font-weight:700;color:var(--green-700);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--green-300);border-radius:4px}.ig-pilih:hover{color:var(--green-800);text-decoration-color:currentColor}.ig-pilih:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}.ig-hitung{display:flex;align-items:center;gap:.5rem;margin:0;font-size:var(--t-sm);color:var(--ink-400)}.ig-hitung:before{content:"";width:8px;height:8px;border-radius:50%;flex:none;background:var(--ink-200);transition:background .16s var(--ease)}.ig-hitung.ada{color:var(--green-800);font-weight:600}.ig-hitung.ada:before{background:var(--green-600);box-shadow:0 0 0 3px #2f8b5224}.ig-hitung-pisah{color:var(--ink-400);font-weight:400;margin:0 .15rem}.ig-catatan{display:flex;gap:.65rem;align-items:flex-start;padding:.7rem .85rem;border-radius:12px;background:var(--green-050);border:1px solid var(--green-100)}.ig-catatan svg{width:18px;height:18px;flex:none;margin-top:.1rem;color:var(--green-700)}.ig-catatan p{margin:0;font-size:var(--t-xs);line-height:1.55;color:var(--ink-600)}@media(max-width:560px){.ig-kepala{flex-direction:column;align-items:flex-start;gap:.4rem}.ig-teks{min-height:150px}.ig-berkas-jenis{flex-basis:100%}}.ds-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 1rem;background:#ffffffd1;border:1px solid var(--tn-garis);border-radius:16px;box-shadow:0 1px 2px #10281c0d,0 10px 30px -18px #10281c38;overflow:hidden}.ds-info-sel{display:flex;align-items:center;gap:.75rem;min-width:0;padding:.85rem 1rem}.ds-info-sel+.ds-info-sel{border-left:1px solid var(--tn-garis-2)}.ds-info-ikon{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--green-050);color:var(--green-800)}.ds-info-ikon svg{width:18px;height:18px}.ds-info-teks{display:flex;flex-direction:column;gap:.12rem;min-width:0;line-height:1.2}.ds-info-teks small{font-size:var(--t-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400)}.ds-info-teks b{font-size:var(--t-md);font-weight:800;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-info-teks b.ds-info-kosong{color:var(--ink-400);font-weight:600;font-style:italic}.ds-alat{align-items:center;justify-content:space-between;gap:.6rem .9rem;margin-bottom:1.25rem}.ds-grup{display:inline-flex}.ds-grup .btn{border-radius:0;margin:0}.ds-grup .btn:first-child{border-radius:var(--r-pill) 0 0 var(--r-pill)}.ds-grup .btn:last-child{border-radius:0 var(--r-pill) var(--r-pill) 0;margin-left:-1px}.ds-grup .btn:hover,.ds-grup .btn:focus-visible{position:relative;z-index:1}.ds-kanan{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto}.ds-alat .btn .ic,.ds-alat .aksi-lain .ic{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:.1rem}.ds-alat .btn .ic svg,.ds-alat .aksi-lain .ic svg{width:16px;height:16px}.ds-alat .aksi-lain.berlabel{padding-left:.8rem}@media(max-width:720px){.ds-info{grid-template-columns:1fr}.ds-info-sel+.ds-info-sel{border-left:0;border-top:1px solid var(--tn-garis-2)}.ds-info-sel{padding:.7rem .9rem}}@media(max-width:640px){.ds-alat{flex-direction:column;align-items:stretch}.ds-grup{width:100%}.ds-kanan{width:100%;margin-left:0}.ds-grup,.ds-kanan{flex-direction:column;align-items:stretch}.ds-grup .btn,.ds-kanan .btn,.ds-kanan .aksi-lain.berlabel{flex:none;width:100%;justify-content:center}.ds-grup .btn:first-child{border-radius:var(--r-pill) var(--r-pill) 0 0}.ds-grup .btn:last-child{border-radius:0 0 var(--r-pill) var(--r-pill);margin:-1px 0 0}}.ds-alat+.saring-tabel>.saring-bar{max-width:none}.bell-item .ico.angka{min-width:40px;width:auto;height:34px;padding:0 .45rem;font-size:var(--t-sm);font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1;color:var(--green-800);background:var(--green-050);border:1px solid var(--green-100)}.bell-item.warn .ico.angka{color:var(--warn);background:var(--warn-bg);border-color:#f3e2b8}.bell-item.ok .ico.angka{color:var(--ok);background:var(--ok-bg);border-color:#cfe9d5}.bell-item.danger .ico.angka{color:var(--danger);background:var(--danger-bg);border-color:#f0c8c3}.bell-item .t-angka{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bell-item.warn.unread{background:#fffcf5;box-shadow:inset 3px 0 #d99a1e}.bell-item.ok.unread{background:#f6fbf7;box-shadow:inset 3px 0 0 var(--green-600)}.bell-item .body{gap:.15rem}.bell-item .t{line-height:1.3}.bell-item .sub{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--t-xs);line-height:1.4;color:var(--ink-400)}.bell-item .sub .d{color:var(--ink-600)}.bell-item .sub .sep{color:var(--ink-300)}.bell-item{flex-wrap:wrap;row-gap:.5rem}.bell-item .body{flex:1 1 0;min-width:0}.bell-item .kaki{flex:1 0 100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-left:calc(34px + .75rem)}.bell-item .kaki .w{margin-left:auto}.bell-item .cta{display:inline-flex;align-items:center;gap:.2rem;padding:.28rem .55rem .28rem .7rem;border-radius:var(--r-pill);font-size:var(--t-2xs);font-weight:700;letter-spacing:.01em;white-space:nowrap;color:var(--green-800);background:var(--green-050);border:1px solid var(--green-100);transition:background .14s var(--ease),border-color .14s var(--ease)}.bell-item .cta svg{width:12px;height:12px}.bell-item:hover .cta{background:var(--green-100);border-color:var(--green-300)}.bell-item.warn .cta{color:var(--warn);background:var(--warn-bg);border-color:#f3e2b8}.bell-item.warn:hover .cta{background:#fbecc9;border-color:#e6c77a}.bell-item.ok .cta{color:var(--ok);background:var(--ok-bg);border-color:#cfe9d5}.bell-item.ok:hover .cta{background:#d9efdf;border-color:#a9d8b5}.bell-grup{display:block;padding:.5rem 1rem .3rem;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);background:var(--canvas);border-bottom:1px solid var(--line)}.bell-item+.bell-grup{border-top:1px solid var(--line)}.bell-item.padat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:.75rem;row-gap:.25rem;align-items:center}.bell-item.padat .ico{grid-row:1 / 3;grid-column:1}.bell-item.padat .body{display:contents}.bell-item.padat .t{grid-row:1;grid-column:2 / 4}.bell-item.padat .sub{grid-row:2;grid-column:2}.bell-item.padat .kaki{grid-row:2;grid-column:3;flex:none;padding-left:0}.bell-item.unread .t:after{content:none}html[data-tema=gelap] body .bell-item.warn.unread{background:#1f1b0e}@media(min-width:768px){.bell-drop{width:min(400px,calc(100vw - 2rem))}}.kerangka{max-width:940px;margin:0 auto}.bento>.kerangka{grid-column:1 / -1;width:100%}.kerangka-teks{margin:0 0 .9rem}.kerangka-petak{display:grid;grid-template-columns:repeat(auto-fit,194px);gap:1.15rem;justify-content:center}.kerangka-ubin-satu{width:194px;height:194px;border-radius:var(--r-lg);background:var(--tile);border:1px solid var(--line);background-image:linear-gradient(100deg,transparent 18%,rgba(47,139,82,.16) 42%,transparent 62%);background-size:250% 100%;animation:shimmer 1.3s linear infinite}.kerangka-ubin-satu:nth-child(2){animation-delay:.08s}.kerangka-ubin-satu:nth-child(3){animation-delay:.16s}.kerangka-ubin-satu:nth-child(4){animation-delay:.24s}.kerangka-ubin-satu:nth-child(5){animation-delay:.32s}.kerangka-ubin-satu:nth-child(6){animation-delay:.4s}.kerangka-petak.tinggi .kerangka-ubin-satu{height:297px}.kerangka-kepala,.kerangka-baris{border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line);background-image:linear-gradient(100deg,transparent 18%,rgba(47,139,82,.16) 42%,transparent 62%);background-size:250% 100%;animation:shimmer 1.3s linear infinite}.kerangka-kepala{height:38px;background-color:var(--green-050);margin-bottom:.45rem}.kerangka-baris{height:30px;margin-bottom:.3rem}.kerangka-baris:nth-child(odd){animation-delay:.1s}@media(max-width:640px){.kerangka-petak{grid-template-columns:1fr 1fr;gap:.8rem}.kerangka-ubin-satu{width:auto;height:152px}.kerangka-petak.tinggi .kerangka-ubin-satu{height:196px}}@media(prefers-reduced-motion:reduce){.kerangka-ubin-satu,.kerangka-kepala,.kerangka-baris,.skeleton .bar{animation:none}}.btn,.tile,.chip,.bell-button,.user-button,.btn-login,button,[role=button],a.tile,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(hover:none){.btn:hover:not(:disabled){background:var(--paper);border-color:var(--line);color:var(--ink-900);box-shadow:none}.tile:hover{box-shadow:var(--sh-1);border-color:var(--line)}.tile:hover:after{opacity:0}table.grid tbody tr:hover td{background:inherit}.bell-item:hover{background:none}.bell-item.unread:hover{background:#f7fcf8}.tile:active{transform:scale(.985);box-shadow:var(--sh-1)}}.tabel-gulung,.saring-tabel,.gulung,.chips.pita-kolom{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}html[data-tema=gelap] body{background:radial-gradient(1100px 520px at 88% -12%,#142419 0%,transparent 62%),radial-gradient(900px 480px at -10% 30%,#142419 0%,transparent 60%),radial-gradient(760px 420px at -8% 108%,#34290f 0%,transparent 58%),var(--canvas)}html[data-tema=gelap] table.grid td.calc,html[data-tema=gelap] table.grid td.disabled{background:var(--paper)!important}html[data-tema=gelap] table.grid input[type=number]:hover{background:var(--paper)}html[data-tema=gelap] table.grid input[type=number]:focus{background:var(--paper)}html[data-tema=gelap] .field input,html[data-tema=gelap] .field select,html[data-tema=gelap] .field textarea{background:var(--paper)}html[data-tema=gelap] .field input:focus,html[data-tema=gelap] .field select:focus,html[data-tema=gelap] .field textarea:focus{background:var(--paper)}html[data-tema=gelap] .field input:disabled,html[data-tema=gelap] .field select:disabled{background:var(--paper)}html[data-tema=gelap] .dropzone{background:var(--paper)}html[data-tema=gelap] .reset-panel{background:linear-gradient(180deg,#3a1a17,#3a1a17)}html[data-tema=gelap] .to-top{background:#0f1913eb}html[data-tema=gelap] .to-top:hover,html[data-tema=gelap] .bell-item.unread{background:var(--paper)}html[data-tema=gelap] .back-btn:after{background:radial-gradient(circle at 18% 50%,rgba(15,25,19,.8),transparent 60%)}html[data-tema=gelap] .status-tag.no{background:#3a1a17}html[data-tema=gelap] .clock,html[data-tema=gelap] .cari-item.on .ic{background:var(--paper)}html[data-tema=gelap] table.grid tbody tr:nth-child(2n) td:first-child,html[data-tema=gelap] table.grid tbody tr:nth-child(2n) td.name{background:var(--paper)}html[data-tema=gelap] table.grid td.fokus-kolom,html[data-tema=gelap] .stat-card.awas{background:var(--paper)}html[data-tema=gelap] .status-tag.awas{background:#3a1a17}html[data-tema=gelap] .aksi-menu button.danger:hover{background:#3a1a17}html[data-tema=gelap] .gw-kolom input{background:var(--paper)}html[data-tema=gelap] .gw-kolom input:focus{background:var(--paper)}html[data-tema=gelap] .predikat,html[data-tema=gelap] .chips .chip.ulang,html[data-tema=gelap] .pita-sah,html[data-tema=gelap] .pita-sah.s-submitted,html[data-tema=gelap] .pita-sah.s-rejected,html[data-tema=gelap] .la-tanda,html[data-tema=gelap] .la-titik.kini .la-tanda,html[data-tema=gelap] .la-kini,html[data-tema=gelap] .sorot.baik,html[data-tema=gelap] .sorot.perhatian,html[data-tema=gelap] .pd-bagian.buka .pd-kepala,html[data-tema=gelap] .pd-jml{background:var(--paper)}html[data-tema=gelap] table.grid td.sel-kosong{background:#34290f!important}html[data-tema=gelap] .ket-kosong,html[data-tema=gelap] .alat-kosong .ak-tanda,html[data-tema=gelap] .kl-bar{background:#34290f}html[data-tema=gelap] .tg-sisa{background:var(--paper)}html[data-tema=gelap] .app{background-image:linear-gradient(180deg,#0f1913eb 0% 30%,#0f1913eb 62% 100%),url(./gedung.webp)}html[data-tema=gelap] .sn-item:hover{background:#0f1913bf}html[data-tema=gelap] .sn-item.aktif{background:linear-gradient(120deg,var(--green-100),rgba(15,25,19,.5))}html[data-tema=gelap] table.grid tbody tr:nth-child(2n) td{background:var(--paper)}html[data-tema=gelap] table.grid tbody tr:hover td,html[data-tema=gelap] .lc-rapor.kurang,html[data-tema=gelap] .lc-kelompok{background:var(--paper)}html[data-tema=gelap] .user-drop{background:#0f1913e0}html[data-tema=gelap] .user-drop .danger:hover{background:var(--paper)}html[data-tema=gelap] .user-drop .sep{background:#0f191399}html[data-tema=gelap] .app{background-image:linear-gradient(180deg,#0f1913eb,#0f1913e8 38%,#0f1913eb 72% 100%),url(./gedung.webp)}html[data-tema=gelap] .detail-sandi-nilai code{background:var(--paper)}html[data-tema=gelap] .ringkas-item{background:linear-gradient(180deg,#0f1913eb,#0f1913eb)}html[data-tema=gelap] .ringkas-item.awas{background:var(--paper)}html[data-tema=gelap] .tile.icon .glyph,html[data-tema=gelap] .tugas.beres{background:var(--paper)}html[data-tema=gelap] table.grid thead tr:first-child th{background:linear-gradient(180deg,var(--green-100),#142419)}html[data-tema=gelap] table.grid td.calc{background:#142419!important}html[data-tema=gelap] table.grid td.calc.below{background:#3a1a17!important}html[data-tema=gelap] table.grid tbody tr:hover td.calc{background:#142419!important}html[data-tema=gelap] .predikat.p-b{background:linear-gradient(150deg,#142419,var(--green-100))}html[data-tema=gelap] .predikat.p-c{background:linear-gradient(150deg,#34290f,var(--gold-100))}html[data-tema=gelap] .predikat.p-d{background:linear-gradient(150deg,#34290f,var(--danger-bg))}html[data-tema=gelap] .saring-peran .seg-track{background:var(--paper)}html[data-tema=gelap] .saring-peran .seg-track .chip:hover{background:#0f19138c}html[data-tema=gelap] .saring-tabel .saring-bar{background:var(--paper)}html[data-tema=gelap] .saring-tabel table.list tbody tr:nth-child(2n) td{background:var(--paper)}html[data-tema=gelap] .saring-tabel table.list tbody tr:hover td,html[data-tema=gelap] table.list .act-dok .dok-btn,html[data-tema=gelap] table.list .act-dok .dok-btn:hover{background:var(--paper)}html[data-tema=gelap] .dialog:has(.detail-akun) .dialog-head{background:var(--paper)}html[data-tema=gelap] .detail-sandi{background:var(--paper)}html[data-tema=gelap] .detail-sandi:has([data-uji=sandi-bawaan]){background:linear-gradient(180deg,#34290f,#34290f)}html[data-tema=gelap] .detail-sandi-nilai code,html[data-tema=gelap] .detail-identitas .detail-baris dd code,html[data-tema=gelap] .stat-card,html[data-tema=gelap] .stat-card.awas{background:var(--paper)}html[data-tema=gelap] .bar-track{background:var(--paper)}html[data-tema=gelap] .bar-isi:after{background:linear-gradient(180deg,rgba(15,25,19,.38),transparent)}html[data-tema=gelap] .bar-item.awas .bar-track{background:#34290f}html[data-tema=gelap] .tahun-ajaran .kunci-toggle.terbuka{background:linear-gradient(180deg,#142419,#142419)}html[data-tema=gelap] .tahun-ajaran .kunci-toggle.terkunci{background:linear-gradient(180deg,#34290f,#34290f)}html[data-tema=gelap] .kenaikan-gembok{background:#3a1a17}html[data-tema=gelap] .kenaikan-gembok .kg-ikon,html[data-tema=gelap] .meta-list div,html[data-tema=gelap] .score-bars .score-bar.bisa-buka,html[data-tema=gelap] .score-bar.bisa-buka .tag{background:var(--paper)}html[data-tema=gelap] .score-bar .out{background:#0f1913b8}html[data-tema=gelap] .score-bars .score-bar.total,html[data-tema=gelap] .score-bar.total .out{background:var(--paper)}html[data-tema=gelap] .tautan-sanggah{background:#0f191399}html[data-tema=gelap] .data-mapel .toolbar{background:linear-gradient(180deg,#0f1913b8,#0f19138f)}html[data-tema=gelap] .pakai-tanda.ya{background:linear-gradient(180deg,#142419,#142419)}html[data-tema=gelap] .pakai-tanda.belum,html[data-tema=gelap] .aksi-lain,html[data-tema=gelap] .aksi-lain:hover{background:var(--paper)}html[data-tema=gelap] .pilih-semester .ps-btn.aktif .ps-kini{background:#0f191359}html[data-tema=gelap] .rr-bungkus,html[data-tema=gelap] table.grid.rekap-rinci .rr-no,html[data-tema=gelap] table.grid.rekap-rinci .rr-nama{background:var(--paper)}html[data-tema=gelap] table.grid.rekap-rinci tbody tr:nth-child(2n) td{background:var(--paper)}html[data-tema=gelap] table.grid.rekap-rinci tbody tr:nth-child(2n) td.rr-no,html[data-tema=gelap] table.grid.rekap-rinci tbody tr:nth-child(2n) td.rr-nama{background:var(--paper)}html[data-tema=gelap] .gp-bidang,html[data-tema=gelap] .gp-panel .gp-bidang,html[data-tema=gelap] .gp-tutup,html[data-tema=gelap] .gp-stat{background:var(--paper)}html[data-tema=gelap] .panel.rapor-atur input:focus-visible,html[data-tema=gelap] .panel.bobot .bobot-isian:focus-visible{background:var(--paper)}html[data-tema=gelap] .wg-meter.on,html[data-tema=gelap] .stat-card,html[data-tema=gelap] .ringkas-item{background:var(--paper)}html[data-tema=gelap] .stat-card.awas .stat-glyph,html[data-tema=gelap] .ringkas-item.awas .rg-ic{background:linear-gradient(150deg,#3a1a17,#34290f)}html[data-tema=gelap] .tile.icon .glyph{background:radial-gradient(120% 90% at 30% 20%,rgba(15,25,19,.75),transparent 60%),linear-gradient(150deg,var(--green-100),var(--green-200))}html[data-tema=gelap] table.list thead th,html[data-tema=gelap] table.list tbody tr:hover td{background:var(--paper)}html[data-tema=gelap] .und-status.warn,html[data-tema=gelap] .und-salin.warn,html[data-tema=gelap] .und-pil.warn{background:#3a1a17}html[data-tema=gelap] .und-langkah span{background:#0f19138c}html[data-tema=gelap] .dg-stat.peringatan{background:#3a1a17}html[data-tema=gelap] .dg .saring-tabel table.list tbody tr:hover td{background:var(--paper)}html[data-tema=gelap] .dg-avatar.r1{background:#14202b}html[data-tema=gelap] .dg-avatar.r2{background:#34290f}html[data-tema=gelap] .dg-avatar.r3{background:#3a1a17}html[data-tema=gelap] .side{background:#0f1913b8}html[data-tema=gelap] .sn-lambang{background:var(--paper)}html[data-tema=gelap] .sn-item.aktif{background:#0f1913b3}html[data-tema=gelap] .app-header{background:#0f1913d1}html[data-tema=gelap] .brand-lambang{background:var(--paper)}html[data-tema=gelap] .clock{background:#0f1913cc}html[data-tema=gelap] .cari-button,html[data-tema=gelap] .bell-button:hover,html[data-tema=gelap] .app-header,html[data-tema=gelap] .brand-lambang,html[data-tema=gelap] .clock,html[data-tema=gelap] .clock:hover{background:var(--paper)}html[data-tema=gelap] .cari-button:hover,html[data-tema=gelap] .cari-button:focus-visible{background:var(--paper)}html[data-tema=gelap] .bell-button,html[data-tema=gelap] .bell-button:hover,html[data-tema=gelap] .app-header .unit-button,html[data-tema=gelap] .app-header .user-button,html[data-tema=gelap] .app-header .unit-button:hover,html[data-tema=gelap] .app-header .user-button:hover{background:var(--paper)}html[data-tema=gelap] .ringkas-item.awas .rg-ic{background:linear-gradient(150deg,#34290f,#3a1a17)}html[data-tema=gelap] .stat-card.awas .stat-glyph{background:#34290f}html[data-tema=gelap] .tile.block.pilih-level.kosong .pl-angka,html[data-tema=gelap] .pilih-sem .ps-cincin,html[data-tema=gelap] .ka-tabs,html[data-tema=gelap] .ka-tab.on{background:var(--paper)}html[data-tema=gelap] .ka-tab-n{background:#34290f}html[data-tema=gelap] .srl-lencana.mati{background:#3a1a17}html[data-tema=gelap] .srl-angka-sel,html[data-tema=gelap] .srl-angka-sel.awas{background:var(--paper)}html[data-tema=gelap] .srl-jejak-baris:nth-child(odd){background:var(--paper)}html[data-tema=gelap] .srl-jejak-buang:hover,html[data-tema=gelap] .srl-jejak-kaki .link-btn.danger:hover{background:var(--danger-bg, #3a1a17)}html[data-tema=gelap] .srl-basi{background:#3a1a17}html[data-tema=gelap] .krk-tab-btn,html[data-tema=gelap] input.krk-kotak,html[data-tema=gelap] .krk-kunci,html[data-tema=gelap] .krk-kunci i,html[data-tema=gelap] table.krk-kisi .krk-lekat{background:var(--paper)}html[data-tema=gelap] table.krk-kisi tbody tr:nth-child(2n) td.krk-lekat{background:var(--paper)}html[data-tema=gelap] table.krk-kisi .krk-keadaan{background:var(--paper)}html[data-tema=gelap] table.krk-kisi tbody tr:nth-child(2n) td.krk-keadaan{background:var(--paper)}html[data-tema=gelap] .krk-daftar,html[data-tema=gelap] .krk-titik,html[data-tema=gelap] .krk-form{background:var(--paper)}html[data-tema=gelap] .krk-segmen-skala>button i{background:var(--paper)}html[data-tema=gelap] .krk-segmen-skala>button.aktif i{background:#0f191359}html[data-tema=gelap] .rk-segmen button.aktif,html[data-tema=gelap] .rk-ikon,html[data-tema=gelap] .rk-banner,html[data-tema=gelap] .rk-cari-kotak,html[data-tema=gelap] .rk-chip{background:var(--paper)}html[data-tema=gelap] .rk-chip.aktif b{background:#0f191359}html[data-tema=gelap] .rk-kartu{background:var(--paper)}html[data-tema=gelap] .tahun-button.arsip,html[data-tema=gelap] .tahun-button.arsip:hover,html[data-tema=gelap] .pita-arsip{background:#34290f}html[data-tema=gelap] .pita-arsip-kembali{background:var(--paper)}html[data-tema=gelap] .pita-arsip-kembali:hover,html[data-tema=gelap] .gp-lencana.turun{background:#34290f}html[data-tema=gelap] .impor-awas{background:#3a1a17}html[data-tema=gelap] .impor-tanda{background:#34290f}html[data-tema=gelap] .wawasan-pil.ok{background:#142419}html[data-tema=gelap] .wawasan-pil.awas,html[data-tema=gelap] .wawasan-pil.kritis{background:#3a1a17}html[data-tema=gelap] .wawasan-baris .wawasan-batang,html[data-tema=gelap] .wawasan-kartu.tenggat .wawasan-catat,html[data-tema=gelap] .app{background:var(--paper)}html[data-tema=gelap] .card,html[data-tema=gelap] .panel,html[data-tema=gelap] .rk-kartu,html[data-tema=gelap] .rk-banner,html[data-tema=gelap] .wawasan-kartu,html[data-tema=gelap] .rr-bungkus,html[data-tema=gelap] .table-wrap,html[data-tema=gelap] .gp-panel{background:#0f1913d1}html[data-tema=gelap] .tile,html[data-tema=gelap] .stat-card,html[data-tema=gelap] .gw-kartu,html[data-tema=gelap] .krk-ringkas{background:#0f1913db}html[data-tema=gelap] .lg-kendali{background:#0f1913c7}html[data-tema=gelap] .side{background:#0f1913bd}html[data-tema=gelap] .lk-kartu,html[data-tema=gelap] .lk-aksi .btn,html[data-tema=gelap] .lk-baris .pita-sah .btn,html[data-tema=gelap] .lk-kartu .kl-bar{background:var(--paper)}html[data-tema=gelap] .ln-bar{background:#0f1913d1}html[data-tema=gelap] .dg-alat{background:#0f1913c7}html[data-tema=gelap] .dg-alat+.saring-tabel>.saring-bar{background:#0f1913c7}html[data-tema=gelap] .ig-berkas{background:var(--paper)}html[data-tema=gelap] .ds-info{background:#0f1913d1}html[data-tema=gelap] .bell-item.warn.unread{background:#3a1a17}html[data-tema=gelap] .bell-item.ok.unread{background:var(--paper)}html[data-tema=gelap] .bell-item.warn:hover .cta{background:#34290f}html[data-tema=gelap] .bell-item.ok:hover .cta{background:#142419}@media(max-width:1023px){html[data-tema=gelap] .rk-tabel th:first-child,html[data-tema=gelap] .rk-tabel td:first-child{background:var(--paper)}}@media(max-width:560px){html[data-tema=gelap] .app-header{background:#0f1913e0}html[data-tema=gelap] .clock,html[data-tema=gelap] .clock:hover{background:var(--paper)}}@media(hover:none){html[data-tema=gelap] .bell-item.unread:hover{background:var(--paper)}}