: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__mark svg{width:18px;height:18px}.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::placeholder{color:#fff9}.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{width:8px}.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__angka{color:var(--hijau-tengah);font-variant-numeric:tabular-nums;margin:0;font-size:30px;font-weight:700;line-height:1.1}.ppn__grafik svg{width:100%;height:auto;display:block}.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--baris li{padding:0}.ppn__kartu{align-items:flex-start;gap:12px;display:flex;position:relative;overflow:hidden}.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__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}.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}}: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}.ppn{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:16px;margin-bottom:22px;display:grid}.ppn .ppn__kartu{grid-column:span 3}.ppn .ppn__grafik{grid-column:span 6}.ppn .ppn__grafik--garis{grid-column:span 12}.ppn .ppn__grafik--bar{grid-column:span 8}.ppn .ppn__grafik--donat,.ppn .ppn__grafik--tabel{grid-column:span 4}.ppn .ppn__aksi{grid-column:span 3}@media (width<=1180px){.ppn .ppn__kartu{grid-column:span 6}.ppn .ppn__grafik{grid-column:span 12}}@media (width<=620px){.ppn{gap:12px}.ppn .ppn__kartu{grid-column:span 12}}.ppn .ppn__kartu,.ppn .ppn__grafik{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--r);padding:18px 20px;box-shadow:0 1px 2px #1020180a}.ppn .ppn__kartu{align-items:flex-start;gap:14px;min-height:104px;display:flex;position:relative;overflow:hidden}.ppn__isi{flex:1;min-width:0}.ppn .ppn__kartu--warna{background:var(--kartu-warna);background:linear-gradient(145deg, color-mix(in srgb, var(--kartu-warna) 84%, #fff), var(--kartu-warna) 72%);border-color:#0000}.ppn .ppn__kartu--warna .ppn__judul{color:#ffffffd1}.ppn .ppn__kartu--warna .ppn__angka{color:#fff}.ppn .ppn__kartu--warna .ppn__ket-kartu{color:#ffffffb8}.ppn .ppn__kartu--warna .ppn__sumur{color:#ffffffeb;background:#ffffff29}.ppn__judul{letter-spacing:.07em;text-transform:uppercase;color:var(--teks-lemah);margin:0 0 8px;font-size:11px;font-weight:650}.ppn__angka{letter-spacing:-.02em;color:var(--hijau-tengah);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:clamp(25px,2.1vw,31px);font-weight:700;line-height:1.08}.ppn__ket-kartu{color:var(--teks-lemah);margin:6px 0 0;font-size:11.5px}.ppn__sumur{background:var(--hijau-muda);width:44px;height:44px;color:var(--hijau);border-radius:13px;flex:none;place-items:center;display:grid}.ppn__ikon{width:22px;height:22px}.ppn__kepala{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.ppn__kepala .ppn__judul{margin:0}.ppn__jumlah{color:var(--teks);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin:0;font-size:17px;font-weight:680}.ppn__kosong{color:var(--teks-lemah);margin:14px 0 0;font-size:13px}.ppn__kanvas{position:relative}.ppn .ppn__grafik svg{width:100%;height:auto;display:block}.ppn__bantu{stroke:var(--garis);stroke-width:1px}.ppn__dasar{stroke:var(--garis-tebal,#cdd5cf);stroke-width:1px}.ppn__tegak{stroke:var(--garis-tebal,#cdd5cf);stroke-width:1px;stroke-dasharray:3 3}.ppn__sumbu{fill:var(--teks-lemah);font-family:inherit;font-size:11.5px}.ppn__datar{margin:0;padding:0;list-style:none}.ppn__datar li{align-items:center;gap:12px;padding:6px 0;font-size:13px;transition:opacity .12s;display:flex}.ppn__datar-nama{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--teks);flex:0 0 34%;overflow:hidden}.ppn__datar-alur{background:var(--latar);border-radius:5px;flex:1;min-width:0;height:18px;overflow:hidden}.ppn__datar-alur i{border-radius:5px;height:100%;display:block}.ppn__datar-nilai{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:54px;font-weight:640}@media (width<=520px){.ppn__datar-nama{flex-basis:40%}}.ppn__batang,.ppn__iris{transition:opacity .12s}.ppn__pudar{opacity:.32}.ppn__kunci li{transition:opacity .12s}@media (width<=900px){.ppn__sumbu{font-size:14px}.ppn__pusat{font-size:24px}.ppn__pusat-ket{font-size:10px}}@media (width<=620px){.ppn__sumbu{font-size:18px}}.ppn__tip{z-index:3;pointer-events:none;background:var(--hijau-bawah);color:#fff;border-radius:8px;min-width:96px;padding:8px 11px;font-size:12px;line-height:1.5;position:absolute;transform:translate(10px,-50%);box-shadow:0 6px 18px #08181038}.ppn__tip--kiri{transform:translate(-100%,-50%)translate(-10px)}.ppn__tip b{color:#ffffffb8;font-size:11px;font-weight:620;display:block}.ppn__tip span{align-items:center;gap:7px;display:flex}.ppn__tip i{border-radius:2px;flex:none;width:9px;height:9px}.ppn__tip em{font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal;font-weight:680}.ppn__donat{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.ppn__donat svg{flex:none;width:168px}.ppn__pusat{fill:var(--teks);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:inherit;font-size:26px;font-weight:700}.ppn__pusat-ket{letter-spacing:.07em;text-transform:uppercase;fill:var(--teks-lemah);font-family:inherit;font-size:10.5px;font-weight:620}.ppn__kunci{flex:1;min-width:168px;margin:0;padding:0;font-size:12.5px;list-style:none}.ppn__kunci li{border-bottom:1px solid var(--garis);align-items:center;gap:9px;padding:5px 0;display:flex}.ppn__kunci li:last-child{border-bottom:0}.ppn__kunci i{border-radius:3px;flex:none;width:10px;height:10px}.ppn__kunci-teks{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ppn__kunci b{font-variant-numeric:tabular-nums;margin-left:auto}.ppn__persen{text-align:right;width:48px;color:var(--teks-lemah);font-variant-numeric:tabular-nums}.ppn__kunci--baris{flex-wrap:wrap;gap:6px 20px;margin-top:12px;display:flex}.ppn__kunci--baris li{border-bottom:0;padding:0}.ppn__kunci--baris b{margin-left:6px}.ppn__ket{color:var(--teks-lemah);margin:10px 0 0;font-size:11.5px}.ppn__tabel{border-collapse:collapse;width:100%;font-size:13px}.ppn__tabel td{border-bottom:1px solid var(--garis);vertical-align:middle;padding:8px 4px}.ppn__tabel tr:last-child td{border-bottom:0}.ppn__no{width:24px;color:var(--teks-lemah);font-variant-numeric:tabular-nums}.ppn__nilai{text-align:right;font-variant-numeric:tabular-nums;width:64px;font-weight:640}.ppn__mini{background:var(--latar);border-radius:2px;height:3px;margin-top:5px;display:block;overflow:hidden}.ppn__mini i{background:#1a7a4c;border-radius:2px;height:100%;display:block}.ppn__aksi{flex-direction:column;gap:8px;display:flex}.ppn__aksi .btn{place-items:center;width:100%;height:40px;text-decoration:none;display:grid}.ppn__isi{min-width:0}.ppn__angka{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:clamp(17px,1.35vw,22px);line-height:1.2;overflow:hidden}@supports (container-type:inline-size){.ppn__kartu{container-type:inline-size}.ppn__angka{font-size:clamp(16px,7.5cqw,26px)}}.rk__bilah{background:linear-gradient(90deg,#4a6a9e 0%,#4c7a86 50%,#5b8a52 100%);border-radius:12px;flex-wrap:wrap;gap:4px;margin:0 0 16px;padding:6px;display:flex;box-shadow:0 2px 8px #14281e1f}.rk__tab{white-space:nowrap;color:#fff;opacity:.8;font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:8px;flex:none;padding:9px 16px 8px;font-size:.95rem;transition:background .15s,opacity .15s}.rk__tab:hover{opacity:1;background:#ffffff1f}.rk__tab.is-aktif{opacity:1;background:#ffffff38;border-bottom-color:#fff;font-weight:600}.rk__tab:focus-visible{outline-offset:-2px;outline:2px solid #fff}