.tk-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--r-sm);font-size:13px;line-height:1.55}.tk-banner>.ti{font-size:18px;margin-top:1px}.tk-banner.t-info{border:1px solid var(--info)}.tk-banner.t-ok{border:1px solid var(--ok)}.tk-banner.t-bad{border:1px solid var(--bad)}.tk-banner.t-warn{border:1px solid var(--warn)}.tk-kepala-kartu{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}.tk-kepala-kartu h2{font-size:14.5px;font-weight:600}.tk-kepala-kartu span{font-size:12px;color:var(--ink2)}.tk-form{display:grid;grid-template-columns:minmax(0,1fr) 180px 170px 170px;gap:10px}@media (max-width: 900px){.tk-form{grid-template-columns:1fr}}.tk-label{display:block;font-size:12px;font-weight:500;color:var(--ink2);margin-bottom:4px}.tk-editor{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.tk-editor:focus-within{border-color:var(--accent)}.tk-editor-tab{display:flex;align-items:center;gap:2px;padding:4px;background:var(--line2)}.tk-editor-tab button{padding:6px 12px;border-radius:var(--r-sm);font-size:12.5px;font-weight:600;color:var(--ink2)}.tk-editor-tab button[aria-selected=true]{background:var(--surface);color:var(--ink)}.tk-editor-tab button:focus-visible,.tk-tautan:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tk-editor-tab small{margin-left:auto;padding-right:8px;font-size:11.5px;color:var(--ink2)}.tk-editor textarea{display:block;width:100%;border:0;border-radius:0;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.tk-editor-pratinjau{min-height:200px;padding:12px 14px}.tk-kotak{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--ink3);border-radius:var(--r-sm);font-size:12.5px;color:var(--ink2)}.tk-kotak.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-tua)}.tk-tautan{color:var(--accent-tua);font-weight:600;text-decoration:underline;text-align:left}.tk-berkas{display:grid;gap:4px}.tk-berkas li{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}.tk-berkas .nama{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk-berkas .ket{margin-left:auto;font-size:11.5px;color:var(--ink2);white-space:nowrap}.tk-galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,200px));gap:12px}.tk-galeri figcaption{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11.5px;color:var(--ink2)}.tk-riwayat{display:grid;gap:12px;margin-left:6px;padding-left:16px;border-left:2px solid var(--line)}.tk-riwayat li{position:relative;font-size:13px}.tk-riwayat li:before{content:"";position:absolute;left:-22px;top:6px;width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px var(--surface)}.tk-riwayat small{display:block;margin-top:2px;font-size:12px;color:var(--ink2)}.tbl tbody tr.tk-ceo td:first-child{box-shadow:inset 3px 0 0 var(--warn)}.tbl tbody tr.tk-ring1 td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.tbl tbody tr.tk-ceo{background:var(--warn-soft)}.tk-hari{max-height:46rem;overflow-y:auto}.tk-hari li{padding:10px 18px;border-bottom:1px solid var(--line2);font-size:13.5px}.tk-hari li:last-child{border-bottom:0}.pg .card.pad{padding:18px}.pg .empty{text-align:center;padding:46px 20px;color:var(--ink2)}.pg .empty .e-ic{width:54px;height:54px;border-radius:var(--r);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 12px}.pg .empty h4{font-size:15px;color:var(--ink);font-weight:600;margin-bottom:4px}.pg .empty p{font-size:13px;max-width:340px;margin:0 auto 14px}.pg .catatan{font-size:12.5px;color:var(--ink3)}.pg .sub-h{font-size:12px;font-weight:600;color:var(--ink2);margin-bottom:6px}.pg .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pg .stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:2px;min-width:0}.pg .stat .k{font-size:12px;color:var(--ink2);font-weight:500}.pg .stat b{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pg .stat .s{font-size:11.5px;color:var(--ink3)}.pg .grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pg .kolom{display:flex;flex-direction:column;gap:14px;min-width:0}.pg .chart-h{margin-bottom:12px}.pg .chart-h h3{font-size:14.5px;font-weight:600;color:var(--ink)}.pg .chart-h p{font-size:12.5px;color:var(--ink2);margin-top:2px}.pg .chart figure{margin:0}.pg .bar{width:100%;min-height:2px;transition:height .18s ease}.pg .rank ul{display:flex;flex-direction:column;gap:8px}.pg .rank li{display:grid;grid-template-columns:minmax(90px,150px) 1fr auto;align-items:center;gap:10px;font-size:12.5px}.pg .prog{display:flex;flex-direction:column;gap:10px}.pg .daftar{display:flex;flex-direction:column}.pg .daftar li{display:grid;grid-template-columns:16px 1fr auto;align-items:baseline;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line2);font-size:13px}.pg .daftar li:last-child{border-bottom:0}.pg .daftar li:hover{background:var(--line2)}.pg .daftar li.kosong{display:block;color:var(--ink3);font-size:12.5px;padding:18px 16px}.pg .papan-warna{width:10px;height:10px;border-radius:3px;flex-shrink:0}.pg .papan-kolom{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px}.pg .pkal-nav{display:flex;align-items:center;gap:8px}.pg .pkal-judul{font-size:14px;font-weight:600;color:var(--ink);min-width:88px;text-align:center}.pg .pkal-wrap{overflow:hidden}.pg .pkal-hari{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line);background:var(--bg)}.pg .pkal-hari span{padding:8px 6px;font-size:11px;font-weight:600;color:var(--ink2);text-align:center}.pg .pkal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.pg .pkal-sel{position:relative;min-height:104px;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:6px;text-align:left;background:var(--surface);display:flex;flex-direction:column;gap:4px;cursor:pointer;font-family:inherit;overflow:hidden}.pg .pkal-sel:nth-child(7n){border-right:0}.pg .pkal-grid>.pkal-sel:nth-last-child(-n+7):nth-child(7n+1){border-bottom-left-radius:calc(var(--r) - 1px)}.pg .pkal-grid>.pkal-sel:last-child{border-bottom-right-radius:calc(var(--r) - 1px)}.pg .pkal-sel.kosong{background:var(--bg);cursor:default}.pg .pkal-sel:not(.kosong):hover{background:var(--line2)}.pg .pkal-sel.pilih{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.pg .pkal-tgl{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink2)}.pg .pkal-sel.kini .pkal-tgl{color:var(--accent-tua);font-weight:700;position:relative;z-index:1}.pg .pkal-sel.kini:before{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--accent-soft)}.pg .pkal-jml{font-style:normal;font-size:10px;font-weight:600;color:var(--ink3)}.pg .pkal-isi{display:flex;flex-direction:column;gap:2px;min-width:0}.pg .pkal-ev{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink2);background:var(--line2);border-radius:4px;padding:2px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg .pkal-ev.ok{background:var(--ok-soft);color:var(--ok-tua)}.pg .pkal-ev i{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pg .pkal-sisa{font-size:10.5px;color:var(--ink3);padding-left:5px}.pg .pkal-legenda{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ink2)}.pg .pkal-lg{display:inline-flex;align-items:center;gap:5px}.pg .pkal-lg i{width:9px;height:9px;border-radius:3px}.pg .status-banner{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r);border:1px solid var(--line)}.pg .status-banner.t-ok{background:var(--ok-soft);border-color:var(--ok-soft);color:var(--ok-tua)}.pg .status-banner.t-warn{background:var(--warn-soft);border-color:var(--warn-soft);color:var(--warn-tua)}.pg .status-banner.t-bad{background:var(--bad-soft);border-color:var(--bad-soft);color:var(--bad-tua)}.pg .status-banner.t-info{background:var(--info-soft);border-color:var(--info-soft);color:var(--info-tua)}.pg .status-banner>div{display:flex;flex-direction:column;min-width:0}.pg .status-banner b{font-size:15px;font-weight:600}.pg .status-banner span{font-size:12.5px;opacity:.85}.pg .status-wkt{margin-left:auto;font-size:11.5px;opacity:.75;white-space:nowrap}.pg .komponen{display:flex;flex-direction:column}.pg .komponen li{padding:13px 16px;border-bottom:1px solid var(--line2);font-size:13px}.pg .komponen li:last-child{border-bottom:0}.pg .komponen-h{display:flex;align-items:center;justify-content:space-between;gap:12px}.pg .komponen-nm{color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis}.pg .uptime{display:flex;gap:2px;margin-top:10px;height:28px;align-items:stretch}.pg .uptime-b{flex:1;min-width:2px;border-radius:2px}.pg .uptime-b:hover{opacity:.7}.pg .uptime-kaki{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;font-size:11px;color:var(--ink3)}.pg .uptime-kaki span:nth-child(2){color:var(--ink2);font-variant-numeric:tabular-nums}.pg .insiden-list{display:flex;flex-direction:column}.pg .insiden{padding:14px 16px;border-bottom:1px solid var(--line2)}.pg .insiden:last-child{border-bottom:0}.pg .insiden-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pg .insiden-h b{font-size:13.5px;color:var(--ink);font-weight:600}.pg .insiden-jadwal{font-size:12px;color:var(--ink2);margin-top:4px}.pg .insiden-u{margin-top:8px;display:flex;flex-direction:column;gap:8px}.pg .insiden-u li{border-left:2px solid var(--line);padding-left:10px;display:flex;flex-direction:column;gap:2px}.pg .u-st{font-size:11.5px;font-weight:600;color:var(--ink2)}.pg .u-body{font-size:12.5px;color:var(--ink);line-height:1.55}.pg .u-wkt{font-size:11px;color:var(--ink3)}@media (max-width: 900px){.pg .stats,.pg .grid2{grid-template-columns:1fr}.pg .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg .pcard.sunting{grid-column:1 / -1}.pg .pkal-sel{min-height:62px;padding:4px}.pg .pkal-ev{font-size:0;gap:0;padding:2px;background:transparent}.pg .pkal-ev.ok{background:transparent}.pg .pkal-ev i{width:7px;height:7px}.pg .pkal-isi{flex-direction:row;flex-wrap:wrap;gap:3px}.pg .pkal-sisa{font-size:9.5px;padding-left:0}.pg .pkal-nav{width:100%;justify-content:space-between}.pg .rank li{grid-template-columns:minmax(70px,110px) 1fr auto}.pg .daftar li{grid-template-columns:16px 1fr}.pg .daftar li .tag{grid-column:2;justify-self:start}.pg .status-banner{flex-wrap:wrap}.pg .status-wkt{margin-left:0;width:100%}}.pg .pindah{display:inline-flex;gap:4px}.pg .pindah button{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer}.pg .pindah button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-tua);border-color:var(--accent)}.pg .pindah button:disabled{opacity:.35;cursor:default}.pg .chev-lipat{transform:rotate(-90deg);transition:transform .16s ease}.pg .chev-lipat.on{transform:rotate(0)}.pg .pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pg .pcard{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}.pg .pcard.sunting{grid-column:span 2;gap:8px;padding:10px}.pg .pcard.sunting .inp{padding:7px 10px;font-size:13px}.pg .pcard.sunting .btn{padding:6px 11px;font-size:12.5px}.pg .pswatch{display:flex;flex-wrap:wrap;gap:6px}.pg .pswatch button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.pg .pswatch button.on{border-color:var(--accent)}.pg .pcard-warna{height:34px;border-radius:var(--r-sm)}.pg .pcard-nm{font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg .pcard-err{font-size:11.5px;color:var(--bad)}.pg .pcard-aksi{display:flex;gap:4px;margin-top:auto}.pg .pcard-aksi button{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer}.pg .pcard-aksi button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-tua);border-color:var(--accent)}.pg .pcard-aksi button.bad:hover:not(:disabled){background:var(--bad-soft);color:var(--bad-tua);border-color:var(--bad)}.pg .pcard-aksi button:disabled{opacity:.45;cursor:default}.pg .ptambah{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:116px;padding:12px;border:1px dashed var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink2);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.pg .ptambah:hover{border-color:var(--accent);color:var(--accent-tua);background:var(--accent-soft)}.pg .chartbox{position:relative;width:100%}.pg .chartbox canvas{display:block}.pg .chart-tengah{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;white-space:nowrap;line-height:1.15;transition:opacity .12s ease}.pg .charttip{position:fixed;z-index:90;pointer-events:none;opacity:0;transition:opacity .1s ease;max-width:280px;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:0 8px 30px #10182824;font-size:12px;line-height:1.45;color:var(--ink2)}.pg .charttip .t{font-weight:600;color:var(--ink);margin-bottom:3px}.pg .charttip .b{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.pg .charttip .b i{width:8px;height:8px;border-radius:50%;flex:none}.pg .charttip .f{margin-top:4px;font-size:11px;color:var(--ink3)}.pg .chart-tengah .b{font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.pg .chart-tengah .k{font-size:11px;color:var(--ink3)}.pg .donatgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;margin-top:4px}.pg .donatsel{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.pg .donatsel .chartbox{width:118px}.pg .donatsel figcaption{font-size:12px;color:var(--ink2);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.pg .donatgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pg .bar{display:flex;flex-direction:column-reverse;overflow:hidden}.pg .pwarna{display:flex;flex-direction:column;gap:8px}.pg .pwarna-bebas{display:flex;align-items:center;gap:8px}.pg .pwarna-bebas input[type=color]{width:34px;height:30px;padding:2px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;flex-shrink:0}.pg .pwarna-bebas .inp{font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.pg .pwarna-err{font-size:11.5px;color:var(--bad)}.pg .uat-hitung{font-size:12px;color:var(--ink3)}.pg .kred-sisa{font-size:12px;color:var(--accent-tua);font-variant-numeric:tabular-nums}.pg .kred-gerbang{padding:22px 18px;text-align:center;border-bottom:1px solid var(--line2)}.pg .kred-gerbang p{font-size:13px;color:var(--ink2);max-width:420px;margin:0 auto 12px}.pg .kred-gerbang .e-ic{width:44px;height:44px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-tua)}.pg .kred-form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pg .kred-galat{padding:0 18px 12px}.pg .kredlist{list-style:none}.pg .kredrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--line2)}.pg .kredrow:last-child{border-bottom:0}.pg .kredrow-kiri{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.pg .kredrow-nm{font-size:13.5px;font-weight:600;color:var(--ink)}.pg .kredrow-user{font-size:12px;color:var(--ink2)}.pg .kredrow-note{font-size:11.5px;color:var(--ink3)}.pg .kredrow-kanan{display:flex;align-items:center;gap:6px;flex:0 0 auto}.pg .kredrow-rahasia{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;padding:4px 8px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-tua);max-width:320px;overflow-x:auto;white-space:nowrap}.pg .kred-tambah{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 18px}.pg .kred-tambah .btn{grid-column:1 / -1;justify-self:start}.pg .kred-berkas-biner{grid-column:1 / -1;font-size:13px;color:var(--ink2)}@media (max-width: 900px){.pg .kredrow{flex-wrap:wrap}.pg .kredrow-kanan{flex-basis:100%}.pg .kredrow-rahasia{max-width:100%}.pg .kred-tambah{grid-template-columns:1fr}}.pg .kred-sunting{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.pg .kred-sunting-aksi{grid-column:1 / -1;display:flex;gap:6px}@media (max-width: 900px){.pg .kred-sunting{grid-template-columns:1fr}}.pg .kred-teks{flex-basis:100%;margin-top:8px}.pg .kred-teks-isi{width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;white-space:pre;overflow-x:auto}.pg .kred-teks-aksi{display:flex;gap:6px;margin-top:6px}.pg .kred-kanvas{grid-column:1 / -1;width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6}.pg .tbl .num{text-align:right;font-variant-numeric:tabular-nums}.pg .kode-badge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}.pg .papan-tujuan{position:fixed;left:0;right:0;bottom:20px;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;max-width:min(calc(100vw - 32px),960px);max-height:40vh;overflow-y:auto;margin:0 auto;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 30px #10182824}.pg .papan-tujuan-k{display:inline-flex;align-items:center;gap:6px;margin-right:4px;font-size:12px;color:var(--ink2)}.pg .papan-tujuan-i{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px dashed var(--line);border-radius:var(--r-sm);background:var(--surface);font-size:12.5px;color:var(--ink)}.pg .papan-tujuan-i.on{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--accent-tua)}.pg .kred-teks-isi.kanvas{max-height:70vh;overflow:auto}.pg .tautan{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;font:inherit;color:var(--accent-tua);cursor:pointer;text-align:left}.pg .tautan:hover{text-decoration:underline}.pg .log-pesan{display:block;max-width:640px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:12px}.pg .daftar{display:flex;flex-direction:column;width:280px;flex-shrink:0;max-height:calc(100vh - 170px);padding:8px;border-radius:var(--r);background:var(--line2)}.pg .daftar-h{display:flex;align-items:center;gap:6px;padding:2px 4px 2px 6px;cursor:grab;touch-action:none}.pg .daftar-h h2{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink);overflow-wrap:anywhere;cursor:text}.pg .daftar-n{padding:1px 8px;border-radius:999px;background:var(--line);font-size:11.5px;color:var(--ink2)}.pg .daftar-nama{flex:1;padding:5px 8px;font-size:13.5px;font-weight:600}.pg .daftar-tahap{padding:0 6px 6px;font-size:11px;color:var(--ink3)}.pg .daftar-isi{flex:1;min-height:60px;overflow-y:auto;display:grid;align-content:start;gap:8px;padding:2px;border-radius:var(--r-sm);transition:background .15s}.pg .daftar-isi.on{background:var(--line)}.pg .daftar-kosong{padding:14px 0;text-align:center;font-size:12px;color:var(--ink3)}.pg .daftar-galat{margin:6px 4px 0}.pg .daftar-kartu,.pg .daftar-tambah{display:flex;align-items:center;gap:6px;width:100%;margin-top:6px;padding:8px;border:none;border-radius:var(--r-sm);background:none;font:inherit;font-size:13px;color:var(--ink2);cursor:pointer}.pg .daftar-kartu:hover{background:var(--line);color:var(--ink)}.pg .daftar-tambah{width:280px;flex-shrink:0;align-self:flex-start;margin-top:0;padding:12px;background:var(--line2)}.pg .daftar-tambah:hover{background:var(--line);color:var(--ink)}.pg .daftar-baru{display:grid;gap:8px;width:280px;flex-shrink:0;align-self:flex-start;padding:8px;border-radius:var(--r);background:var(--line2)}.pg .daftar-baru-aksi{display:flex;align-items:center;gap:6px}.pg .daftar-bayang{box-shadow:0 8px 30px #1018282e}@media (max-width: 900px){.pg .daftar,.pg .daftar-tambah,.pg .daftar-baru{width:82vw}}.pg .kode-kotak{display:inline-flex;gap:6px}.pg .kode-digit{width:42px;height:46px;padding:0;text-align:center;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.pg .catatan-halaman{position:relative}.pg .catatan-cari{width:220px}.pg .catatan-kepala{gap:12px}.pg .catatan-judul{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pg .catatan-judul h3{overflow-wrap:anywhere}.pg .catatan-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pg .catatan-baca{padding:18px 22px}.pg .catatan-meta{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:10px;padding:14px 18px 0}.pg .catatan-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 18px 18px}.pg .catatan-tulis{min-height:60vh;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6}.pg .catatan-pratinjau{min-height:60vh;max-height:75vh;overflow-y:auto;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}.pg .catatan-jatuh,.pg .jatuh-berkas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:6px;border:2px dashed var(--accent);border-radius:var(--r);background:color-mix(in srgb,var(--accent-soft) 88%,transparent);color:var(--accent-tua);text-align:center;pointer-events:none}.pg .catatan-jatuh span,.pg .jatuh-berkas span{font-size:13px}@media (max-width: 900px){.pg .catatan-editor,.pg .catatan-meta{grid-template-columns:1fr}.pg .catatan-cari{width:100%}}.pg .kredrow-nm-btn{padding:0;border:0;background:none;font-family:inherit;color:var(--ink);text-align:left;cursor:text}.pg .kredrow-nm-btn:not(:disabled):hover{color:var(--accent-tua);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.pg .kredrow-nm-btn:disabled{cursor:default}.pg .kredrow-nm-inp{max-width:360px;padding:4px 8px;font-weight:600}@media (max-width: 900px){.pg .papan-tujuan{display:none}}.pg .aksi-hover{opacity:0;transition:opacity .12s ease}.pg .group:hover .aksi-hover,.pg .group:focus-within .aksi-hover,.pg .aksi-hover:focus-visible{opacity:1}@media (hover: none){.pg .aksi-hover{opacity:1}}.pg .kred-halaman{position:relative}.pg .kred-berkas-ket{padding:10px 18px 0}.pg .kred-gulir{max-height:min(62vh,680px);overflow-y:auto}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 900px){.container{max-width:900px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-2{left:.5rem;right:.5rem}.inset-y-0{top:0;bottom:0}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-2{right:-.5rem}.-top-1{top:-.25rem}.-top-1\.5{top:-.375rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.bottom-full{bottom:100%}.left-0{left:0}.left-0\.5{left:.125rem}.left-1\/2{left:50%}.left-2\.5{left:.625rem}.left-3{left:.75rem}.left-3\.5{left:.875rem}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[200\]{z-index:200}.z-\[210\]{z-index:210}.z-\[2\]{z-index:2}.z-\[60\]{z-index:60}.z-\[79\]{z-index:79}.z-\[80\]{z-index:80}.z-\[85\]{z-index:85}.z-\[90\]{z-index:90}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.m-0{margin:0}.m-3\.5{margin:.875rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-mb-px{margin-bottom:-1px}.-mt-1{margin-top:-.25rem}.-mt-2{margin-top:-.5rem}.-mt-3{margin-top:-.75rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-3\.5{margin-bottom:.875rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-\[19px\]{margin-left:19px}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-7{margin-top:1.75rem}.mt-9{margin-top:2.25rem}.mt-px{margin-top:1px}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[140px\]{height:140px}.h-\[160px\]{height:160px}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[30px\]{height:30px}.h-\[7px\]{height:7px}.h-\[80dvh\]{height:80dvh}.h-\[90px\]{height:90px}.h-full{height:100%}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-72{max-height:18rem}.max-h-80{max-height:20rem}.max-h-\[120px\]{max-height:120px}.max-h-\[180px\]{max-height:180px}.max-h-\[200px\]{max-height:200px}.max-h-\[220px\]{max-height:220px}.max-h-\[260px\]{max-height:260px}.max-h-\[280px\]{max-height:280px}.max-h-\[300px\]{max-height:300px}.max-h-\[400px\]{max-height:400px}.max-h-\[520px\]{max-height:520px}.max-h-\[80dvh\]{max-height:80dvh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[94dvh\]{max-height:94dvh}.max-h-\[calc\(100vh-235px\)\]{max-height:calc(100vh - 235px)}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-\[100svh\]{min-height:100svh}.min-h-\[112px\]{min-height:112px}.min-h-\[140px\]{min-height:140px}.min-h-\[200px\]{min-height:200px}.min-h-\[280px\]{min-height:280px}.min-h-\[320px\]{min-height:320px}.min-h-\[38px\]{min-height:38px}.min-h-\[400px\]{min-height:400px}.min-h-\[44px\]{min-height:44px}.min-h-\[76px\]{min-height:76px}.min-h-full{min-height:100%}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/5{width:60%}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[120px\]{width:120px}.w-\[124px\]{width:124px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-\[190px\]{width:190px}.w-\[22px\]{width:22px}.w-\[28px\]{width:28px}.w-\[30px\]{width:30px}.w-\[7px\]{width:7px}.w-\[var\(--lebar-rel\)\]{width:var(--lebar-rel)}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[12rem\]{min-width:12rem}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[18px\]{min-width:18px}.min-w-\[190px\]{min-width:190px}.min-w-\[200px\]{min-width:200px}.min-w-\[280px\]{min-width:280px}.min-w-\[36px\]{min-width:36px}.min-w-\[40px\]{min-width:40px}.min-w-\[56px\]{min-width:56px}.min-w-\[80px\]{min-width:80px}.min-w-\[96px\]{min-width:96px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[100px\]{max-width:100px}.max-w-\[140px\]{max-width:140px}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[24px\]{max-width:24px}.max-w-\[260px\]{max-width:260px}.max-w-\[280px\]{max-width:280px}.max-w-\[360px\]{max-width:360px}.max-w-\[36px\]{max-width:36px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[720px\]{max-width:720px}.max-w-\[85\%\]{max-width:85%}.max-w-\[86vw\]{max-width:86vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[18px\]{--tw-translate-x: 18px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-1{--tw-rotate: 1deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .2s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .25s cubic-bezier(.32,.72,0,1)}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-bottom{animation:slide-in-bottom .25s cubic-bezier(.32,.72,0,1)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-wait{cursor:wait}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[110px_1fr\]{grid-template-columns:110px 1fr}.grid-cols-\[130px_1fr\]{grid-template-columns:130px 1fr}.grid-cols-\[18px_1fr_auto\]{grid-template-columns:18px 1fr auto}.grid-cols-\[1fr_360px\]{grid-template-columns:1fr 360px}.grid-cols-\[20px_1fr_60px_80px\]{grid-template-columns:20px 1fr 60px 80px}.grid-cols-\[24px_1fr_60px_80px\]{grid-template-columns:24px 1fr 60px 80px}.grid-cols-\[28px_1fr_130px\]{grid-template-columns:28px 1fr 130px}.grid-cols-\[28px_1fr_130px_auto\]{grid-template-columns:28px 1fr 130px auto}.grid-cols-\[32px_1fr_auto_auto_auto\]{grid-template-columns:32px 1fr auto auto auto}.grid-cols-\[36px_1fr_auto_auto_auto\]{grid-template-columns:36px 1fr auto auto auto}.grid-cols-\[repeat\(auto-fill\,minmax\(10rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(13rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(15rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(170px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[11px\]{gap:11px}.gap-\[3px\]{gap:3px}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-hairline>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:color-mix(in srgb,var(--line) calc(var(--tw-divide-opacity, 1) * 100%),transparent)}.divide-neutral-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(245 245 245 / var(--tw-divide-opacity, 1))}.divide-zinc-900>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(24 24 27 / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:var(--r-sm)}.rounded-2xl{border-radius:var(--r)}.rounded-\[10px\]{border-radius:10px}.rounded-\[7px\]{border-radius:7px}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[var\(--r\)\]{border-radius:var(--r)}.rounded-\[var\(--r-sm\)\]{border-radius:var(--r-sm)}.rounded-full{border-radius:999px}.rounded-lg,.rounded-md,.rounded-sm{border-radius:var(--r-sm)}.rounded-xl{border-radius:var(--r)}.rounded-b{border-bottom-right-radius:var(--r-sm);border-bottom-left-radius:var(--r-sm)}.rounded-l{border-top-left-radius:var(--r-sm);border-bottom-left-radius:var(--r-sm)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:var(--r-sm);border-bottom-right-radius:var(--r-sm)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-t{border-top-left-radius:var(--r-sm);border-top-right-radius:var(--r-sm)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-accent{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--accent) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.border-bad-tua{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--bad-tua) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.border-hairline,.border-hairline-base{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--line) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.border-info-tua{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--info-tua) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.border-ink{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--ink) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.border-ink-warning\/15{border-color:color-mix(in srgb,var(--warn) 15%,transparent)}.border-ok-tua{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--ok-tua) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.border-purple-700\/50{border-color:#7e22ce80}.border-surface-subtle{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--line2) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.border-transparent{border-color:transparent}.border-warn{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--warn) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.border-warn-tua{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--warn-tua) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.border-warn-tua\/30{border-color:color-mix(in srgb,var(--warn-tua) 30%,transparent)}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-\[rgba\(16\,20\,30\,\.35\)\]{background-color:#10141e59}.bg-\[rgba\(16\,20\,30\,\.72\)\]{background-color:#10141eb8}.bg-accent{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--accent) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-accent-soft{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--accent-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-accent-soft\/90{background-color:color-mix(in srgb,var(--accent-soft) 90%,transparent)}.bg-accent-tua{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--accent-tua) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-bad{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--bad) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-bad-soft{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--bad-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-brand-sky{--tw-bg-opacity: 1;background-color:rgb(77 185 244 / var(--tw-bg-opacity, 1))}.bg-current{background-color:currentColor}.bg-hairline,.bg-hairline-base{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--line) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-info{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--info) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-info-soft{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--info-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-info-soft\/40{background-color:color-mix(in srgb,var(--info-soft) 40%,transparent)}.bg-info-soft\/60{background-color:color-mix(in srgb,var(--info-soft) 60%,transparent)}.bg-inherit{background-color:inherit}.bg-ink{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--ink) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-ink-secondary{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--ink2) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-ink-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--ink3) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-ok{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--ok) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-ok-soft{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--ok-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-900\/40{background-color:#581c8766}.bg-surface-amber{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--warn-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-surface-base{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--bg) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-surface-base\/60{background-color:color-mix(in srgb,var(--bg) 60%,transparent)}.bg-surface-card{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--surface) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-surface-card\/60{background-color:color-mix(in srgb,var(--surface) 60%,transparent)}.bg-surface-info{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--info-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-surface-info\/40{background-color:color-mix(in srgb,var(--info-soft) 40%,transparent)}.bg-surface-subtle{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--line2) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-surface-subtle\/50{background-color:color-mix(in srgb,var(--line2) 50%,transparent)}.bg-surface-subtle\/60{background-color:color-mix(in srgb,var(--line2) 60%,transparent)}.bg-surface-subtle\/95{background-color:color-mix(in srgb,var(--line2) 95%,transparent)}.bg-surface-success{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--ok-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-surface-warning{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--warn-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-transparent{background-color:transparent}.bg-warn{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--warn) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-warn-soft{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--warn-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[18px\]{padding:18px}.\!py-4{padding-top:1rem!important;padding-bottom:1rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[5px\]{padding-left:5px;padding-right:5px}.px-px{padding-left:1px;padding-right:1px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.py-px{padding-top:1px;padding-bottom:1px}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-2\.5{padding-bottom:.625rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-7{padding-right:1.75rem}.pr-9{padding-right:2.25rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-body{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.85em\]{font-size:.85em}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12\.7px\]{font-size:12.7px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-4{line-height:1rem}.leading-\[1\.6\]{line-height:1.6}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-\.01em\]{letter-spacing:-.01em}.tracking-\[-\.02em\]{letter-spacing:-.02em}.tracking-\[\.06em\]{letter-spacing:.06em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[color\:var\(--ok\)\]{color:var(--ok)}.text-accent{--tw-text-opacity: 1;color:color-mix(in srgb,var(--accent) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-accent-tua{--tw-text-opacity: 1;color:color-mix(in srgb,var(--accent-tua) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-bad{--tw-text-opacity: 1;color:color-mix(in srgb,var(--bad) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-bad-tua{--tw-text-opacity: 1;color:color-mix(in srgb,var(--bad-tua) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-bad-tua\/80{color:color-mix(in srgb,var(--bad-tua) 80%,transparent)}.text-current{color:currentColor}.text-hairline-base{--tw-text-opacity: 1;color:color-mix(in srgb,var(--line) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-info-tua{--tw-text-opacity: 1;color:color-mix(in srgb,var(--info-tua) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-ink{--tw-text-opacity: 1;color:color-mix(in srgb,var(--ink) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-ink-info{--tw-text-opacity: 1;color:color-mix(in srgb,var(--info) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-ink-secondary{--tw-text-opacity: 1;color:color-mix(in srgb,var(--ink2) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-ink-success{--tw-text-opacity: 1;color:color-mix(in srgb,var(--ok) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-ink-tertiary{--tw-text-opacity: 1;color:color-mix(in srgb,var(--ink3) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-ink-warning{--tw-text-opacity: 1;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-ok{--tw-text-opacity: 1;color:color-mix(in srgb,var(--ok) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-ok-tua{--tw-text-opacity: 1;color:color-mix(in srgb,var(--ok-tua) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-ok-tua\/80{color:color-mix(in srgb,var(--ok-tua) 80%,transparent)}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-surface-card{--tw-text-opacity: 1;color:color-mix(in srgb,var(--surface) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-warn{--tw-text-opacity: 1;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-warn-tua{--tw-text-opacity: 1;color:color-mix(in srgb,var(--warn-tua) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-warn-tua\/80{color:color-mix(in srgb,var(--warn-tua) 80%,transparent)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-2{text-underline-offset:2px}.accent-\[color\:var\(--accent\)\]{accent-color:var(--accent)}.accent-ink{accent-color:var(--ink)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-card{--tw-shadow: 0 1px 3px rgb(0 0 0 / .04), 0 1px 2px rgb(0 0 0 / .03);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-elev2{--tw-shadow: 0 12px 32px rgb(0 0 0 / .08), 0 4px 12px rgb(0 0 0 / .05);--tw-shadow-colored: 0 12px 32px var(--tw-shadow-color), 0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-accent{--tw-ring-opacity: 1;--tw-ring-color: color-mix(in srgb, var(--accent) calc(var(--tw-ring-opacity, 1) * 100%), transparent)}.ring-ink{--tw-ring-opacity: 1;--tw-ring-color: color-mix(in srgb, var(--ink) calc(var(--tw-ring-opacity, 1) * 100%), transparent)}.ring-warn-soft{--tw-ring-opacity: 1;--tw-ring-color: color-mix(in srgb, var(--warn-soft) calc(var(--tw-ring-opacity, 1) * 100%), transparent)}.ring-zinc-900{--tw-ring-opacity: 1;--tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity, 1))}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-surface-card{--tw-ring-offset-color: var(--surface)}.ring-offset-white{--tw-ring-offset-color: #fff}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--lebar-rel: 236px;--brand-indigo: #5d5ded;--brand-red: #a50000;--brand-orange: #ff6700;--brand-green: #20c994;--brand-blue: #4db9f4;--brand-cyan: #1ac3ec;--brand-yellow: #fce762;--brand-teal: #7fd8be;--grad-ai: linear-gradient(135deg, #5d5ded 0%, #1ac3ec 100%);--ink: #1a1d29;--ink2: #6b7280;--ink3: #9aa1ad;--bg: #f5f6f8;--surface: #ffffff;--shell-atas: #ffffff;--shell-rel: #f2f4f7;--shell-isi: #fafbfc;--line: #e6e8ec;--line2: #eef0f3;--kode-bg: #0d1117;--kode-ink: #c9d1d9;--accent: #0e7c6b;--accent-soft: #e6f5f1;--accent-tua: #0a5f52;--ok: #16915a;--ok-soft: #e8f5ee;--ok-tua: #12784a;--warn: #b9791a;--warn-soft: #fbf3e6;--warn-tua: #8a5a10;--bad: #cf3f3a;--bad-soft: #fcecec;--bad-tua: #bc352f;--info: #2563c9;--info-soft: #eaf1fc;--info-tua: #1e56ae;--r: 16px;--r-sm: 8px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06)}html,body,#root{height:100%}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{font-weight:700}.brand,.login-card{font-family:Montserrat,Inter,ui-sans-serif,system-ui,sans-serif}.topbar{position:sticky;top:0;z-index:20;height:60px;flex:none;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:0 18px;background:var(--shell-atas)}.brand{display:flex;align-items:center;gap:10px;flex:none}.topbar .menu-btn{display:none;margin-left:-10px}.badan{flex:1;min-height:0;display:flex;position:relative}.rel{width:var(--lebar-rel);flex:none;display:flex;flex-direction:column;min-height:0;background:var(--shell-rel)}.sidebar-backdrop{display:none}.kolom{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--shell-rel)}.kepala-halaman{flex:none;display:flex;align-items:center;min-height:64px;padding:10px 24px;box-sizing:border-box;background:var(--shell-rel)}.kepala-halaman .cadangan,.kepala-halaman .ph h1{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kepala-halaman .slot{display:contents}.kepala-halaman:has(.slot>*) .cadangan{display:none}.kepala-halaman .ph{flex:1;min-width:0;margin:0;align-items:center}.ph-ket{color:var(--ink2);font-size:13.5px;margin:0 0 18px}.isi{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--shell-isi);border-top-left-radius:14px;transition:border-radius .15s ease}.layar[data-gulir] .isi{border-top-left-radius:0}.content{padding:22px 24px 60px;width:100%;box-sizing:border-box}.ent{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px 0 11px;flex:none;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.ent>i:first-child{color:var(--accent)}.ent .chev{color:var(--ink3)}.ent:hover,.ent[aria-expanded=true]{background:var(--line2)}.ent.diam{cursor:default;padding-right:12px}.ent.diam:hover{background:var(--surface)}.opsi-ent{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:500;cursor:pointer}.opsi-ent i{color:var(--ink3)}.opsi-ent:hover{background:var(--line2)}.opsi-ent.aktif{color:var(--accent-tua);font-weight:600}.opsi-ent.aktif i{color:var(--accent)}.topbar .iconbtn{position:relative;flex:none}.iconbtn .dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 2px var(--surface)}.iconbtn .dot.denyut{animation:denyut-titik .5s ease-out 1}@keyframes denyut-titik{40%{transform:scale(1.9)}}.grid-apl{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:8px}.grid-apl .apl{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;min-width:0}.grid-apl a.apl:hover{background:var(--line2)}.grid-apl .ikon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--line2)}.grid-apl .nama{font-size:11.5px;font-weight:500;line-height:1.25;text-align:center;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.grid-apl .apl.nonaktif{opacity:.45;cursor:not-allowed}.palet-pemicu{display:inline-flex;align-items:center;gap:8px;height:34px;width:220px;padding:0 8px 0 10px;flex:none;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--ink3);font:inherit;font-size:13px;cursor:pointer;transition:border-color .12s ease,color .12s ease}.palet-pemicu:hover{border-color:var(--ink3);color:var(--ink2)}.palet-pemicu span{flex:1;text-align:left}.kbd{font-family:inherit;font-size:11px;font-weight:600;line-height:1;padding:3px 5px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink2)}.palet-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;background:#10141e6b;display:flex;align-items:flex-start;justify-content:center;padding:12vh 12px 12px}.palet{width:100%;max-width:560px;max-height:min(70vh,520px);display:flex;flex-direction:column;overflow:hidden}.palet.muncul{transform-origin:top center}.palet-cari{display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--ink3)}.palet-cari input{flex:1;min-width:0;height:48px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:15px;outline:none}.palet-daftar{overflow-y:auto;padding:6px}.palet-grup{padding:8px 10px 4px;font-size:11.5px;font-weight:600;color:var(--ink3)}.palet-opsi{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);font-size:13.5px;color:var(--ink);cursor:pointer}.palet-opsi i{color:var(--ink3)}.palet-opsi .ket{margin-left:auto;font-size:12px;color:var(--ink3);white-space:nowrap}.palet-opsi[aria-selected=true]{background:var(--accent-soft);color:var(--accent-tua)}.palet-opsi[aria-selected=true] i{color:var(--accent)}.palet-kosong{padding:28px 16px;text-align:center;font-size:13px;color:var(--ink2)}.muncul{animation:muncul .12s ease-out;transform-origin:top left}.muncul.asal-kanan{transform-origin:top right}@keyframes muncul{0%{opacity:0;transform:scale(.96)}}.btn:active:not(:disabled),.iconbtn:active:not(:disabled),button.ent:active,.palet-pemicu:active{transform:translateY(1px)}::view-transition-old(root),::view-transition-new(root){animation-duration:.16s}.spacer{flex:1}.ph{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.ph h1{font-size:21px;font-weight:600;letter-spacing:-.02em;margin:0}.ph p{color:var(--ink2);font-size:13.5px;margin-top:2px}.ph .aksi{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 900px){.topbar{gap:8px;padding:0 12px}.topbar .menu-btn{display:inline-grid}.brand-teks,.ent .ent-label{display:none}.ent{padding:0 8px;min-height:44px;border-color:transparent}.palet-pemicu{width:44px;height:44px;padding:0;justify-content:center;border-color:transparent;background:transparent;color:var(--ink2)}.palet-pemicu span,.palet-pemicu .kbd{display:none}.rel{position:absolute;top:0;bottom:0;left:0;z-index:60;max-width:86vw;transform:translate(-100%);visibility:hidden;transition:transform .24s ease,visibility 0s linear .24s}.rel.buka{transform:none;visibility:visible;transition:transform .24s ease;box-shadow:var(--shadow)}.sidebar-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;background:#10141e6b;opacity:0;pointer-events:none;transition:opacity .24s ease}.sidebar-backdrop.buka{opacity:1;pointer-events:auto}.kepala-halaman{padding:8px 14px;min-height:56px}.content{padding:16px 14px 60px}.palet-latar{padding-top:72px}}.login-wrap{min-height:100svh;display:grid;place-items:center;padding:24px;background:var(--surface)}.login-card{width:100%;max-width:880px;display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 48px #1018281a;overflow:hidden}.login-merek{position:relative;padding:40px 36px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;background:linear-gradient(150deg,#0a3f37,#0e7c6b 55%,#16a37f);color:#fff;overflow:hidden}.login-merek:after{content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:#ffffff12}.login-merek img{width:56px;height:56px;border-radius:12px;-o-object-fit:cover;object-fit:cover}.login-merek h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:16px 0 8px}.login-merek p{font-size:13px;line-height:1.6;color:#ffffffd1;max-width:34ch}.login-merek .by{position:relative;font-size:11.5px;font-weight:500;color:#ffffffb8;display:flex;align-items:center;gap:7px}.login-merek .by img{width:16px;height:16px;border-radius:0;-o-object-fit:contain;object-fit:contain}.login-form{padding:40px 36px}.login-card .lg{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-card .lg img{width:44px;height:44px;-o-object-fit:cover;object-fit:cover;border-radius:10px;flex-shrink:0}.login-card .lg .nm{font-weight:600;font-size:15px;line-height:1.25;letter-spacing:-.01em}.login-card .lg .by{font-size:11.5px;font-weight:500;color:var(--ink3);margin-top:2px}.login-card h1{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.login-card p.sub{color:var(--ink2);font-size:13.5px;margin:6px 0 24px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:6px}.pwd-wrap{position:relative}.pwd-wrap input{padding-right:44px}.pwd-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:32px;height:32px;border:none;background:none;border-radius:50%;color:var(--ink3);cursor:pointer;display:grid;place-items:center}.pwd-toggle:hover{color:var(--ink2);background:var(--line2)}.pwd-toggle i{font-size:16px}.login-err{background:var(--bad-soft);color:var(--bad-tua);border:1px solid var(--bad);font-size:12.5px;font-weight:500;padding:9px 12px;border-radius:var(--r-sm);margin-bottom:14px;display:flex;align-items:flex-start;gap:8px}.login-err .msg{flex:1}.hint{font-size:11.5px;color:var(--ink3);margin-top:14px;text-align:center}@media (max-width: 900px){.login-card{grid-template-columns:1fr;max-width:412px}.login-merek{display:none}.login-form{padding:24px}.login-card .btn{min-height:44px}}html.dark{--ink: #e8eaee;--ink2: #a4abb8;--ink3: #949cab;--bg: #101219;--surface: #1c1f2a;--shell-atas: #1c1f2a;--shell-rel: #14161e;--shell-isi: #181b24;--line: rgba(255, 255, 255, .1);--line2: rgba(255, 255, 255, .06);--accent: #20c994;--accent-soft: rgba(32, 201, 148, .14);--accent-tua: #5bd8ae;--ok: #4ade80;--ok-soft: rgba(74, 222, 128, .14);--ok-tua: #86efac;--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .14);--warn-tua: #fcd34d;--bad: #f87171;--bad-soft: rgba(248, 113, 113, .14);--bad-tua: #fca5a5;--info: #60a5fa;--info-soft: rgba(96, 165, 250, .14);--info-tua: #93c5fd}html.dark body{background:var(--bg);color:var(--ink)}html.dark .tbl thead th{background:#ffffff08}.gate{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;background:#fff;color:#6b7280}.gate p{font-size:13.5px}.gate-spin{color:#0e7c6b;animation:gate-rotate .9s linear infinite}@keyframes gate-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.gate-spin{animation-duration:2.4s}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.btn i{font-size:16px}.btn.text-left{justify-content:flex-start}.btn:hover{background:var(--line2)}.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}.btn.pri:hover{background:var(--accent-tua);border-color:var(--accent-tua)}.btn.out{border-color:var(--accent);color:var(--accent)}.btn.out:hover{background:var(--accent-soft)}.btn.bad{border-color:var(--bad);color:var(--bad)}.btn.bad:hover{background:var(--bad-soft)}.btn.dark{background:var(--accent);border-color:var(--accent);color:#fff}.btn.dark:hover{background:var(--accent-tua);border-color:var(--accent-tua)}.btn.ghost{border-color:transparent;background:transparent;color:var(--accent)}.btn.ghost:hover{background:var(--accent-soft)}.btn.sm{padding:6px 11px;font-size:12.5px}.btn:disabled{opacity:.55;cursor:default}.iconbtn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);border:0;background:transparent;color:var(--ink2);cursor:pointer;transition:background .15s ease,color .15s ease}.iconbtn:hover{background:var(--line2);color:var(--ink)}.iconbtn:disabled{opacity:.45;cursor:not-allowed}.iconbtn:disabled:hover{background:transparent}.iconbtn.ke-atas{width:44px;height:44px;background:var(--surface);box-shadow:var(--shadow)}.iconbtn.ke-atas:hover{background:var(--line2)}.md-isi,.artifact-doc{overflow-wrap:anywhere}.md-isi pre,.artifact-doc pre{overflow-x:auto;max-width:100%}.md-isi table,.artifact-doc table{display:table;width:100%;table-layout:auto}.artifact-doc .tabelwrap{overflow-x:auto;max-width:100%}.artifact-doc{font-size:13.5px;line-height:1.65;color:var(--ink)}.artifact-doc h1,.artifact-doc h2,.artifact-doc h3,.artifact-doc h4{font-weight:600;line-height:1.3;margin:1.4em 0 .5em}.artifact-doc h1{font-size:19px;margin-top:.2em}.artifact-doc h2{font-size:16px;padding-top:.6em;border-top:1px solid var(--line2)}.artifact-doc h3{font-size:14px}.artifact-doc h4{font-size:13.5px}.artifact-doc p,.artifact-doc ul,.artifact-doc ol,.artifact-doc blockquote,.artifact-doc pre,.artifact-doc table{margin:0 0 .9em}.artifact-doc ul,.artifact-doc ol{padding-left:1.4em}.artifact-doc ul{list-style:disc}.artifact-doc ol{list-style:decimal}.artifact-doc li{margin:.25em 0}.artifact-doc li>p{margin:0}.artifact-doc blockquote{border-left:3px solid var(--line);padding-left:.9em;color:var(--ink2)}.artifact-doc code{font-size:12.5px;background:var(--line2);border-radius:var(--r-sm);padding:1px 4px}.artifact-doc pre code{background:transparent;padding:0}.artifact-doc th,.artifact-doc td{padding:6px 10px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}.artifact-doc th{font-weight:600;color:var(--ink2)}.artifact-doc hr{border:0;border-top:1px solid var(--line);margin:1.2em 0}@media (max-width: 900px){.flex.justify-between:has(>.flex-shrink-0>button),.flex.justify-between:has(>.flex-shrink-0>a){flex-wrap:wrap}.flex.justify-between>.flex-shrink-0:has(>button),.flex.justify-between>.flex-shrink-0:has(>a){flex-basis:100%;justify-content:flex-end;flex-wrap:wrap}.flex.justify-between:has(>.flex-shrink-0>button)>.min-w-0,.flex.justify-between:has(>.flex-shrink-0>a)>.min-w-0{flex:1 1 100%}}.inp.berawalan{padding-left:34px}.selectbox{position:relative;display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;font-size:13.5px;font-family:inherit;color:var(--ink);background:var(--surface);cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:38px;box-sizing:border-box}.selectbox:hover{border-color:var(--accent)}.selectbox:focus-visible,.selectbox.open{border-color:var(--accent)}.selectbox .nilai{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectbox .placeholder{flex:1;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectbox .chev,.akordeon>summary .chev,.pemicu-daftar .chev{color:var(--ink3);font-size:16px;transition:transform .16s ease}.selectbox.open .chev,.akordeon[open]>summary .chev,.pemicu-daftar.open .chev{transform:rotate(180deg)}.selectbox.disabled{background:var(--line2);color:var(--ink3);cursor:default}.selectbox.disabled:hover{border-color:var(--line)}.selectpop{position:fixed;z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 30px #10182824;overflow-y:auto;padding:4px}.selectpop ul{list-style:none;margin:0;padding:0}.selectpop li{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:var(--r-sm);font-size:13.5px;color:var(--ink);cursor:pointer;line-height:1.35}.selectpop li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectpop li i{font-size:16px;color:var(--accent)}.selectpop li.sorot{background:var(--line2)}.selectpop li.terpilih{color:var(--accent-tua);font-weight:600}.selectpop li.terpilih.sorot{background:var(--accent-soft)}.selectpop .cari{position:sticky;top:0;z-index:1;background:var(--surface);padding:4px 4px 6px;border-bottom:1px solid var(--line2);margin-bottom:4px}.selectpop .cari .search{min-width:0;padding:7px 10px}.selectpop li.kosong{color:var(--ink3);cursor:default;justify-content:center}.selectpop li.tambah{color:var(--accent);font-weight:600;border-top:1px solid var(--line2);border-radius:0 0 var(--r-sm) var(--r-sm);margin-top:4px}.panel-daftar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 30px #10182824}.akordeon>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:var(--ink2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.akordeon>summary::-webkit-details-marker{display:none}.akordeon>summary:hover{color:var(--accent)}.akordeon>summary .chev{margin-left:auto}@media (max-width: 900px){select,.selectbox,.pemicu-daftar{min-height:44px}}.layar{height:100vh;height:100dvh;overflow:hidden}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}.t-ok{background:var(--ok-soft);color:var(--ok-tua)}.t-warn{background:var(--warn-soft);color:var(--warn-tua)}.t-bad{background:var(--bad-soft);color:var(--bad-tua)}.t-info{background:var(--info-soft);color:var(--info-tua)}.t-acc{background:var(--accent-soft);color:var(--accent-tua)}.t-mut{background:var(--line2);color:var(--ink2)}.tag.solid{color:#fff}.tag.solid.t-ok{background:var(--ok-tua)}.tag.solid.t-warn{background:var(--warn-tua)}.tag.solid.t-bad{background:var(--bad-tua)}.tag.solid.t-info{background:var(--info-tua)}.tag.solid.t-acc{background:var(--accent-tua)}.tag.solid.t-mut{background:var(--ink2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}html{scrollbar-color:var(--ink3) transparent}.nav-rail{scrollbar-width:none}.nav-rail::-webkit-scrollbar{display:none}.iconbtn.bare{width:44px;height:44px;border:0;background:transparent}.iconbtn.bare:hover{background:var(--line2)}.iconbtn.bare.kecil{width:28px;height:28px;color:var(--ink3)}.iconbtn.bare.kecil:hover{color:var(--ink)}.iconbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 900px){.btn,.iconbtn{min-height:44px}}.kal-wrap{overflow:hidden}.kal-hari{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line);background:var(--bg)}.kal-hari span{padding:8px 6px;font-size:11px;font-weight:600;color:var(--ink2);text-align:center}.kal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.kal-sel{position:relative;min-height:104px;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:6px;text-align:left;background:var(--surface);display:flex;flex-direction:column;gap:4px;cursor:pointer;font-family:inherit;overflow:hidden}.kal-sel:nth-child(7n){border-right:0}.kal-grid>.kal-sel:nth-last-child(-n+7){border-bottom:0}.kal-grid>.kal-sel:nth-last-child(-n+7):nth-child(7n+1){border-bottom-left-radius:calc(var(--r) - 1px)}.kal-grid>.kal-sel:last-child{border-bottom-right-radius:calc(var(--r) - 1px)}.kal-sel.luar{background:var(--bg)}.kal-sel.luar .kal-tgl{color:var(--ink3);font-weight:500}.kal-sel:hover{background:var(--line2)}.kal-sel.pilih{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.kal-sel:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.kal-tgl{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink2);line-height:1.4}.kal-sel.kini .kal-tgl{color:var(--accent-tua);font-weight:700;position:relative;z-index:1}.kal-sel.kini:before{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--accent-soft)}.kal-jml{font-style:normal;font-size:10px;font-weight:600;color:var(--ink3)}.kal-tanda{font-size:10px;color:var(--ink3);line-height:1.2}.kal-isi{display:flex;flex-direction:column;gap:2px;min-width:0}.kal-ev{display:flex;align-items:center;gap:5px;width:100%;border:0;text-align:left;font-family:inherit;cursor:pointer;font-size:11px;color:var(--ink2);background:var(--line2);border-radius:4px;padding:2px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kal-ev i{width:6px;height:6px;border-radius:50%;background:var(--ink3);flex-shrink:0}.kal-ev:hover{text-decoration:underline}.kal-ev.sudah{background:var(--ok-soft);color:var(--ok-tua)}.kal-ev.sudah i{background:var(--ok)}.kal-ev.missed{background:var(--bad-soft);color:var(--bad-tua)}.kal-ev.missed i{background:var(--bad)}.kal-ev.rev{background:var(--warn-soft);color:var(--warn-tua)}.kal-ev.rev i{background:var(--warn)}.kal-ev.submitrev{background:var(--info-soft);color:var(--info-tua)}.kal-ev.submitrev i{background:var(--info)}.kal-sisa{font-size:10.5px;color:var(--ink3);padding-left:5px}.kal-legenda{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink2)}.kal-lg{display:inline-flex;align-items:center;gap:5px}.kal-lg i{width:9px;height:9px;border-radius:3px}.tbl.rekap .rk-hari{width:24px;min-width:24px;padding:6px 0;text-align:center;font-size:10.5px;font-variant-numeric:tabular-nums;border-left:1px solid var(--line2)}.tbl.rekap thead .rk-hari{color:var(--ink3);letter-spacing:0}.tbl.rekap .rk-kosong{background:var(--line2)}.blok-kode{position:relative;margin-bottom:12px}.blok-kode>pre{margin:0;background:var(--kode-bg);border:1px solid var(--line);border-radius:var(--r);color:var(--kode-ink);padding:34px 14px 14px;overflow-x:auto;overflow-y:hidden;font-size:12px;line-height:1.55}.blok-kode>pre code,.blok-kode>pre code.hljs{background:transparent;padding:0;display:block}.tip{position:fixed;z-index:95;top:0;left:0;max-width:260px;padding:6px 9px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:12px;line-height:1.4;box-shadow:var(--shadow);pointer-events:none;opacity:0;transition:opacity .12s ease}.tip.tampak{opacity:1}.tulis{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:10px 12px;box-sizing:border-box}.tulis .alat{display:flex;align-items:center;justify-content:space-between;gap:8px}.tulis:focus-within{border-color:var(--accent)}.tulis textarea{width:100%;min-width:0;border:none;outline:none;background:transparent;resize:none;font-family:inherit;font-size:13.5px;line-height:1.5;color:var(--ink);padding:7px 2px;max-height:200px}.tulis textarea::-moz-placeholder{color:var(--ink3)}.tulis textarea::placeholder{color:var(--ink3)}.isian-polos{border:0;outline:none;background:transparent;box-shadow:none;font-family:inherit;font-size:13.5px;line-height:1.5;color:var(--ink);padding:4px 2px}.isian-polos:focus,.isian-polos:focus-visible{outline:none;box-shadow:none}.isian-polos::-moz-placeholder{color:var(--ink3)}.isian-polos::placeholder{color:var(--ink3)}.kirim{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:0;border-radius:999px;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s ease,opacity .15s ease}.kirim:hover:not(:disabled){background:var(--accent-tua)}.kirim:disabled{opacity:.45;cursor:not-allowed}@media (pointer: coarse){.kirim{width:44px;height:44px}}.search{flex:1;min-width:200px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 13px;background:var(--surface);box-sizing:border-box}.search input{border:none;outline:none;flex:1;min-width:0;font-size:13.5px;font-family:inherit;background:transparent;color:var(--ink)}.search input::-moz-placeholder{color:var(--ink3)}.search input::placeholder{color:var(--ink3)}.search i{color:var(--ink3);flex-shrink:0}.search:focus-within{border-color:var(--accent)}.datetrig{width:100%;min-width:200px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 13px;background:var(--surface);box-sizing:border-box;text-align:left;font-family:inherit;cursor:pointer}.datetrig i{color:var(--ink3);flex-shrink:0}.datetrig:hover,.datetrig.open{border-color:var(--accent)}.datetrig .chev{transition:transform .16s ease}.datetrig.open .chev{transform:rotate(180deg)}.datetrig-nilai{flex:1;font-size:13.5px;color:var(--ink)}.datetrig-nilai.kosong{color:var(--ink3)}.field.datefield{margin-bottom:0}.datepop{position:fixed;z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 30px #10182824;padding:12px;box-sizing:border-box}.datepop-h{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.datepop-nav{cursor:pointer;padding:5px;border:none;background:none;border-radius:var(--r-sm);color:var(--ink2);display:grid;place-items:center}.datepop-nav:hover{background:var(--line2);color:var(--ink)}.datepop-nav:disabled{opacity:.3;cursor:default}.datepop-judul{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;padding:5px 9px;border-radius:var(--r-sm)}.datepop-judul:hover{background:var(--line2)}.datepop-judul i{color:var(--ink3);transition:transform .16s ease}.datepop-judul:hover i{transform:rotate(180deg)}.datepop-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.datepop-grid.tiga{grid-template-columns:repeat(3,1fr);gap:4px}.datepop-grid.gulir{max-height:212px;overflow-y:auto;scrollbar-width:none}.datepop-grid.gulir::-webkit-scrollbar{width:0;height:0;display:none}.datepop-grid>[role=row]{display:contents}.datepop-grid [role=gridcell]{display:block;min-width:0}.datepop-grid [role=gridcell]>.datepop-sel{width:100%}.datepop-hari{font-size:10.5px;color:var(--ink3);font-weight:600;padding:4px 0}.datepop-hari abbr{text-decoration:none}.datepop-sel{padding:6px 0;border:none;background:none;font-family:inherit;border-radius:var(--r-sm);cursor:pointer;font-size:12.5px;font-weight:500;color:var(--ink)}.datepop-sel:hover{background:var(--line2)}.datepop-sel:disabled{color:var(--ink3);cursor:default}.datepop-sel.besar{padding:10px 0;font-size:13px}.datepop-sel.on{background:var(--accent);color:#fff;font-weight:700}.datepop-sel.on:hover{background:var(--accent-tua)}.card-h{padding:13px 16px;border-bottom:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-h h3{font-size:14px;font-weight:600;margin:0}@media (max-width: 900px){.kal-sel{min-height:64px;padding:4px}}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.inp:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}.inp{width:100%;padding:9px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:13.5px;line-height:1.4}.inp::-moz-placeholder{color:var(--ink3)}.inp::placeholder{color:var(--ink3)}.inp:focus{outline:none;border-color:var(--accent)}.inp:disabled{opacity:.55;cursor:default}.inp.salah{border-color:var(--bad)}.tblwrap{overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.tbl{width:100%;border-collapse:collapse}.tbl thead th{text-align:left;font-size:11.5px;font-weight:600;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em;padding:11px 16px;background:#fbfcfd;border-bottom:1px solid var(--line);white-space:nowrap}.tbl thead th.kanan,.tbl tbody td.kanan{text-align:right}.tbl tbody td{padding:13px 16px;border-bottom:1px solid var(--line2);font-size:13.5px;vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:var(--line2)}.tbl tbody tr.klik{cursor:pointer}.tbl .angka{font-variant-numeric:tabular-nums;text-align:right}select{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;font-size:13.5px;font-family:inherit;color:var(--ink);background:var(--surface);outline:none}select:hover{border-color:var(--accent)}select:focus{border-color:var(--accent)}select:disabled{background:var(--line2);color:var(--ink3);cursor:default}.login-or{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--ink3);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--line)}.btn.sso{width:100%;justify-content:center}.skel{background:linear-gradient(90deg,var(--line2) 25%,color-mix(in srgb,var(--line) 70%,var(--surface)) 50%,var(--line2) 75%);background-size:200% 100%;animation:sh 1.3s infinite;border-radius:var(--r-sm)}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skel{animation:none}}.tick-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:2px}.dash-tick{animation:dash-tick-blink 1s steps(2) infinite}@keyframes dash-tick-blink{50%{opacity:.35}}@keyframes typing-dot-wave{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.typing-dot{display:inline-block;width:4px;height:4px;border-radius:9999px;background:currentColor;animation:typing-dot-wave 1.3s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0ms}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes shimmer-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-text{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 35%,transparent) 0%,var(--accent) 50%,color-mix(in srgb,var(--accent) 35%,transparent) 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-sweep 2.2s ease-in-out infinite}@keyframes thinking-border-breathe{0%,to{border-color:color-mix(in srgb,var(--accent) 15%,transparent)}50%{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}}.thinking-border{animation:thinking-border-breathe 2.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{@page{size:A4;margin:18mm 14mm}html,body{background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}aside:not([data-artifact-panel]),nav,form,.no-print{display:none!important}.sticky.top-0,.topbar{display:none!important}.layar,.badan,.kolom,.isi{height:auto!important;overflow:visible!important;display:block!important}.sidebar-backdrop,.group-hover\:opacity-100,button[title*=Copy],button[title*=Lampirkan],button[title*=Hapus],button[aria-label=Send]{display:none!important}*{box-shadow:none!important;text-shadow:none!important}main,.flex-1{width:100%!important;max-width:100%!important;overflow:visible!important;flex:none!important}body{font-size:11pt;line-height:1.55}h1{font-size:18pt;page-break-after:avoid}h2{font-size:14pt;page-break-after:avoid}h3{font-size:12pt;page-break-after:avoid}pre,code,table,blockquote,img,figure{page-break-inside:avoid}pre{background:#f8f8f8!important;color:#000!important;border:1px solid #d4d4d4!important;padding:8pt!important}code{background:transparent!important;color:#000!important}table{border-collapse:collapse!important;width:100%!important}th,td{border:1px solid #cccccc!important;padding:4pt 6pt!important}a[href]:not([href^="#"]):after{content:" (" attr(href) ")";font-size:9pt;color:#555}[data-artifact-panel]{position:static!important;width:100%!important;height:auto!important;transform:none!important;border:none!important;page-break-before:always}}.chip{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:7px 13px;font-size:12.5px;font-weight:500;color:var(--ink2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-tua);font-weight:600}.chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.marker\:text-ink-tertiary *::marker{color:color-mix(in srgb,var(--ink3) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.marker\:text-ink-tertiary::marker{color:color-mix(in srgb,var(--ink3) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.focus-within\:border-accent:focus-within{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--accent) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.focus-within\:border-hairline-base:focus-within{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--line) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.hover\:-translate-y-px:hover{--tw-translate-y: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-accent:hover{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--accent) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.hover\:border-hairline:hover,.hover\:border-hairline-base:hover{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--line) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.hover\:border-hairline-strong:hover{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--ink3) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.hover\:bg-accent-soft:hover{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--accent-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.hover\:bg-accent-tua:hover{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--accent-tua) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.hover\:bg-bad:hover{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--bad) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.hover\:bg-bad-soft:hover{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--bad-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.hover\:bg-hairline:hover{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--line) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.hover\:bg-ok-soft:hover{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--ok-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.hover\:bg-surface-base:hover{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--bg) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.hover\:bg-surface-base\/50:hover{background-color:color-mix(in srgb,var(--bg) 50%,transparent)}.hover\:bg-surface-card:hover{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--surface) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.hover\:bg-surface-subtle:hover{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--line2) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.hover\:bg-surface-subtle\/40:hover{background-color:color-mix(in srgb,var(--line2) 40%,transparent)}.hover\:bg-surface-subtle\/50:hover{background-color:color-mix(in srgb,var(--line2) 50%,transparent)}.hover\:bg-surface-subtle\/60:hover{background-color:color-mix(in srgb,var(--line2) 60%,transparent)}.hover\:bg-warn-soft:hover{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--warn-soft) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.hover\:text-accent:hover{--tw-text-opacity: 1;color:color-mix(in srgb,var(--accent) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.hover\:text-bad:hover{--tw-text-opacity: 1;color:color-mix(in srgb,var(--bad) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.hover\:text-bad-tua:hover{--tw-text-opacity: 1;color:color-mix(in srgb,var(--bad-tua) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.hover\:text-ink:hover{--tw-text-opacity: 1;color:color-mix(in srgb,var(--ink) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.hover\:text-ink-info:hover{--tw-text-opacity: 1;color:color-mix(in srgb,var(--info) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.hover\:text-ink-secondary:hover{--tw-text-opacity: 1;color:color-mix(in srgb,var(--ink2) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-elev1:hover{--tw-shadow: 0 4px 12px rgb(0 0 0 / .06), 0 1px 3px rgb(0 0 0 / .04);--tw-shadow-colored: 0 4px 12px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-accent:focus{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--accent) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.focus\:border-hairline:focus{--tw-border-opacity: 1;border-color:color-mix(in srgb,var(--line) calc(var(--tw-border-opacity, 1) * 100%),transparent)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-accent-soft:focus{--tw-ring-opacity: 1;--tw-ring-color: color-mix(in srgb, var(--accent-soft) calc(var(--tw-ring-opacity, 1) * 100%), transparent)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-accent:active{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--accent) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.enabled\:hover\:bg-surface-subtle:hover:enabled{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--line2) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-ink{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--ink) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.group:hover .group-hover\:bg-surface-base{--tw-bg-opacity: 1;background-color:color-mix(in srgb,var(--bg) calc(var(--tw-bg-opacity, 1) * 100%),transparent)}.group:hover .group-hover\:text-surface-card{--tw-text-opacity: 1;color:color-mix(in srgb,var(--surface) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:inline{display:inline}.sm\:w-72{width:18rem}.sm\:w-auto{width:auto}.sm\:min-w-\[24rem\]{min-width:24rem}.sm\:max-w-\[260px\]{max-width:260px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[1fr_120px\]{grid-template-columns:1fr 120px}.sm\:grid-cols-\[200px_1fr\]{grid-template-columns:200px 1fr}.sm\:grid-cols-\[200px_200px_1fr\]{grid-template-columns:200px 200px 1fr}.sm\:grid-cols-\[240px_240px\]{grid-template-columns:240px 240px}.sm\:p-6{padding:1.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}}@media (min-width: 900px){.md\:static{position:static}.md\:inset-auto{inset:auto}.md\:z-auto{z-index:auto}.md\:col-span-1{grid-column:span 1 / span 1}.md\:table-cell{display:table-cell}.md\:grid{display:grid}.md\:max-h-full{max-height:100%}.md\:min-h-0{min-height:0px}.md\:min-h-\[24px\]{min-height:24px}.md\:min-h-\[30px\]{min-height:30px}.md\:w-48{width:12rem}.md\:w-60{width:15rem}.md\:w-\[460px\]{width:460px}.md\:w-auto{width:auto}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[1fr_120px_90px_120px_70px\]{grid-template-columns:1fr 120px 90px 120px 70px}.md\:flex-row{flex-direction:row}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1536px){.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.\[\&\:hover_i\]\:text-accent:hover i,.\[\&_i\]\:text-accent i{--tw-text-opacity: 1;color:color-mix(in srgb,var(--accent) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.\[\&_svg\]\:h-auto svg{height:auto}.\[\&_svg\]\:max-w-full svg{max-width:100%}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}