@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--hijau-atas:#1e4f36;--hijau-tengah:#143726;--hijau-bawah:#0d2517;--hijau-lorong:#ffffff12;--hijau-aktif:#ffffff21;--hijau:#2f6b4a;--hijau-terang:#3e8a5f;--hijau-muda:#e8f1eb;--wajib-latar:#e6e9e7;--wajib-tepi:#c9cfcb;--botol:#0f5132;--botol-gelap:#0a3d25;--botol-tepi:#0d472c;--amber:#e9a93d;--amber-tua:#c98c25;--hijau-puncak:#4b9a6d;--hijau-sisi:#1a3f2b;--amber-puncak:#f7cf76;--amber-sisi:#9c6c17;--latar:#f4f6f4;--kartu:#fff;--garis:#e2e7e3;--garis-tebal:#cfd8d2;--teks:#17251c;--teks-lemah:#6b7a70;--teks-terang:#fff;--merah:#b3261e;--merah-muda:#fdecea;--sidebar-w:268px;--header-h:60px;--r:8px;--r-s:6px;--r-l:12px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--teks);background:var(--latar);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:14.5px;line-height:1.5}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:var(--r-s)}code{background:var(--hijau-muda);color:var(--hijau);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.92em}.login-page{background:var(--kartu);grid-template-columns:1.05fr 1fr;min-height:100%;display:grid}.login-brand{background:linear-gradient(160deg, var(--hijau-atas) 0%, var(--hijau-tengah) 45%, var(--hijau-bawah) 100%);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:48px;display:flex}.petals{grid-template-rows:112px 112px;grid-template-columns:112px 112px;gap:7px;display:grid;transform:perspective(900px)rotateX(13deg)rotateY(-11deg)}.petal{letter-spacing:.01em;place-items:center;font-size:19px;font-weight:650;display:grid;position:relative}.petal-xp,.petal-agile{color:var(--amber);background:linear-gradient(145deg, var(--hijau-puncak) 0%, var(--hijau) 46%, #245439 100%);box-shadow:1px 1px 0 var(--hijau-sisi), 2px 2px 0 var(--hijau-sisi), 3px 3px 0 var(--hijau-sisi), 4px 4px 0 var(--hijau-sisi), 5px 5px 0 var(--hijau-sisi), 10px 13px 22px #06120b73, inset 1px 1px 0 #ffffff38, inset -1px -2px 0 #06120b38;text-shadow:0 1px #06120b61}.petal-scrum,.petal-kanban{color:var(--hijau-tengah);background:linear-gradient(145deg, var(--amber-puncak) 0%, var(--amber) 46%, #cf9429 100%);box-shadow:1px 1px 0 var(--amber-sisi), 2px 2px 0 var(--amber-sisi), 3px 3px 0 var(--amber-sisi), 4px 4px 0 var(--amber-sisi), 5px 5px 0 var(--amber-sisi), 10px 13px 22px #06120b73, inset 1px 1px 0 #ffffff6b, inset -1px -2px 0 #583c0c3d;text-shadow:0 1px #ffffff57}.petal-xp{border-radius:58px 58px 0}.petal-scrum{border-radius:58px 58px 58px 0}.petal-kanban{border-radius:58px 0 58px 58px}.petal-agile{border-radius:0 58px 58px}.login-brand h1{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:680}.login-brand p{text-align:center;max-width:42ch;color:var(--teks-terang);margin:0;font-size:14px;line-height:1.65}.login-panel{perspective:1400px;justify-content:center;align-items:center;padding:48px 32px;display:flex}.login-card{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--r-l);width:100%;max-width:400px;transform-style:preserve-3d;transition:transform .34s cubic-bezier(.22,.61,.36,1),box-shadow .34s cubic-bezier(.22,.61,.36,1);overflow:hidden;transform:rotateY(-6deg)rotateX(2deg);box-shadow:inset 0 1px #ffffffe6,1px 1px #dfe5e1,2px 2px #dbe2dd,3px 3px #d6ded9,4px 4px #d2dad5,5px 5px #cdd6d1,6px 6px #c9d2cd,8px 10px 16px #17251c21,26px 34px 60px #17251c2b}.login-card:hover,.login-card:focus-within{transform:rotateY(0)rotateX(0);box-shadow:inset 0 1px #ffffffe6,1px 1px #dfe5e1,2px 2px #dbe2dd,3px 3px #d6ded9,4px 4px #d2dad5,6px 8px 14px #17251c1f,18px 26px 48px #17251c26}.login-card__head{background:linear-gradient(170deg, #1a6b40 0%, var(--botol) 55%, #0b431f 100%);color:#fff;letter-spacing:-.005em;text-shadow:0 1px 1px #041a0e73;padding:18px 24px;font-size:17px;font-weight:620;box-shadow:inset 0 1px #ffffff42,inset 0 -1px #041a0e8c}.login-card .field input,.login-card .field select{box-shadow:inset 0 2px 3px #17251c17,inset 0 1px #17251c0f}.login-card .field input:focus,.login-card .field select:focus{box-shadow:inset 0 2px 3px #17251c12,0 0 0 3px #3e8a5f29}.login-card .btn{transition:background .12s,border-color .12s,transform 60ms,box-shadow 60ms;position:relative}.login-card .btn-ghost{box-shadow:0 3px #d2dad5,0 5px 10px #17251c1f,inset 0 1px #ffffffe6}.login-card .btn:active{transform:translateY(3px)}.login-card .btn-ghost:active{box-shadow:0 0 #d2dad5,0 1px 3px #17251c1f,inset 0 1px #ffffffe6}.login-card__body{padding:24px}.field{margin-bottom:16px}.field label{color:var(--teks);margin-bottom:6px;font-size:13px;font-weight:560;display:block}.field input,.field select{width:100%;height:42px;font:inherit;color:var(--teks);background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r);padding:0 12px;transition:border-color .12s,box-shadow .12s}.field input:focus,.field select:focus{border-color:var(--hijau-terang);outline:none;box-shadow:0 0 0 3px #3e8a5f29}.field select:disabled{color:var(--teks-lemah);background:#f1f3f1}.field--pass{position:relative}.field--pass input{padding-right:46px}.peek{border-radius:var(--r-s);width:38px;height:38px;color:var(--teks-lemah);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;bottom:2px;right:2px}.peek:hover{color:var(--hijau);background:var(--hijau-muda)}.peek svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.peek[aria-pressed=true]{color:var(--hijau)}.peek[aria-pressed=true] .peek__slash{display:none}.login-actions{grid-template-columns:1fr 1.4fr;gap:10px;margin-top:22px;display:grid}.login-dukungan{text-align:center;letter-spacing:.01em;color:var(--teks-lemah);margin:16px 0 0;font-size:12px;font-style:italic;font-weight:400}.btn{height:42px;font:inherit;border-radius:var(--r);cursor:pointer;border:1px solid #0000;font-weight:580;transition:background .12s,border-color .12s}.btn-primary{background:var(--botol);color:#fff}.btn-primary:hover{background:var(--botol-gelap)}.btn-ghost{background:var(--kartu);color:var(--botol);border-color:var(--botol)}.btn-ghost:hover{background:var(--hijau-muda)}.alert{border-radius:var(--r);border-left:3px solid var(--merah);background:var(--merah-muda);color:var(--merah);margin-bottom:18px;padding:11px 13px;font-size:13.5px}.shell{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"side header""side main";height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--hijau-atas) 0%, var(--hijau-tengah) 42%, var(--hijau-bawah) 100%);color:var(--teks-terang);flex-direction:column;grid-area:side;display:flex;overflow:hidden}.sidebar__brand{height:var(--header-h);flex:none;align-items:center;gap:11px;padding:0 18px;display:flex}.sidebar__mark{background:var(--hijau);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.sidebar__text{min-width:0}.sidebar__name{color:#fff;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:650;overflow:hidden}.sidebar__sub{color:var(--amber);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.35;overflow:hidden}.sidebar__pisah{opacity:.55}.sidebar__search{flex:none;padding:4px 14px 14px}.sidebar__brand{border-bottom:1px solid #ffffff17}.sidebar__search input{width:100%;height:36px;font:inherit;color:#fff;border-radius:var(--r);background:#ffffff12;border:1px solid #ffffff24;padding:0 12px;font-size:13.5px}.sidebar__search input:focus{background:#ffffff1c;border-color:#e9a93d8c;outline:none}.nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-height:0;padding:0 10px 32px;overflow-y:auto}.nav::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:4px}.nav ul{margin:0;padding:0;list-style:none}.nav li.hidden{display:none}.nav__row{width:100%;font:inherit;text-align:left;color:inherit;border-radius:var(--r-s);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;margin:1px 0;padding:8px 10px;font-size:13.8px;transition:background .1s,color .1s;display:flex}.nav__row:hover{background:var(--hijau-lorong);color:#fff}.nav__row[aria-current=page]{background:var(--hijau-aktif);color:#fff;box-shadow:inset 3px 0 0 var(--amber);font-weight:560}.nav__row--top{letter-spacing:.09em;text-transform:uppercase;color:#fff;margin-top:16px;font-size:11px;font-weight:640}.nav__row--top:hover{background:var(--hijau-lorong)}.nav__row--top[aria-current=page]{box-shadow:none;color:var(--amber);background:0 0}.nav__row[data-depth="3"]{padding-left:20px}.nav__row[data-depth="4"]{padding-left:32px}.nav__row[data-depth="5"]{padding-left:44px}.nav__row[data-depth="6"]{padding-left:56px}.nav__caret{color:#fffc;flex:none;place-items:center;width:14px;height:14px;font-size:9px;transition:transform .15s;display:grid}.nav__row[aria-expanded=true] .nav__caret{transform:rotate(90deg)}.nav__dot{background:#ffffffa6;border-radius:50%;flex:none;width:5px;height:5px}.nav__row[aria-current=page] .nav__dot{background:var(--amber)}.nav__row--kosong .nav__dot{background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff8c}.nav__row--keluar{margin-top:6px}.nav__ikon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;opacity:.85;flex:none;width:14px;height:14px}.nav__row--keluar:hover .nav__ikon{opacity:1}.nav__ikon--menu{stroke-width:1.7px;opacity:.78;width:16px;height:16px}.nav__row:hover .nav__ikon--menu{opacity:1}.nav__row[aria-current=page] .nav__ikon--menu{opacity:1;color:var(--amber)}.nav__row--kosong .nav__ikon--menu{opacity:.4}.nav__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav__children{display:none}.nav__children.open{display:block}.nav__kosong{color:#ffffffd1;padding:18px 12px;font-size:13.5px;line-height:1.6}.topbar{background:var(--kartu);border-bottom:1px solid var(--garis);grid-area:header;align-items:center;gap:16px;padding:0 24px;display:flex}.topbar__toggle{background:var(--botol);border:1px solid var(--botol);border-radius:var(--r-s);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:none}.topbar__title{letter-spacing:-.01em;font-size:16px;font-weight:620}.topbar__spacer{flex:1}.topbar__user{color:var(--teks-lemah);align-items:center;gap:12px;font-size:13px;display:flex}.topbar__user b{color:var(--teks);font-weight:580}.topbar__ikon{border:1px solid var(--botol);border-radius:var(--r-s);background:var(--botol);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.topbar__ikon svg{width:17px;height:17px}.topbar__ikon:hover{background:var(--botol-gelap);border-color:var(--botol-gelap)}.topbar__ikon.is-aktif{box-shadow:0 0 0 2px var(--amber)}.topbar__ikon svg{transition:transform .18s}.topbar__logout{border:1px solid var(--botol);border-radius:var(--r-s);background:var(--botol);color:#fff;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:540;display:inline-flex}.topbar__logout:hover{background:var(--botol-gelap);border-color:var(--botol-gelap)}.main{grid-area:main;padding:26px 28px 48px;overflow-y:auto}.crumbs{color:var(--teks-lemah);margin-bottom:10px;font-size:12.5px}.crumbs span+span:before{content:"  ›  ";color:var(--garis-tebal)}.page-title{letter-spacing:-.02em;margin:0 0 22px;font-size:23px;font-weight:660}.panel{background:var(--hijau);color:#fff;border-radius:var(--r-l);margin-bottom:20px;padding:22px 24px}.panel p{color:#ffffffeb;margin:0;line-height:1.7}.panel code{color:#fff;background:#ffffff29}.card{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--r-l);padding:24px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat{background:var(--kartu);border:1px solid var(--garis);border-left:3px solid var(--amber);border-radius:var(--r);padding:16px 18px}.stat__label{letter-spacing:.07em;text-transform:uppercase;color:var(--teks-lemah);font-size:11.5px;font-weight:580}.stat__value{letter-spacing:-.02em;color:var(--hijau);margin-top:6px;font-size:28px;font-weight:680}.empty{color:var(--teks-lemah);max-width:66ch;margin:0;line-height:1.7}@media (width<=940px){.login-page{grid-template-columns:1fr}.login-brand{gap:22px;padding:36px 24px}.petals{grid-template-rows:84px 84px;grid-template-columns:84px 84px;transform:perspective(700px)rotateX(10deg)rotateY(-8deg)}.petal{font-size:15px}.login-brand h1{font-size:24px}.login-panel{padding:28px 20px 44px}.login-card{transform:none}}@media (width<=860px){.shell{grid-template-columns:1fr;grid-template-areas:"header""main"}.topbar__toggle{display:flex}.sidebar{width:var(--sidebar-w);z-index:40;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 30px #00000059}.sidebar.open{transform:none}.scrim{z-index:30;background:#0d25178c;display:none;position:fixed;inset:0}.scrim.show{display:block}.main{padding:18px 16px 40px}.topbar{padding:0 16px}.topbar__user span{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.card+.card{margin-top:16px}.card-title{letter-spacing:-.005em;margin:0 0 14px;font-size:15px;font-weight:620}.tabel{border-collapse:collapse;width:100%;font-size:14px}.tabel th,.tabel td{text-align:left;vertical-align:top;border-bottom:1px solid var(--garis);padding:9px 0}.tabel tr:last-child th,.tabel tr:last-child td{border-bottom:0}.tabel th{width:34%;color:var(--teks-lemah);font-weight:540}.lemah{color:var(--teks-lemah)}.lencana{letter-spacing:.02em;background:var(--hijau-muda);color:var(--hijau);border-radius:20px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:560;display:inline-block}@media (width<=600px){.tabel th{width:45%}}.kabar{border-radius:var(--r);border-left:3px solid;margin-bottom:16px;padding:11px 14px;font-size:14px}.kabar--baik{background:var(--hijau-muda);color:var(--hijau);border-color:var(--hijau)}.kabar--buruk{background:var(--merah-muda);color:var(--merah);border-color:var(--merah)}.dsn__blok+.dsn__blok{margin-top:16px}.dsn__grid{gap:12px 16px;display:grid}.dsn__grid+.dsn__grid{margin-top:12px}.dsn__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.dsn__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.dsn__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.dsn__f{min-width:0;display:block}.dsn__f>span{color:var(--teks-lemah);margin-bottom:4px;font-size:12px;font-weight:540;display:block}.dsn__f input,.dsn__f select,.dsn__f textarea{width:100%;font:inherit;color:var(--teks);background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r-s);font-size:13.5px}.dsn__f input,.dsn__f select{height:36px;padding:0 9px}.dsn__f textarea{resize:vertical;min-height:36px;padding:8px 9px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px;line-height:1.5;overflow-y:auto}.dsn__f input:focus,.dsn__f select:focus,.dsn__f textarea:focus{border-color:var(--hijau-terang);outline:none;box-shadow:0 0 0 3px #3e8a5f29}.dsn__dua{grid-template-columns:minmax(0,1fr) minmax(0,.94fr);align-items:stretch;gap:24px;display:grid}.dsn__kiri{min-width:0;padding-bottom:10px}.dsn__kanan{flex-direction:column;min-width:0;min-height:0;display:flex}.dsn__daftar-bungkus{flex:auto;min-height:452px;position:relative}.dsn__catatan--lebar{grid-column:1/-1;margin-top:12px}.dsn__tombol{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.dsn__tombol button{min-width:84px;height:34px;font:inherit;color:#fff;background:var(--botol);border:1px solid var(--botol-tepi);border-radius:var(--r-s);cursor:pointer;flex:auto;font-size:13px;font-weight:540;transition:background .12s}.dsn__tombol button:hover{background:var(--botol-gelap)}.dsn__daftar{background:var(--hijau-tengah);border-radius:var(--r);margin:0;padding:4px;list-style:none;position:absolute;inset:0;overflow-y:auto;container-type:inline-size}.dsn__daftar:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.dsn__daftar li{border-radius:var(--r-s);color:#ffffffeb;cursor:pointer;grid-template-columns:34px minmax(0,1fr);gap:2px 8px;padding:7px 9px;display:grid}.dsn__daftar li:hover{background:#ffffff12}.dsn__daftar li.is-pilih{box-shadow:inset 3px 0 0 var(--amber);background:#ffffff24}.dsn__no{color:#ffffff80;grid-row:span 3;padding-top:3px;font-size:12.5px}.dsn__posisi{color:var(--amber);border-radius:var(--r-s);background:#ffffff14;width:fit-content;margin-top:1px;padding:1px 6px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11.5px;display:inline-block}.dsn__posisi--tidak{color:#ffffff61;background:0 0;padding-left:0}.dsn__kode{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:clamp(12px,4.85437cqw - 3.49515px,21px);line-height:1.3;overflow:hidden}.dsn__ket{color:#ffffff9e;font-size:12.5px}.dsn__daftar li.is-lama .dsn__ket{color:var(--amber)}.dsn__daftar li.is-asing .dsn__kode,.dsn__daftar li.is-asing .dsn__ket{color:#ffb4ae}.dsn__catatan{color:var(--teks-lemah);margin:10px 0 0;font-size:12.5px;line-height:1.6}.dsn__aksi{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.dsn__aksi .btn{align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}@media (width<=1100px){.dsn__dua{grid-template-columns:1fr}.dsn__daftar-bungkus{height:420px}.dsn__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.dsn__grid--2,.dsn__grid--3{grid-template-columns:1fr}}.dsn__cari{position:relative}.dsn__usul{z-index:20;background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r);max-height:280px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #17251c24}.dsn__usul li{border-radius:var(--r-s);cursor:pointer;align-items:baseline;gap:10px;padding:7px 9px;font-size:13.5px;display:flex}.dsn__usul li:hover,.dsn__usul li.is-sorot{background:var(--hijau-muda)}.dsn__usul-nama{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dsn__usul-kode{color:var(--teks-lemah);flex:none;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11.5px}.dsn__usul-kosong{color:var(--teks-lemah);cursor:default;padding:10px 9px;font-size:13px;line-height:1.5}.dsn__usul-kosong:hover{background:0 0}.dsn__merah{color:var(--merah)}.dsn__gulir{scrollbar-width:thin;scrollbar-color:var(--garis-tebal) transparent;min-height:220px;max-height:46vh;padding:2px 12px 4px 2px;overflow-y:auto}.dsn__gulir::-webkit-scrollbar{width:9px}.dsn__gulir::-webkit-scrollbar-thumb{background:var(--garis-tebal);border-radius:5px}.dsn__gulir::-webkit-scrollbar-thumb:hover{background:var(--teks-lemah)}.dsn__gulir{background:linear-gradient(var(--kartu) 30%, #fff0) top / 100% 22px no-repeat, linear-gradient(#fff0, var(--kartu) 70%) bottom / 100% 22px no-repeat, radial-gradient(farthest-side at 50% 0, #17251c1f, #0000) top / 100% 8px no-repeat, radial-gradient(farthest-side at 50% 100%, #17251c1f, #0000) bottom / 100% 8px no-repeat;background-attachment:local,local,scroll,scroll}.dsn__catatan--atas{margin:-6px 0 14px}.dsn__luas{border:1px solid var(--garis-tebal);border-radius:var(--r-l);background:var(--kartu);width:min(940px,92vw);max-width:none;color:var(--teks);padding:0;box-shadow:0 18px 48px #17251c47}.dsn__luas::backdrop{background:#0d25178c}.dsn__luas-isi{flex-direction:column;gap:14px;padding:20px 22px 18px;display:flex}.dsn__luas-kepala{align-items:center;gap:12px;display:flex}.dsn__luas-kepala h2{letter-spacing:-.005em;flex:1;margin:0;font-size:17px;font-weight:620}.dsn__luas-tutup{width:32px;height:32px;font:inherit;color:var(--teks-lemah);border-radius:var(--r-s);cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.dsn__luas-tutup:hover{background:var(--latar);color:var(--teks)}.dsn__luas-teks,#dsn-luas-teks{width:100%;height:56vh;min-height:220px;color:var(--teks);background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r);resize:vertical;white-space:pre-wrap;tab-size:2;padding:12px 14px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:14px;line-height:1.65;overflow:auto}#dsn-luas-teks:focus{border-color:var(--hijau-terang);outline:none;box-shadow:0 0 0 3px #3e8a5f29}.dsn__luas-kaki{align-items:center;gap:12px;font-size:12.5px;display:flex}.dsn__luas-sela{flex:1}.dsn__luas-kaki .btn{height:38px;padding:0 20px}.dsn__luas-kaki .dsn__luas-plus{width:38px;padding:0;font-size:20px;line-height:1}[hidden]{display:none!important}.dsn__luas-kaki .dsn__luas-tabel{align-items:center;gap:7px;padding:0 14px;display:inline-flex}.dsn__luas-kaki .dsn__luas-tabel svg{width:16px;height:16px}.dsn__luas-kaki .dsn__luas-lihat{place-items:center;width:38px;padding:0;display:grid}.dsn__luas-kaki .dsn__luas-lihat svg{width:17px;height:17px}.dsn__lihat{border:1px solid var(--garis);border-radius:var(--r);background:var(--latar);max-height:46vh;margin-top:14px;padding:16px;overflow-y:auto}.dsn__lihat-blok{margin-bottom:14px}.dsn__lihat-blok:last-of-type{margin-bottom:0}.dsn__lihat h4{color:var(--hijau-tengah);margin:0 0 6px;font-size:13px;font-weight:660}.dsn__lihat p{word-break:break-all;margin:0 0 4px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.dsn__lihat p .lemah{min-width:108px;font-family:inherit;display:inline-block}.dsn__lihat-catatan{border-top:1px solid var(--garis);padding-top:10px;font-size:12px;margin-top:12px!important;font-family:inherit!important}.dsn__tabel{border:1px solid var(--garis);border-radius:var(--r);background:var(--latar);max-height:46vh;margin-top:14px;padding:16px;overflow-y:auto}.dsn__tabel p{margin:0 0 10px;font-size:12.5px}.dsn__tabel .grd__sql{max-height:30vh;overflow:auto}.dsn__tabel-kaki{align-items:center;gap:14px;margin-top:12px;display:flex}.dsn__tabel-kaki .lemah{font-size:12.5px}.dsn__susun{border:1px solid var(--garis);border-radius:var(--r);background:var(--latar);max-height:42vh;margin-top:14px;padding:16px;overflow-y:auto}.dsn__susun-atas{gap:14px;margin-bottom:14px;display:flex}.dsn__susun-atas .dsn__f{flex:1;max-width:300px}.dsn__susun-tabel{border-collapse:separate;border-spacing:0 6px;width:100%;font-size:13px}.dsn__susun-tabel th{text-align:left;color:var(--teks-lemah);padding:0 8px 2px;font-size:11.5px;font-weight:600}.dsn__susun-tabel td{padding:0 4px}.dsn__susun-tabel td.tengah{text-align:center}.dsn__susun-tabel input[type=text],.dsn__susun-tabel input:not([type]),.dsn__susun-tabel input[type=number],.dsn__susun-tabel select{width:100%;height:34px;font:inherit;color:var(--teks);background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r-s);padding:0 8px;font-size:13px}.dsn__susun-tabel input[type=number]{width:72px}.dsn__susun-tabel .s-jenis,.dsn__susun-tabel .s-rata,.dsn__susun-tabel .s-tipe{min-width:96px}.dsn__susun-tabel .s-dec{width:62px}.dsn__susun-tabel .s-enable{min-width:82px}.dsn__susun-tabel .s-dec:disabled{background:var(--latar);color:var(--teks-lemah);cursor:not-allowed}.dsn__susun-tabel input[type=checkbox]{width:17px;height:17px;accent-color:var(--botol)}.dsn__susun-tabel .s-buang{width:28px;height:28px;color:var(--teks-lemah);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;font-size:17px;line-height:1}.dsn__susun-tabel .s-buang:hover{background:var(--merah-muda);color:var(--merah)}.dsn__susun-kaki{align-items:center;gap:14px;margin-top:10px;display:flex}#dsn-susun-pratinjau{word-break:break-all;flex:1;min-width:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11.5px}@media (width<=700px){#dsn-luas-teks{height:48vh}.dsn__luas-kaki{flex-wrap:wrap}#dsn-luas-bantu{display:none}}.grd__kepala{border-radius:var(--r-l);background:var(--hijau-tengah);color:#fff;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex}.grd__ikon{border-radius:var(--r);color:#fff;background:#ffffff1f;border:1px solid #ffffff38;flex:none;place-items:center;width:46px;height:46px;display:grid}.grd__ikon svg{width:22px;height:22px}.grd__teks{flex:1;min-width:0}.grd__teks h1{letter-spacing:-.02em;color:#fff;margin:0;font-size:22px;font-weight:660}.grd__teks p{color:#ffffffb8;margin:2px 0 0;font-size:13px}.grd__kepala .lemah{color:#fff9}.grd__kepala code{color:#fff;background:#ffffff24}.grd__cari{flex:none;width:260px;position:relative}.grd__cari svg{width:16px;height:16px;color:var(--teks-lemah);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.grd__cari input{width:100%;height:40px;font:inherit;color:var(--teks);background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r);padding:0 12px 0 34px;font-size:14px}.grd__cari-kirim{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.grd__cari input:focus{border-color:var(--hijau-terang);outline:none;box-shadow:0 0 0 3px #3e8a5f29}.grd__kepala .grd__cari input{color:#fff;background:#ffffff1f;border-color:#ffffff47}.grd__kepala .grd__cari input::placeholder{color:#fff9}.grd__kepala .grd__cari svg{color:#ffffffb3}.grd__kepala .grd__cari input:focus{background:#ffffff2e;border-color:#ffffff8c;box-shadow:0 0 0 3px #ffffff24}.grd__kepala a:not(.btn){color:#fff;text-decoration:underline}.grd__kepala .btn-ghost{color:#fff;background:0 0;border-color:#ffffff73}.grd__kepala .btn-ghost:hover{background:#ffffff24}.grd__kepala .grd__tambah.btn-primary{color:var(--hijau-tengah);background:#fff;border-color:#fff}.grd__kepala .grd__tambah.btn-primary:hover{color:var(--hijau-tengah);background:#ffffffe0;border-color:#ffffffe0}.grd__tambah{border-radius:var(--r);flex:none;align-items:center;gap:7px;height:40px;padding:0 18px;font-size:14px;text-decoration:none;display:inline-flex}.grd__tambah svg{flex:none;width:16px;height:16px}.grd__laporan{flex:none;place-items:center;width:42px;padding:0;display:inline-grid}.grd__laporan svg{flex:none;width:18px;height:18px}.grd__tambah span,.grd__tambah{min-width:0}.grd__tambah{white-space:nowrap;text-overflow:ellipsis;max-width:320px;overflow:hidden}.is-mati{opacity:.45;cursor:not-allowed;pointer-events:auto}.grd__stat-teks{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:17px;overflow:hidden}.grd__kartu{padding:0;overflow:hidden}.grd__gulir{overflow-x:auto}.grd__tabel{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%;font-size:13.5px}.grd__tabel th,.grd__tabel td{text-align:left;border-bottom:1px solid var(--garis);padding:13px 18px}.grd__tabel thead th{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--hijau-tengah);border-bottom-color:var(--hijau-tengah);font-size:11.5px;font-weight:620;position:sticky;top:0}.grd__tabel tbody tr:hover{background:var(--latar)}.grd__tabel tbody tr:last-child td{border-bottom:0}.grd__angka{font-variant-numeric:tabular-nums}.grd__aksi-kepala,.grd__aksi{text-align:right;background:var(--kartu);z-index:2;width:1%;position:sticky;right:0}.grd__aksi-kepala:before,.grd__aksi:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#0000000d);width:14px;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.grd__tabel thead th.grd__aksi-kepala{z-index:3;background:var(--hijau-tengah)}.grd__tabel thead th.grd__aksi-kepala:before{background:linear-gradient(90deg,#fff0,#ffffff2e)}.grd__tabel tbody tr:hover .grd__aksi{background:var(--latar)}.grd__tbl{border:1px solid var(--garis-tebal);border-radius:var(--r-s);width:30px;height:30px;color:var(--teks-lemah);background:var(--kartu);place-items:center;margin-left:4px;display:inline-grid}.grd__tbl svg{width:14px;height:14px}.grd__kaki{border-top:1px solid var(--garis);align-items:center;gap:10px;padding:14px 18px;font-size:13px;display:flex}.grd__sela{flex:1}.grd__nav{border:1px solid var(--garis-tebal);border-radius:var(--r-s);padding:7px 14px;font-weight:540}.grd__nav:hover{background:var(--latar)}.grd__galat{border-left:3px solid var(--merah);border-radius:var(--r);background:var(--merah-muda);color:var(--merah);margin:12px 0 0;padding:11px 13px;font-size:13.5px;line-height:1.6}.grd__sql{background:var(--hijau-tengah);color:#ffffffeb;border-radius:var(--r);margin:6px 0 0;padding:12px 14px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow-x:auto}.sql{position:relative}.sql .grd__sql{padding-right:52px}.sql__salin{color:#ffffffd9;cursor:pointer;opacity:.55;background:#ffffff1a;border:1px solid #ffffff38;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;transition:opacity .15s,background .15s,color .15s;display:grid;position:absolute;top:8px;right:8px}.sql:hover .sql__salin,.sql__salin:focus-visible{opacity:1}.sql__salin:hover{color:#fff;background:#fff3}.sql__salin svg{width:16px;height:16px}.sql__salin.is-baik{opacity:1;color:var(--hijau-tengah);background:#fff;border-color:#fff}.sql__salin.is-buruk{opacity:1;background:var(--merah,#b91c1c);color:#fff;border-color:#0000}@media (width<=860px){.grd__kepala{flex-wrap:wrap}.grd__cari{order:3;width:100%}.grd__tambah{order:2}}.grd__tutup{letter-spacing:.12em;color:var(--teks-lemah);cursor:help}.grd__hapus{display:inline}button.grd__tbl{font:inherit;cursor:pointer;padding:0}a.grd__tbl:hover,button.grd__tbl:hover{background:var(--latar);color:var(--teks)}.grd__tbl--hapus:hover{background:var(--merah-muda);border-color:var(--merah);color:var(--merah)}.frm__kepala{border-radius:var(--r-l);background:var(--hijau-tengah);color:#fff;align-items:center;gap:14px;margin-bottom:18px;padding:14px 18px;display:flex}.frm__balik{border-radius:var(--r);color:#fff;background:#ffffff1f;border:1px solid #ffffff38;flex:none;place-items:center;width:42px;height:42px;display:grid}.frm__balik:hover{background:#ffffff38}.frm__balik svg{width:19px;height:19px}.frm__kepala h1{letter-spacing:-.02em;color:#fff;margin:0;font-size:22px;font-weight:660}.frm__kepala p{color:#ffffffb8;margin:2px 0 0;font-size:13px}.frm__kepala code{color:#fff;background:#ffffff24}.frm__medan{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.frm__f{min-width:0;display:block}.frm__f--lebar{grid-column:1/-1}.frm__f>span{margin-bottom:5px;font-size:13px;font-weight:560;display:block}.frm__wajib{color:var(--merah)}.frm__f input,.frm__f textarea{width:100%;height:42px;font:inherit;color:var(--teks);background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r);padding:0 12px;font-size:14px}.frm__f textarea{resize:vertical;height:auto;padding:10px 12px;line-height:1.6}.frm__f input:focus,.frm__f textarea:focus{border-color:var(--hijau-terang);outline:none;box-shadow:0 0 0 3px #3e8a5f29}.frm__angka{display:block;position:relative}.frm__f .frm__angka input{text-align:right;font-variant-numeric:tabular-nums}.frm__f .frm__angka--rp input{padding-left:40px}.frm__rp{color:var(--teks-lemah);pointer-events:none;font-size:13.5px;font-weight:600;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.frm__pisah{border-bottom:2px solid var(--hijau);letter-spacing:.04em;text-transform:uppercase;color:var(--hijau-tengah);align-self:end;padding:6px 0 8px;font-size:16px;font-weight:760}.frm__f--tengah input,.frm__f--tengah textarea,.frm__f--tengah select{text-align:center}.frm__f--kanan input,.frm__f--kanan textarea,.frm__f--kanan select{text-align:right}.frm__f--tengah .frm__cari textarea,.frm__f--kanan .frm__cari textarea{padding-right:14px}.frm__cari{display:block;position:relative}.frm__f .frm__cari textarea{padding-left:40px}.frm__cari>svg{width:17px;height:17px;color:var(--teks-lemah);pointer-events:none;position:absolute;top:12px;left:13px}.frm__f input[readonly],.frm__f textarea[readonly],.frm__f select[disabled]{background:var(--latar);color:var(--teks-lemah);border-color:var(--garis);cursor:default;opacity:1;-webkit-text-fill-color:currentColor}.frm__f input[readonly]:focus,.frm__f textarea[readonly]:focus{border-color:var(--garis);box-shadow:none}form[data-menu="01.47.03.00.00.00"] .frm__f input[required],form[data-menu="01.47.03.00.00.00"] .frm__f textarea[required],form[data-menu="01.47.03.00.00.00"] .frm__f select[required],form[data-menu="01.47.03.00.00.00"] .frm__f input[readonly],form[data-menu="01.47.03.00.00.00"] .frm__f textarea[readonly],form[data-menu="01.47.01.00.00.00"] .frm__f input[required],form[data-menu="01.47.01.00.00.00"] .frm__f textarea[required],form[data-menu="01.47.01.00.00.00"] .frm__f select[required],form[data-menu="01.47.01.00.00.00"] .frm__f input[readonly],form[data-menu="01.47.01.00.00.00"] .frm__f textarea[readonly]{background:var(--kartu);color:var(--teks);border-color:var(--garis-tebal);-webkit-text-fill-color:var(--teks)}.frm__tgl{display:block;position:relative}.frm__f .frm__tgl input{cursor:pointer;padding-right:40px}.frm__tgl.is-pilih input::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}.frm__tgl.is-bawaan .frm__tgl-ikon{display:none}.frm__tgl.is-bawaan input{padding-right:12px}.frm__tgl-ikon{width:30px;height:30px;color:var(--hijau);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.frm__tgl-ikon:hover{background:var(--hijau-muda)}.frm__tgl-ikon svg{width:17px;height:17px}.frm__aksi{border-top:1px solid var(--garis);justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}.frm__aksi .btn{align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.frm__aksi .btn svg{width:16px;height:16px}@media (width<=700px){.frm__medan{grid-template-columns:1fr}}.grd__rinci{margin-top:10px}.grd__rinci summary{cursor:pointer;font-size:13px;font-weight:560}.grd__rinci .grd__sql{margin-top:8px}.frm__medan--pola{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.frm__medan--pola{grid-template-columns:1fr}.frm__medan--pola>.frm__f{grid-area:auto/1/auto/-1!important}}.card--kosong{min-height:260px}.topbar__ikon.is-aktif svg{transform:rotate(45deg)}.topbar__ikon[aria-label*=database].is-aktif svg{transform:none}.bd__tanpa{color:var(--merah);font-size:12.5px}.bd__bangun{margin-top:16px}.bd__bangun textarea{font-family:ui-monospace,Consolas,monospace}.bd__bangun .grd__sql{margin-top:10px}.bd__aksi{border-top:1px solid var(--garis);align-items:center;gap:14px;margin-top:18px;padding-top:16px;display:flex}.bd__ingat{color:var(--merah);flex:1;font-size:13px}.bd__tombol{background:var(--kartu);height:40px;color:var(--merah);border:1px solid var(--merah);padding:0 20px}.bd__tombol:hover{background:var(--merah);color:#fff}.bd__grant{-webkit-user-select:all;user-select:all;margin:0;font-size:12.5px;line-height:1.65}.bd__selisih{margin-top:4px}.bd__selisih th{width:22%}.bd__aksi--utama{border-top:0;margin-top:10px;padding-top:0}.bd__ingat--aman{color:var(--teks-lemah)}.frm__f select{width:100%;height:42px;font:inherit;color:var(--teks);background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r);padding:0 12px;font-size:14px}.frm__f select:focus{border-color:var(--hijau-terang);outline:none;box-shadow:0 0 0 3px #3e8a5f29}.frm__f input[required],.frm__f textarea[required],.frm__f select[required]{background:var(--wajib-latar);color:var(--teks);border-color:var(--wajib-tepi);-webkit-text-fill-color:var(--teks)}.frm__f input[required]::placeholder,.frm__f textarea[required]::placeholder{color:var(--teks-lemah)}.frm__f input[required]:focus,.frm__f textarea[required]:focus,.frm__f select[required]:focus{border-color:var(--hijau-terang);box-shadow:0 0 0 3px #3e8a5f4d}.frm__f input[required][readonly],.frm__f textarea[required][readonly]{background:var(--latar);color:var(--teks-lemah);border-color:var(--garis);-webkit-text-fill-color:var(--teks-lemah)}.tbd{border-top:1px solid var(--garis);margin-top:24px;padding-top:20px}.tbd__kepala{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.tbd__tab{flex-wrap:wrap;flex:1;gap:8px;min-width:0;display:flex}.tbd__tambah{flex:none;place-items:center;width:38px;height:38px;padding:0;display:grid}.tbd__tambah svg{width:17px;height:17px}.tbd__kartu{border:1px solid var(--garis);border-radius:var(--r);background:var(--latar);margin-top:14px;padding:18px}.tbd__medan{flex-wrap:wrap;gap:14px;padding-bottom:8px;display:flex}.tbd__medan>.frm__f{flex:220px;min-width:0}.tbd__medan--grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-flow:dense;align-items:start;display:grid}.tbd__medan--grid>.frm__f{min-width:0}.tbd__kartu .frm__f{margin:0}.tbd__kartu textarea{min-height:42px}.tbd__kartu .frm__angka input,.tbd__kartu .frm__tgl input{width:100%;height:42px;font:inherit;color:var(--teks);background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r);padding:0 12px;font-size:14px}.tbd__kartu .frm__angka input{text-align:right}.tbd__kartu input[readonly],.tbd__kartu textarea[readonly],.tbd__kartu select[disabled]{background:var(--latar);color:var(--teks-lemah);border-color:var(--garis);cursor:default;opacity:1;-webkit-text-fill-color:currentColor}.tbd__kartu .frm__angka--rp input{padding-left:40px}.tbd__kartu .frm__tgl input{cursor:pointer;padding-right:40px}.tbd__cari{display:block;position:relative}.tbd__cari.is-cari textarea{padding-right:30px}.tbd__cari.is-cari:after{content:"";border:1.6px solid var(--teks-lemah);width:13px;height:13px;box-shadow:5px 5px 0 -4.4px var(--teks-lemah);pointer-events:none;border-radius:50%;position:absolute;top:14px;right:10px}.tbd__cari-galat{color:var(--merah);margin:4px 0 0;font-size:12px;line-height:1.45}.tbd__saran{z-index:300;background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r);max-height:220px;margin:0;padding:4px;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 10px 24px #0000001f}.tbd__saran li{border-radius:var(--r-s);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:7px 10px;font-size:13.5px;overflow:hidden}.tbd__saran li:hover,.tbd__saran li.is-pilih{background:var(--hijau-muda);color:var(--hijau-tengah)}.tbd__centang{align-items:center;height:42px;display:flex}.tbd__centang input{width:20px;height:20px;accent-color:var(--botol)}.tbd__kartu-aksi{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.tbd__tabel tbody tr:not(.tbd__kosong-baris){cursor:pointer}.tbd__tabel tbody tr:not(.tbd__kosong-baris):hover{background:var(--latar)}.tbd__tabel tbody tr.is-sunting,.tbd__tabel tbody tr.is-sunting:hover{background:var(--hijau-muda);box-shadow:inset 3px 0 0 var(--hijau)}.tbd__aksi-kepala{width:1%}.tbd__aksi{white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;width:1%;display:flex}.tbd__buang,.tbd__desain{width:28px;height:28px;color:var(--teks-lemah);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.tbd__buang:hover{background:var(--merah-muda);color:var(--merah)}.tbd__buang:disabled{opacity:.35;cursor:default;background:0 0}.tbd__tanya{border:1px solid var(--garis-tebal);border-radius:var(--r-l);background:var(--kartu);width:min(420px,92vw);max-width:none;color:var(--teks);padding:0;box-shadow:0 18px 48px #17251c47}.tbd__tanya::backdrop{background:#0d25178c}.tbd__tanya-isi{flex-direction:column;gap:12px;padding:22px 24px 18px;display:flex}.tbd__tanya-isi h2{letter-spacing:-.005em;text-wrap:balance;margin:0;font-size:17px;font-weight:620;line-height:1.4}.tbd__tanya-isi h2 strong{font-weight:700}.tbd__tanya-tombol{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.tbd__tanya-tombol .btn{padding:0 18px}.tbd__tanya-hapus{background:var(--merah);color:#fff;border-color:var(--merah)}.tbd__tanya-hapus:hover{background:#8c2f28;border-color:#8c2f28}.tbd__tanya-hapus:disabled{opacity:.6;cursor:default}.tbd__buang svg,.tbd__desain svg{width:15px;height:15px}.tbd__desain:hover{background:var(--latar);color:var(--teks)}.tbd__tombol{font:inherit;color:var(--botol);background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r);cursor:pointer;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:560;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.tbd__tombol:hover,.tbd__tombol.is-aktif{color:#fff;background:var(--botol);border-color:var(--botol)}.tbd__tombol:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.tbd__isi{display:none}.tbd__isi.is-aktif{display:block}.tbd__gulir{border:1px solid var(--garis);border-radius:var(--r);overflow-x:auto}.tbd__tabel{white-space:nowrap}.tbd__tabel th{background:var(--latar)}.tbd__tabel th,.tbd__tabel td{padding:10px 14px}.tbd__kosong{text-align:center;color:var(--teks-lemah);white-space:normal;font-size:13px;padding:22px 14px!important}.ppn{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px;display:grid}.ppn__kartu,.ppn__grafik{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--r);padding:16px 18px}.ppn__grafik{grid-column:span 2}@media (width<=720px){.ppn__grafik{grid-column:span 1}}.ppn__judul{letter-spacing:.06em;text-transform:uppercase;color:var(--teks-lemah);margin:0 0 6px;font-size:11.5px;font-weight:620}.ppn__angka{color:var(--hijau-tengah);font-variant-numeric:tabular-nums;margin:0;font-size:30px;font-weight:700;line-height:1.1}.ppn__kosong{color:var(--teks-lemah);margin:12px 0 0;font-size:13px}.ppn__grafik svg{width:100%;height:auto;display:block}.ppn__bantu{stroke:var(--garis);stroke-width:1px}.ppn__sumbu{fill:var(--teks-lemah);font-family:inherit;font-size:11px}.ppn__donat{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.ppn__donat svg{flex:none;width:160px}.ppn__kunci{margin:0;padding:0;font-size:12.5px;list-style:none}.ppn__kunci li{align-items:center;gap:8px;padding:3px 0;display:flex}.ppn__kunci i{border-radius:2px;flex:none;width:10px;height:10px}.ppn__kunci b{font-variant-numeric:tabular-nums;margin-left:auto}.ppn__kunci--baris{flex-wrap:wrap;gap:6px 18px;margin-top:8px;display:flex}.ppn__kunci--baris li{padding:0}.ppn__kunci--baris b{margin-left:6px}.ppn__ket{color:var(--teks-lemah);margin:8px 0 0;font-size:11.5px}.ppn__kartu{align-items:flex-start;gap:12px;display:flex;position:relative;overflow:hidden}.ppn__isi{flex:1;min-width:0}.ppn__kartu--warna{border-color:#0000}.ppn__kartu--warna .ppn__judul{color:#ffffffc7}.ppn__kartu--warna .ppn__angka{color:#fff}.ppn__kartu--warna .ppn__ket-kartu{color:#ffffffb3}.ppn__kartu--warna .ppn__ikon{color:#ffffff59}.ppn__ket-kartu{color:var(--teks-lemah);margin:4px 0 0;font-size:11.5px}.ppn__ikon{width:30px;height:30px;color:var(--garis-tebal);flex:none}.ppn__tabel{border-collapse:collapse;width:100%;margin-top:6px;font-size:13px}.ppn__tabel td{border-bottom:1px solid var(--garis);padding:7px 4px}.ppn__tabel tr:last-child td{border-bottom:0}.ppn__no{width:26px;color:var(--teks-lemah);font-variant-numeric:tabular-nums}.ppn__nilai{text-align:right;font-variant-numeric:tabular-nums;width:60px;font-weight:640}.ppn__aksi{flex-direction:column;gap:8px;display:flex}.ppn__aksi .btn{place-items:center;width:100%;height:40px;text-decoration:none;display:grid}.frm__centang{background:var(--kartu);border:1px solid var(--garis);cursor:pointer;border-radius:8px;align-items:center;gap:10px;height:38px;padding:0 12px;display:flex}.frm__centang input{width:17px;height:17px;accent-color:var(--hijau-tengah);cursor:pointer;margin:0}.frm__centang span{color:var(--teks);font-size:14px}.frm__centang:has(input:disabled){background:var(--latar);cursor:default}:is(.frm__centang:has(input:disabled) input,.frm__centang:has(input:disabled) span){cursor:default}.frm__centang:has(input:focus-visible){border-color:var(--hijau-tengah);box-shadow:0 0 0 3px #2f6b4a24}.frm__kotak{background:var(--kartu);border:1px solid var(--garis);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 20px;min-height:38px;padding:8px 12px;display:flex}.frm__kotak-satu{cursor:pointer;white-space:nowrap;align-items:center;gap:7px;display:flex}.frm__kotak-satu input{width:16px;height:16px;accent-color:var(--hijau-tengah);cursor:pointer;margin:0}.frm__kotak-satu span{color:var(--teks);font-size:14px}.frm__kotak:has(input:disabled){background:var(--latar)}.frm__kotak:has(input:disabled) .frm__kotak-satu{cursor:default}.frm__kotak:has(input:disabled) input{cursor:default}.frm__kartu--lihat input:disabled,.frm__kartu--lihat textarea:disabled,.frm__kartu--lihat select:disabled,.frm__kartu--lihat input[readonly],.frm__kartu--lihat textarea[readonly]{background:var(--latar);color:var(--teks);-webkit-text-fill-color:var(--teks);cursor:default}.frm__kartu--lihat input[type=date]::-webkit-calendar-picker-indicator{display:none}.srg{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--r);flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:14px;padding:14px 16px;display:flex}.srg__f{flex-direction:column;gap:5px;display:flex}.srg__f>span{letter-spacing:.05em;text-transform:uppercase;color:var(--teks-lemah);font-size:11.5px;font-weight:620}.srg input[type=text],.srg input[type=date],.srg select{height:38px;font:inherit;color:var(--teks);background:var(--kartu);border:1px solid var(--garis);border-radius:8px;padding:0 10px;font-size:14px}.srg input[type=date]{min-width:150px}.srg select,.srg input[type=text]{min-width:175px}.srg input:focus,.srg select:focus{border-color:var(--hijau-tengah);outline:none;box-shadow:0 0 0 3px #2f6b4a24}.srg__periode{align-items:center;gap:8px;display:flex}.srg__periode i{color:var(--teks-lemah);font-size:12.5px;font-style:normal}.srg__aksi{gap:8px;display:flex}.srg__tbl{cursor:pointer;border:1px solid #0000;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.srg__tbl svg{width:19px;height:19px}.srg__tbl--ok{background:var(--hijau-tengah);color:#fff}.srg__tbl--ok:hover{background:var(--hijau-bawah)}.srg__tbl--reset{background:var(--kartu);border-color:var(--garis);color:var(--teks-lemah)}.srg__tbl--reset:hover{color:var(--teks);border-color:var(--garis-tebal)}.srg__tbl:focus-visible{outline:none;box-shadow:0 0 0 3px #2f6b4a40}@media (width<=720px){.srg__f,.srg select,.srg input[type=text]{width:100%}}.ppn__grafik:not(.ppn__aksi){cursor:zoom-in}.ppn-besar{border-radius:var(--r);background:var(--kartu);border:0;width:min(1100px,92vw);max-height:88vh;padding:0;overflow:visible;box-shadow:0 24px 70px #0000004d}.ppn-besar::backdrop{background:#0c1a128c}.ppn-besar__isi{padding:22px 24px 24px}.ppn-besar__isi .ppn__grafik{cursor:default;border:0;grid-column:auto;padding:0}.ppn-besar__isi .ppn__judul{margin-bottom:14px;font-size:13px}.ppn-besar__isi .ppn__donat svg{width:260px}.ppn-besar__isi .ppn__kunci,.ppn-besar__isi .ppn__tabel{font-size:14px}.ppn-besar__isi .ppn__tabel td{padding:9px 6px}.ppn-besar__tutup{width:32px;height:32px;color:var(--teks-lemah);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.ppn-besar__tutup:hover{color:var(--teks);background:var(--latar)}@media print{.sidebar,.bilah,.topbar,.grd__cari,.srg,.frm__aksi,.grd__tambah,.grd__aksi,.grd__aksi-kepala,.jejak,.breadcrumb,.kabar{display:none!important}body,.isi,.utama,main{background:#fff!important;margin:0!important;padding:0!important}.card,.frm__kartu,.grd__kartu{box-shadow:none!important;border:0!important;padding:0!important}.frm__kartu--lihat input,.frm__kartu--lihat textarea,.frm__kartu--lihat select{color:#000!important;-webkit-text-fill-color:#000!important;background:#fff!important;border-color:#999!important}.frm__pisah{color:#000!important;border-color:#000!important}a[href]:after{content:none!important}@page{margin:14mm}.frm__kepala,.grd__kepala,.kepala{display:none!important}}.lap__bilah{gap:8px;margin-bottom:14px;display:flex}.lap__kertas{padding:26px 30px}.lap__kepala{text-align:center;margin-bottom:18px}.lap__kepala h1{margin:0 0 4px;font-size:19px}.lap__kepala p{color:var(--teks-lemah);margin:2px 0;font-size:13px}.lap__cetak-pada{font-size:11.5px!important}.lap__peringatan{color:#7a4a00;background:#fdf3e0;border:1px solid #f0d9ae;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:12.5px}.lap__tabel{border-collapse:collapse;width:100%;font-size:13px}.lap__tabel th{letter-spacing:.04em;text-transform:uppercase;border-bottom:1.5px solid var(--teks);padding:7px 8px;font-size:11.5px}.lap__tabel td{border-bottom:1px solid var(--garis);padding:6px 8px}.lap--kiri{text-align:left}.lap--tengah{text-align:center}.lap--kanan{text-align:right;font-variant-numeric:tabular-nums}.lap__judul-kelompok td{border-bottom:1px solid var(--teks);padding-top:12px;font-weight:650}.lap__sub td{background:var(--latar);font-weight:620}.lap__tabel tfoot td{border-top:1.5px solid var(--teks);border-bottom:0;padding:9px 8px;font-weight:700}.lap__ttd{justify-content:flex-end;gap:70px;margin-top:34px;font-size:13px;display:flex}.lap__ttd div{text-align:center}.lap__ttd i{height:52px;display:block}.lap__ttd span:last-child{border-top:1px solid var(--teks);min-width:150px;padding-top:3px;display:block}@media print{.lap__bilah{display:none!important}.lap__kertas{padding:0!important}.lap__sub td{background:0 0!important}}@page{size:auto}.lap__sub td:first-child{white-space:nowrap}@media print{.lap__tabel thead{display:table-header-group}.lap__tabel tfoot{display:table-footer-group}.lap__tabel tr{page-break-inside:avoid}}#root{height:100%}.dsn__kabar{flex:auto;align-self:center;min-width:0;margin:0 auto 0 0}@media (width<=720px){.dsn__aksi{flex-wrap:wrap}.dsn__kabar{flex-basis:100%;margin-bottom:10px}}.alert--besar{margin-bottom:18px;padding:16px 20px;font-size:15px;font-weight:620}.kabar--awas{color:#7a5310;border-color:var(--amber-tua);background:#fdf4e3}.kabar__aksi{margin-left:8px;font-weight:640;text-decoration:underline}.tautan-tombol{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}.crumbs button.tautan-tombol{color:var(--hijau);text-decoration:underline}@media (prefers-reduced-motion:reduce){.login-card{transition:none;transform:none}.login-card .btn{transition:background .12s,border-color .12s}.login-card .btn:active{transform:none}}.topbar__bahasa{border:1px solid var(--botol);border-radius:var(--r-s);display:inline-flex;overflow:hidden}.topbar__bahasa button{letter-spacing:.04em;color:var(--botol);background:0 0;border:0;padding:7px 10px;font-size:12px;font-weight:640}.topbar__bahasa button+button{border-left:1px solid var(--botol)}.topbar__bahasa button.is-aktif{background:var(--botol);color:#fff}.topbar__bahasa button:not(.is-aktif):hover{background:var(--botol-pucat,#0000000d)}:root{--hijau-atas:#3e66a0;--hijau-tengah:#477275;--hijau-bawah:#507d49;--hijau:#4a777a;--hijau-terang:#7ab071;--hijau-muda:#f0f6ef;--botol:#466d3f;--botol-gelap:#395933;--botol-tepi:#3f6339;--hijau-puncak:#86b77d;--hijau-sisi:#304b2c}.login-card__head{background:linear-gradient(170deg, #5a8a55 0%, var(--botol) 55%, #33512e 100%)}.login-card .btn-primary{background:linear-gradient(180deg, #5a8a55 0%, var(--botol) 100%);box-shadow:0 3px #2b4127,0 5px 10px #17251c38,inset 0 1px #fff3}.login-card .btn-primary:active{box-shadow:0 0 #2b4127,0 1px 3px #17251c33,inset 0 1px #fff3}.dsn__tombol button:active{background:#2b4127}.petal-xp,.petal-agile{background:linear-gradient(145deg, var(--hijau-puncak) 0%, var(--hijau) 46%, #3a5f61 100%)}.frm__kepala,.grd__kepala,.panel{background:linear-gradient(90deg, var(--hijau-atas) 0%, var(--hijau-tengah) 52%, var(--hijau-bawah) 100%)}.login-brand h1{font-size:22px}:root{--sidebar-w:292px;--sb-atas:#2b4b73;--sb-tengah:#356570;--sb-bawah:#46835a;--sb-teks:#fff;--sb-redup:#f2f5f7c7;--sb-amber:#e6b54a;--sb-pil:#c39a48;--sb-lorong:#ffffff14;--sb-buka:#ffffff26}.sidebar{background:linear-gradient(180deg, var(--sb-atas) 0%, var(--sb-tengah) 45%, var(--sb-bawah) 100%);color:var(--sb-teks);font-family:Plus Jakarta Sans,Arial,Helvetica,sans-serif}.sidebar__brand{border-bottom:1px solid #ffffff24;gap:14px;height:auto;padding:16px 18px}.sidebar__mark{background:linear-gradient(150deg,#3b6c95 0%,#4c8b5e 100%);border-radius:14px;width:48px;height:48px;box-shadow:inset 0 0 0 1px #ffffff47,0 2px 6px #0000002e}.sidebar__mark svg{width:24px;height:24px}.sidebar__name{letter-spacing:-.01em;color:#fff;font-size:19px;font-weight:800}.sidebar__name2{color:var(--sb-amber)}.sidebar__sub{letter-spacing:.01em;color:var(--sb-redup);margin-top:2px;font-size:12.5px;font-weight:500}.sidebar__search{padding:14px 14px 10px;position:relative}.sidebar__kaca{fill:none;width:19px;height:19px;stroke:var(--sb-teks);stroke-width:2px;stroke-linecap:round;pointer-events:none;margin-top:2px;position:absolute;top:50%;left:30px;transform:translateY(-50%)}.sidebar__search input{color:#fff;background:#ffffff21;border:1px solid #ffffff3d;border-radius:12px;height:48px;padding:0 14px 0 48px;font-size:15px}.sidebar__search input::placeholder{color:#ffffffbf}.sidebar__search input:focus{background:#ffffff2b;border-color:#e6b54ab3}.nav{scrollbar-width:auto;scrollbar-color:#12242cb3 #ffffff0f;padding:4px 10px 32px 12px}.nav::-webkit-scrollbar{width:12px}.nav::-webkit-scrollbar-track{background:#ffffff0f;border-radius:8px}.nav::-webkit-scrollbar-thumb{background:#12242cb3 padding-box padding-box;border:2px solid #0000;border-radius:8px}.sb-akar,.sb-akar ul,.sb-anak{margin:0;padding:0;list-style:none}.sb-judul,.sb-item,.sb-sub{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;transition:background .12s,color .12s;display:flex}.sb-label{white-space:normal;overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.3}.sb-ubin{border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.sb-ikon{fill:none;stroke:#fff;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sb-panah{fill:none;width:18px;height:18px;stroke:var(--sb-redup);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-right:6px;transition:transform .15s}[aria-expanded=true]>.sb-panah{transform:rotate(180deg)}.sb-bagian+.sb-bagian,.sb-akar>li+.sb-bagian{margin-top:10px}.sb-judul{letter-spacing:.065em;text-transform:uppercase;color:var(--sb-teks);border-radius:10px;gap:14px;padding:8px 6px;font-size:12.5px;font-weight:800;position:relative}.sb-judul:hover{background:var(--sb-lorong)}.sb-judul .sb-panah{opacity:0;margin-top:-9px;position:absolute;top:50%;right:4px}.sb-judul:hover .sb-panah,.sb-judul:focus-visible .sb-panah{opacity:1}.sb-bagian>ul{border-left:2px solid #ffffff2e;margin:2px 0 6px 21px;padding-left:12px}.sb-item{min-height:46px;color:var(--sb-teks);border-radius:12px;gap:14px;margin:2px 0;padding:7px 6px;font-size:15px;font-weight:500}.sb-item:hover{background:var(--sb-lorong)}.sb-item--cabang[aria-expanded=true]{background:var(--sb-buka);font-weight:700}.sb-item[aria-current=page],.sb-sub[aria-current=page]{background:var(--sb-pil);color:#fff;font-weight:700;box-shadow:0 3px 10px #0000002e}.sb-anak{border-left:2px solid #fff3;margin:4px 0 8px 14px;padding-left:8px}.sb-anak .sb-anak{margin-left:8px}.sb-sub{min-height:40px;color:var(--sb-teks);border-radius:10px;gap:9px;margin:3px 0;padding:6px 8px;font-size:15px;font-weight:500}.sb-sub:hover{background:var(--sb-lorong)}.sb-nomor{background:#ffffff2e;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.sb-sub[aria-current=page] .sb-nomor{background:#ffffff52}.lencana{white-space:nowrap;margin-left:0}.lencana--tentatif,.lencana--diajukan{color:#7a5310;background:#fdf4e3}.lencana--dp,.lencana--disetujui{color:#24508f;background:#e5eefb}.lencana--lunas,.lencana--dibayar,.lencana--terkunci{background:var(--hijau-muda);color:var(--botol)}.lencana--selesai{color:#3d4a42;background:#e9ecea}.lencana--batal,.lencana--ditolak{background:var(--merah-muda);color:var(--merah)}.grd__kepala .btn{align-items:center;gap:6px;height:40px;padding:0 14px;display:inline-flex}.grd__kepala .btn svg{width:16px;height:16px}.kepala__aksi{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kepala__bulan{text-align:center;min-width:150px;font-size:15px;font-weight:640}.stat__value--kecil{font-size:22px}.stat--peringatan{border-left-color:var(--merah)}.kal{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.kal__hd{letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#fff;background:var(--hijau-tengah);border-radius:var(--r-s);padding:6px 0;font-size:11.5px;font-weight:620}.kal__hari{min-height:96px;font:inherit;text-align:left;color:inherit;background:var(--kartu);border:1px solid var(--garis);border-radius:var(--r);cursor:pointer;flex-direction:column;gap:3px;padding:6px;display:flex;overflow:hidden}.kal__hari:hover{border-color:var(--hijau-terang);background:var(--latar)}.kal__hari--luar{cursor:default;background:0 0;border-style:dashed}.kal__hari--ini{box-shadow:inset 0 0 0 2px var(--amber)}.kal__hari[aria-pressed=true]{border-color:var(--botol);box-shadow:inset 0 0 0 2px var(--botol)}.kal__tgl{font-size:13px;font-weight:680}.kal__ev{white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:2px 6px;font-size:11.5px;line-height:1.35;display:block;overflow:hidden}.kal__legenda{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}@media (width<=700px){.kal{gap:3px}.kal__hari{min-height:64px;padding:4px}.kal__ev{height:6px;padding:0;font-size:0}}.grd__tabel .is-coret td{opacity:.55;text-decoration:line-through}.grd__tabel tfoot td{background:var(--hijau-muda);border-top:1px solid var(--garis-tebal);padding:13px 18px;font-weight:700}.grd__kanan,.grd__tabel th.grd__kanan,.grd__tabel td.grd__kanan{text-align:right}.grd__tabel td.grd__bungkus{white-space:normal;min-width:180px}.grd__tabel tfoot td.grd__aksi{background:var(--hijau-muda)}.lap--kanan,.grd__tabel td{white-space:nowrap}.grd__sel-dua{color:var(--teks-lemah);font-size:12px;display:block}.grd__tabel .grd__aksi{white-space:nowrap}.grd__tbl:disabled{opacity:.4;cursor:not-allowed}.grd__pesan{color:var(--teks-lemah);white-space:normal;margin-top:3px;font-size:12px;display:block}.card .tbd__kepala{margin-bottom:18px}.card-isi+.card-isi{margin-top:18px}.frm__kartu+.card,.card+.frm__kartu{margin-top:16px}.frm__f input[type=time],.frm__f input[type=month],.frm__f input[type=number],.frm__f input[type=file]{padding:0 12px}.frm__f input[type=file]{padding-top:9px}.frm__centang{align-items:center;gap:8px;min-height:42px;font-size:14px;display:flex}.frm__centang input{width:18px;height:18px;accent-color:var(--botol)}.frm__catatan{color:var(--teks-lemah);margin:6px 0 0;font-size:12.5px}.fas__kategori{color:var(--hijau-tengah);margin:4px 0 8px;font-size:13px;font-weight:680}.fas__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 16px;margin-bottom:14px;display:grid}.fas__butir{border:1px solid var(--garis);border-radius:var(--r);background:var(--latar);padding:10px 12px}.fas__butir.is-pilih{border-color:var(--hijau-terang);background:var(--hijau-muda)}.fas__butir label{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:560;display:flex}.fas__butir label input{width:17px;height:17px;accent-color:var(--botol)}.fas__butir>input{width:100%;height:34px;font:inherit;border:1px solid var(--garis-tebal);border-radius:var(--r-s);background:var(--kartu);margin-top:8px;padding:0 10px;font-size:13px}.grd__isian{min-width:150px;height:34px;font:inherit;border:1px solid var(--garis-tebal);border-radius:var(--r-s);background:var(--kartu);padding:0 10px;font-size:13.5px}.srg input[type=month],.srg input[type=search]{min-width:175px;height:38px;font:inherit;color:var(--teks);background:var(--kartu);border:1px solid var(--garis);border-radius:8px;padding:0 10px;font-size:14px}.btn-kecil{align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;display:inline-flex}.btn-kecil svg{width:14px;height:14px}.btn-bahaya{background:var(--kartu);color:var(--merah);border-color:var(--merah)}.btn-bahaya:hover{background:var(--merah);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.tindakan{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tindakan+.tindakan{border-top:1px solid var(--garis);margin-top:14px;padding-top:14px}.topbar__peran{text-transform:capitalize}.ctk__kop{border-bottom:2px solid var(--teks);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;padding-bottom:14px;display:flex}.ctk__usaha{font-size:20px;font-weight:760}.ctk__judul{text-align:right}.ctk__judul b{letter-spacing:.04em;font-size:18px;display:block}.ctk__isi p{line-height:1.7}.ctk__isi h2{margin:22px 0 10px;font-size:15px}.ctk__tabel th{width:210px}.ctk__kotak{border:1px solid var(--garis-tebal);border-radius:var(--r-s);min-height:70px;padding:8px}.ctk__kecil{color:var(--teks-lemah);font-size:12.5px}.ctk__tempat{text-align:right;margin-top:22px}.lap__ttd--rata{justify-content:space-between}@media print{.lencana{padding:0;color:#000!important;background:0 0!important}.ctk__kecil{color:#333!important}.ctk__layar{display:none!important}}.akt__kode{font-variant-numeric:tabular-nums;color:var(--teks-lemah,#5b6b62);width:70px}.akt__baris{cursor:pointer}.akt__baris:hover td{background:var(--hijau-muda)}.akt__judul td{text-transform:uppercase;letter-spacing:.04em;color:var(--botol);border-bottom:1px solid var(--garis-tebal);padding-top:16px;font-size:12px;font-weight:700}.akt__sub td{border-top:1px solid var(--garis-tebal)}.akt__sub--kuat td{border-top:2px solid var(--botol);font-size:15px}.akt__lap{max-width:760px}.akt__dua{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.akt__dua{grid-template-columns:1fr}}.akt__kepala-jurnal td{background:var(--latar-lembut,#f5f8f6);border-top:1px solid var(--garis-tebal)}.akt__baris-jurnal td{border-bottom:0;padding-top:4px;padding-bottom:4px}.akt__kredit{padding-left:36px!important}.akt__isian select,.akt__isian input{width:100%;min-width:140px}.akt__isian td:first-child{min-width:260px}.peg__absen{text-align:center;padding:28px 16px}.peg__jam{color:var(--botol);font-variant-numeric:tabular-nums;font-size:54px;font-weight:700;line-height:1}.peg__tgl{color:var(--teks-lemah);margin:8px 0 20px}.peg__tombol{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.peg__tombol .btn{justify-content:center;min-width:170px;padding:14px 20px;font-size:16px}.peg__bilah{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:14px;display:flex}.peg__bilah .frm__f{min-width:170px}.peg__cek{align-items:center;gap:8px;font-size:14px;display:inline-flex}.peg__cek input{width:auto}.peg__rekap th,.peg__rekap td{text-align:center;padding:6px 5px}.peg__rekap td:first-child,.peg__rekap th:first-child{text-align:left;white-space:nowrap}.peg__sel{min-width:22px;font-size:12px;font-weight:700}.peg__sel--hadir{background:var(--hijau-muda);color:var(--botol)}.peg__sel--alpa{background:var(--merah-muda);color:var(--merah)}.peg__sel--izin,.peg__sel--sakit{color:#7a5310;background:#fdf4e3}.peg__sel--cuti,.peg__sel--libur{color:#3d4a42;background:#e9ecea}.peg__edit td{background:var(--latar)}.peg__edit .peg__bilah{margin:4px 0}.peg__ttd{text-align:center;justify-content:space-between;margin-top:40px;display:flex}.peg__ttd>div{min-width:180px}.peg__tombol .btn svg{flex:none;width:20px;height:20px}.peg__tombol .btn{align-items:center;gap:8px;display:inline-flex}.peg__gaji{min-width:980px}.peg__bilah>.frm__angka{min-width:220px}.peg__absen+.trx input[type=month],.grd__kartu .tbd__kepala input[type=month]{border:1px solid var(--garis-tebal);font:inherit;border-radius:8px;padding:6px 10px}.prm__pilih{flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;font-size:14px;display:flex}.prm__pilih>span{font-weight:640}.qrm{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.qrm__kartu{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;margin:0!important}.qrm__kartu img,.qrm__kosong{width:180px;height:180px}.qrm__usaha{color:var(--botol);font-size:15px}.qrm__meja{font-size:22px}.qrm__kartu>span{color:var(--teks-lemah);font-size:13px}.qrm__aksi{gap:14px;font-size:13px;display:flex}@media print{.qrm{grid-template-columns:repeat(2,1fr);gap:10mm}.qrm__kartu{break-inside:avoid;box-shadow:none!important;border:1px dashed #999!important;padding:8mm!important}.qrm__kartu img{width:60mm;height:60mm}.qrm__aksi,.qrm__bilah,.grd>.grd__kepala{display:none!important}}.mm__foto{flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}.mm__foto-kotak{cursor:pointer;border:1px dashed var(--garis-tebal);background:var(--latar);width:72px;height:54px;color:var(--teks-lemah);border-radius:8px;place-items:center;display:grid;overflow:hidden}.mm__foto-kotak img{object-fit:cover;width:100%;height:100%}.mm__foto-kotak:hover{border-color:var(--botol);color:var(--botol)}.bkp{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:4px;display:grid}.bkp__kartu{text-align:left;font:inherit;color:var(--teks);background:var(--latar);border:2px solid var(--garis);border-radius:var(--r-l,12px);cursor:pointer;flex-direction:column;gap:3px;padding:0 0 10px;display:flex;overflow:hidden}.bkp__kartu img,.bkp__polos{aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:4px}.bkp__polos{color:var(--botol);background:var(--hijau-muda);opacity:.7;place-items:center;font-size:30px;font-weight:800;display:grid}.bkp__kartu b,.bkp__kartu>span:last-child{padding:0 10px}.bkp__kartu>span:last-child{color:var(--teks-lemah);font-size:12.5px}.bkp__kartu:hover{border-color:var(--hijau-terang,#7fb77a)}.bkp__kartu.is-aktif{border-color:var(--botol);box-shadow:0 0 0 3px var(--hijau-muda)}.bkp__kartu--tanpa .bkp__polos{background:var(--latar)}.bkp__mini{float:right;object-fit:cover;border-radius:8px;width:96px;height:72px;margin-left:10px}.ctk__foto-paket{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:70mm;max-width:100%;margin-bottom:6px;display:block}.btn>svg{flex:none;width:16px;height:16px}.peg__bilah input[type=date],.peg__bilah input[type=month]{height:38px;font:inherit;color:var(--teks);background:var(--kartu,#fff);border:1px solid var(--garis-tebal);border-radius:8px;padding:0 10px;font-size:14px}.ksr{flex-direction:column;gap:14px;display:flex}.ksr__terbuka{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.ksr__tagihan{min-width:150px;font:inherit;text-align:left;background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r);cursor:pointer;flex-direction:column;flex:none;align-items:flex-start;gap:2px;padding:9px 14px;font-size:13px;display:flex;position:relative}.ksr__tagihan span{color:var(--teks-lemah);font-size:12px}.ksr__tagihan.is-aktif{border-color:var(--botol);box-shadow:inset 0 0 0 2px var(--botol)}.ksr__tagihan--baru{color:var(--botol);flex-direction:row;align-items:center;gap:8px;min-width:0}.ksr__tagihan--baru svg{width:16px;height:16px}.ksr__siap{color:#fff;background:var(--amber-tua);border-radius:20px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:-7px;right:-6px}.ksr__isi{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:16px;display:grid}.ksr__melayang{display:none}@media (width<=860px){.ksr__isi{grid-template-columns:1fr}.ksr__tagihan-panel{scroll-margin-top:70px;position:static}.ksr__melayang{z-index:20;font:inherit;color:#fff;background:var(--botol);border-radius:var(--r-l);cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 8px 24px #00000040}.ksr__melayang b{font-size:17px}.ksr{padding-bottom:70px}}.ksr__menu{padding:16px}.ksr__alat{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ksr__petak{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.ksr__item-menu{min-height:96px;font:inherit;text-align:left;color:var(--teks);background:var(--latar);border:1px solid var(--garis);border-radius:var(--r-l);cursor:pointer;flex-direction:column;justify-content:space-between;gap:8px;padding:12px;transition:border-color .12s,background .12s,transform 60ms;display:flex;position:relative}.ksr__item-menu:hover{border-color:var(--hijau-terang);background:var(--hijau-muda)}.ksr__item-menu:active{transform:scale(.97)}.ksr__nama-menu{padding-right:30px;font-size:14px;font-weight:640;line-height:1.3}.ksr__harga{color:var(--botol);font-variant-numeric:tabular-nums;font-weight:700}.ksr__stasiun{color:#3d4a42;background:#e9ecea;border-radius:10px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700;position:absolute;top:8px;right:8px}.ksr__stasiun--bar{color:#24508f;background:#e5eefb}.ksr__tagihan-panel{padding:18px;position:sticky;top:0}.ksr__kepala{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ksr__kepala h2{margin:0;font-size:16px}.ksr__tipe{gap:6px;display:flex}.ksr__tipe .tbd__tombol,.ksr__metode .tbd__tombol{padding:7px 12px}.ksr__data{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.ksr__data .frm__f>span{font-size:12.5px}.ksr__data input,.ksr__data select{height:38px!important}.ksr__daftar{border-top:1px solid var(--garis);border-bottom:1px solid var(--garis);max-height:42vh;overflow-y:auto}.ksr__baris{border-bottom:1px dashed var(--garis);grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:9px 2px;font-size:13.5px;display:grid}.ksr__baris:last-child{border-bottom:0}.ksr__baris .lencana{font-size:10.5px}.ksr__baris:not(.ksr__baris--baru){grid-template-columns:auto 1fr auto auto auto}.ksr__qty{color:var(--botol);font-weight:700}.ksr__nama{min-width:0}.ksr__nama small{color:var(--amber-tua);font-size:11.5px;display:block}.ksr__nama input{width:100%;height:28px;font:inherit;border:1px solid var(--garis);border-radius:var(--r-s);background:var(--kartu);margin-top:4px;padding:0 8px;font-size:12px;display:block}.ksr__jumlah{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.ksr__aksi-item{gap:2px;display:flex}.ksr__aksi-item .grd__tbl{width:26px;height:26px;margin-left:0}.ksr__baris--baru{background:var(--hijau-muda);border-radius:var(--r-s);border-bottom:0;margin:3px 0;padding-left:6px;padding-right:6px}.ksr__ubah-qty{align-items:center;gap:6px;display:flex}.ksr__ubah-qty button{width:26px;height:26px;font:inherit;color:var(--botol);background:var(--kartu);border:1px solid var(--garis-tebal);cursor:pointer;border-radius:50%;font-weight:700}.ksr__pisah{letter-spacing:.06em;text-transform:uppercase;color:var(--teks-lemah);margin:10px 0 4px;font-size:11px;font-weight:700}.ksr__diskon{margin-top:12px;margin-bottom:0}.ksr__total{border-collapse:collapse;width:100%;margin:12px 0;font-size:14px}.ksr__total td{padding:3px 0}.ksr__total td:last-child{text-align:right;font-variant-numeric:tabular-nums}.ksr__grand td{color:var(--botol);border-top:2px solid var(--garis-tebal);padding-top:8px;font-size:20px;font-weight:760}.ksr__tombol{flex-wrap:wrap;gap:8px;display:flex}.ksr__tombol .btn{flex:140px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.ksr__tombol .btn-bahaya{flex-basis:100%;height:36px}.ksr__bayar .frm__aksi{margin-top:12px;padding-top:12px}.ksr__metode{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.ksr__cepat{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ksr__kembali{margin:10px 0 0;font-size:15px}.ksr__kembali b{color:var(--botol);font-size:18px}.ksr__selesai .struk{margin:0 auto}.grd__kepala .btn.is-aktif{color:var(--hijau-tengah);background:#fff;border-color:#fff}.kds{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:14px;display:grid}.kds__kartu{background:var(--kartu);border:1px solid var(--garis);border-top:6px solid var(--hijau-tengah);border-radius:var(--r-l);flex-direction:column;display:flex;overflow:hidden}.kds__kartu--sedang{border-top-color:var(--amber)}.kds__kartu--lama{border-top-color:var(--merah)}.kds__kepala{border-bottom:1px solid var(--garis);align-items:baseline;gap:10px;padding:12px 14px;display:flex}.kds__kepala b{font-size:24px}.kds__kepala span{flex:1;font-weight:600}.kds__kepala i{font-variant-numeric:tabular-nums;font-style:normal;font-weight:700}.kds__kartu--sedang .kds__kepala i{color:var(--amber-tua)}.kds__kartu--lama .kds__kepala i{color:var(--merah)}.kds__item{margin:0;padding:4px 0;list-style:none}.kds__baris{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 14px;display:grid}.kds__baris+.kds__baris{border-top:1px dashed var(--garis)}.kds__qty{color:var(--botol);font-size:18px;font-weight:800}.kds__nama{font-size:15px;font-weight:600}.kds__nama small{color:var(--merah);font-size:12.5px;font-weight:700;display:block}.kds__nama em{color:var(--teks-lemah);margin-left:6px;font-size:10.5px;font-style:normal;display:inline-block}.kds__baris--dimasak{background:#fdf4e3}.kds__baris--siap{background:var(--hijau-muda)}.kds__baris--siap .kds__nama{color:var(--teks-lemah)}.kds__semua{height:36px;margin:6px 14px 14px}.trx{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.trx .card+.card{margin-top:16px}.trx .tabel th{width:auto}@media (width<=1100px){.trx{grid-template-columns:1fr}}.struk{color:#000;border:1px dashed var(--garis-tebal);background:#fff;width:300px;max-width:100%;padding:14px 12px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;line-height:1.45}.struk__kop{text-align:center;flex-direction:column;align-items:center;margin-bottom:8px;display:flex}.struk__kop b{font-size:15px}.struk__info{border-top:1px dashed #000;border-bottom:1px dashed #000;flex-direction:column;padding:6px 0;display:flex}.struk table{border-collapse:collapse;width:100%}.struk td{vertical-align:top;padding:2px 0}.struk td:last-child{text-align:right;white-space:nowrap;padding-left:8px}.struk__item{margin:6px 0}.struk__total{border-top:1px dashed #000;padding-top:4px}.struk__grand td{border-top:1px dashed #000;padding-top:4px;font-size:14px;font-weight:800}.struk__batal{text-align:center;font-weight:800}.struk__kaki{text-align:center;margin:10px 0 0}@media print{body.cetak-struk *{visibility:hidden!important}body.cetak-struk .struk,body.cetak-struk .struk *{visibility:visible!important}body.cetak-struk .struk{border:0;width:72mm;padding:0;position:fixed;top:0;left:0}}.ksr__item-menu--paket{background:#fdf4e3;border-color:#f0d9ae}.ksr__item-menu--paket:hover{border-color:var(--amber);background:#fbecd0}.ksr__item-menu--paket .ksr__stasiun{background:var(--amber);color:#fff}.ksr__isi-paket{font-size:11.5px;font-weight:400;line-height:1.35;display:block;color:var(--teks-lemah)!important}.struk__isi{padding-left:6px;display:block}.ksr__opsi{font-size:12px;font-weight:600;display:block;color:var(--botol)!important}.kds__nama .kds__opsi{color:var(--botol);font-weight:700}.ksr__jendela{z-index:60;background:#0c1a1280;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ksr__jendela-isi{width:min(520px,100%);max-height:88vh;overflow-y:auto}.ksr__grup-opsi p{margin:12px 0 6px;font-size:13.5px;font-weight:640}.ksr__rincian-bayar{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ksr__rincian-bayar input{height:38px!important}.ksr__rincian-bayar input:disabled{background:var(--latar)}.ksr__tombol-kecil{flex-wrap:wrap;flex-basis:100%;gap:6px;display:flex}.ksr__tombol-kecil .btn{flex:auto;height:34px}.ksr__denah{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.ksr__meja{min-height:92px;font:inherit;color:var(--teks);background:var(--latar);border:2px dashed var(--garis-tebal);border-radius:var(--r-l);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.ksr__meja small{color:var(--teks-lemah);font-size:12px}.ksr__meja--isi{border:2px solid var(--amber);background:#fdf4e3}.ksr__meja--isi span{color:var(--botol);font-weight:700}.ksr__wa{gap:8px;margin-top:12px;display:flex}.ksr__wa input{height:34px;font:inherit;border:1px solid var(--garis-tebal);border-radius:var(--r-s);flex:1;padding:0 10px;font-size:13.5px}.resep-opsi{border:1px solid var(--garis);border-radius:var(--r);background:var(--latar);margin-bottom:8px;padding:10px 12px}.resep-opsi>b{display:block}.resep-opsi>.tautan-tombol{display:inline-block}.grf{position:relative}.grf__gulir{position:relative;overflow-x:auto}.grf svg{max-width:none;display:block}.grf__sumbu{fill:var(--teks-lemah);font-size:11px}.grf__nilai{fill:var(--teks);font-size:11.5px;font-weight:700}.grf__legenda{color:var(--teks-lemah);gap:16px;margin-bottom:8px;font-size:12.5px;display:flex}.grf__legenda i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.grf__legenda i.grf__garis{vertical-align:3px;width:14px;height:2px}.grf__tip{pointer-events:none;z-index:3;white-space:nowrap;color:var(--teks);background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r-s);flex-direction:column;gap:2px;padding:8px 10px;font-size:12.5px;display:flex;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 4px 14px #0000001f}.grf-h{flex-direction:column;gap:8px;display:flex}.grf-h__baris{grid-template-columns:minmax(90px,160px) 1fr auto;align-items:center;gap:10px;font-size:13.5px;display:grid}.grf-h__label{color:var(--teks);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grf-h__trek{height:14px}.grf-h__trek i{border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.grf-h__nilai{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.grf-h__nilai small{color:var(--teks-lemah);font-weight:400}.grf-p{border-collapse:separate;border-spacing:2px;font-size:11px}.grf-p th{color:var(--teks-lemah);text-align:center;padding:2px 4px;font-weight:600}.grf-p tbody th{text-align:left}.grf-p td{border-radius:4px;width:26px;min-width:22px;height:24px}.grf-p__kaki{color:var(--teks-lemah);flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.grf-p__kaki i{border-radius:2px;width:18px;height:10px;display:inline-block}.grf-p__kaki b{color:var(--teks);margin-left:12px;font-weight:600}.dsb .stat-row{margin-bottom:16px}.dsb__tanggal{height:40px;font:inherit;border-radius:var(--r);color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff24;border:1px solid #fff6;padding:0 10px}.dsb__pahlawan{flex-wrap:wrap;justify-content:space-between;gap:18px;margin-bottom:16px;display:flex}.dsb__angka{letter-spacing:-.02em;color:var(--teks);font-size:48px;font-weight:760;line-height:1.1}.dsb__banding{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.dsb__bulan{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.dsb__bulan b{font-size:22px}.dsb__delta{color:var(--teks-lemah);font-size:12.5px;font-weight:600;display:inline-block}.dsb__delta--naik{color:var(--botol)}.dsb__delta--turun{color:var(--merah)}.dsb__tindak{margin-bottom:16px}.dsb__baris{width:100%;font:inherit;text-align:left;color:var(--teks);border:0;border-top:1px solid var(--garis);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:11px 4px;font-size:14px;display:flex}.dsb__baris:first-of-type{border-top:0}.dsb__baris svg{width:16px;height:16px;color:var(--teks-lemah);flex:none}.dsb__baris--buruk span{color:var(--merah);font-weight:600}@media (width<=700px){.dsb__angka{font-size:38px}.dsb__bulan{text-align:left;align-items:flex-start}}.mqr{background:var(--latar);max-width:640px;min-height:100vh;margin:0 auto;padding:0 12px 110px}.mqr__kepala{z-index:5;color:#fff;background:linear-gradient(120deg, var(--botol), #4f8a48);flex-direction:column;gap:2px;margin:0 -12px 12px;padding:16px;display:flex;position:sticky;top:0}.mqr__kepala b{font-size:20px}.mqr__kepala span{opacity:.85;font-size:13.5px}.mqr__kategori{gap:6px;margin-bottom:6px;padding-bottom:8px;display:flex;overflow-x:auto}.mqr__kategori .tbd__tombol{flex:none}.mqr__menu{gap:8px;display:grid}.mqr__item{text-align:left;width:100%;font:inherit;color:var(--teks);cursor:pointer;grid-template-columns:1fr auto 40px;align-items:center;gap:10px;display:grid;margin:0!important;padding:12px 14px!important}.mqr__nama{font-weight:640}.mqr__nama small{color:var(--teks-lemah);font-size:12px;font-weight:400;display:block}.mqr__harga{color:var(--botol);white-space:nowrap;font-weight:700}.mqr__tambah{color:#fff;background:var(--botol);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.mqr__status{margin-bottom:12px}.mqr__status h2{margin:0 0 8px;font-size:15px}.mqr__baris-status{border-bottom:1px solid var(--garis);justify-content:space-between;gap:8px;padding:6px 0;display:flex}.mqr__baris-status small{color:var(--teks-lemah);font-size:12px;display:block}.mqr__kosong{text-align:center;margin-top:40px}.mqr__melayang{z-index:20;max-width:608px;font:inherit;color:#fff;background:var(--botol);border-radius:var(--r-l);cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:14px 18px;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 8px 24px #00000040;display:flex!important}.mqr__melayang b{font-size:17px}.ksr__siap--qr{background:#24508f!important}.ksr__qr-kabar .tautan-tombol{margin-left:8px;font-weight:700}.ksr__qr{border-radius:var(--r-s);background:#e5eefb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:8px 0;padding:10px 12px;font-size:13.5px;display:flex}.ksr__member{grid-column:1/-1;position:relative}.ksr__member>div{font-size:13.5px}.ksr__member .tautan-tombol{margin-left:8px}.ksr__member-baru{flex-wrap:wrap;gap:6px;display:flex}.ksr__member-baru input{flex:120px}.ksr__member-hasil{z-index:15;background:var(--putih,#fff);border:1px solid var(--garis-tebal);border-radius:var(--r-s);flex-direction:column;padding:6px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 20px #0000001f}.ksr__member-hasil button{text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font-size:13.5px}.ksr__member-hasil button:hover{background:var(--hijau-muda)}.ksr__petak:has(.ksr__item-menu--foto){grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ksr__item-menu--foto{justify-content:flex-start;gap:6px;padding:0;overflow:hidden}.ksr__item-menu--foto .ksr__foto{aspect-ratio:4/3;object-fit:cover;background:var(--garis);width:100%;display:block}.ksr__item-menu--foto>:not(.ksr__foto):not(.ksr__stasiun){padding:0 10px}.ksr__item-menu--foto .ksr__harga{margin-top:auto;padding-bottom:10px!important}.ksr__item-menu--foto .ksr__nama-menu{padding-right:10px}.ksr__item-menu--foto .ksr__stasiun{box-shadow:0 1px 4px #00000040}.mqr__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.mqr__kartu{font:inherit;text-align:left;color:var(--teks);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden;margin:0!important;padding:0!important}.mqr__kartu img,.mqr__polos{aspect-ratio:4/3;object-fit:cover;background:var(--hijau-muda);width:100%;display:block}.mqr__polos{color:var(--botol);opacity:.6;place-items:center;font-size:40px;font-weight:800;display:grid}.mqr__isi{flex-direction:column;flex:1;gap:4px;padding:10px 12px 12px;display:flex}.mqr__isi .mqr__nama{font-size:14.5px;line-height:1.3}.mqr__isi .mqr__harga{margin-top:auto;font-size:15px}.mqr__kartu .mqr__tambah{position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #00000040}.mqr__kartu .mqr__tambah--ada{background:var(--amber)}.mqr__kredit{color:var(--teks-lemah);margin:18px 2px 0;font-size:11.5px}.mqr__kredit summary{cursor:pointer}.mqr__kredit p{word-break:break-word;margin:4px 0}.ksr__jam{z-index:2;text-align:right;background:var(--kartu);border:1px solid var(--garis-tebal);border-radius:var(--r);flex-direction:column;flex:none;justify-content:center;align-items:flex-end;gap:1px;min-width:150px;margin-left:auto;padding:6px 14px;display:flex;position:sticky;right:0;box-shadow:-8px 0 12px -6px #0000001f}.ksr__jam span{color:var(--teks-lemah);white-space:nowrap;font-size:12px}.ksr__jam b{color:var(--botol);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:22px;font-weight:700;line-height:1.1}@media (width<=860px){.ksr__jam{min-width:0;padding:4px 10px}.ksr__jam span{font-size:10.5px}.ksr__jam b{font-size:16px}.ksr__alat{flex-direction:column;align-items:stretch}.ksr__alat .grd__cari{width:100%!important}.ksr__alat .tbd__tab{flex-flow:row;gap:6px;padding-bottom:2px;overflow-x:auto}.ksr__alat .tbd__tombol{flex:none;width:auto}.ksr__menu,.ksr__alat,.ksr__alat>*{min-width:0;max-width:100%}:is(.ksr__petak,.ksr__petak:has(.ksr__item-menu--foto)){grid-template-columns:repeat(2,minmax(0,1fr))}}