@font-face{font-family:sora;src:url(../media/Sora_Variable-s.p.19jzllqzq-o4u.ttf)format("truetype");font-display:swap;font-weight:600 700}@font-face{font-family:sora Fallback;src:local(Arial);ascent-override:85.11%;descent-override:25.44%;line-gap-override:0.0%;size-adjust:113.97%}._78CWWG_className{font-family:sora,sora Fallback}._78CWWG_variable{--font-heading:"sora", "sora Fallback"}
@font-face{font-family:dmSans;src:url(../media/DMSans_Variable-s.p.1a3xc3go2o1ar.woff2)format("woff2");font-display:swap;font-weight:400 600}@font-face{font-family:dmSans Fallback;src:local(Arial);ascent-override:93.39%;descent-override:29.18%;line-gap-override:0.0%;size-adjust:106.22%}.OZLKDW_className{font-family:dmSans,dmSans Fallback}.OZLKDW_variable{--font-body:"dmSans", "dmSans Fallback"}
:root{--mint:#00ddb5;--ink:#0c1113;--white:#fff;--surface:#f3f7f6;--muted:#52615d;--border:#dce5e2;--mint-text:#007a65;--merah:#b42318;--radius-tombol:10px;--radius-kartu:16px}*{box-sizing:border-box}html,body{background:var(--surface);color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3{font-family:var(--font-heading), system-ui, sans-serif;margin:0;line-height:1.15}h1{font-size:28px;font-weight:700}h2{font-size:18px;font-weight:600}.redup{color:var(--muted);margin:0}.kartu{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-kartu);padding:24px}.tombol{appearance:none;border-radius:var(--radius-tombol);background:var(--mint);color:var(--ink);font:inherit;cursor:pointer;border:0;padding:12px 18px;font-weight:600}.tombol:disabled{opacity:.6;cursor:progress}.tombol-garis{background:var(--white);border:1px solid var(--border)}.halaman-masuk{place-items:center;min-height:100dvh;padding:16px;display:grid}.kartu-masuk{gap:8px;width:100%;max-width:400px;padding:32px;display:grid}.kartu-masuk .logo{height:auto;margin-bottom:16px}.form{gap:16px;margin-top:16px;display:grid}.form label{gap:6px;font-size:14px;font-weight:500;display:grid}.form input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-tombol);background:var(--white);color:var(--ink);padding:12px 14px}.form input:focus{outline:2px solid var(--mint);outline-offset:1px;border-color:var(--mint)}.galat{color:var(--merah);margin:0;font-size:14px}.atas{background:var(--white);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.atas img{display:block}.atas form{margin:0}.isi{gap:24px;max-width:960px;margin:0 auto;padding:32px 16px 64px;display:grid}.kisi{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.status{gap:8px;display:grid}.status .label{color:var(--muted);font-size:13px;font-weight:500}.status .nilai{font-family:var(--font-heading), system-ui, sans-serif;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.titik{background:var(--mint);border-radius:2px;flex:none;width:10px;height:10px}.titik.mati{background:var(--merah)}.daftar{color:var(--muted);margin:8px 0 0;padding-left:20px}.daftar li+li{margin-top:4px}.daftar .selesai{color:var(--mint-text)}.lencana{letter-spacing:.02em;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:999px;justify-self:start;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.area-kantor .lencana,.atas-kantor .lencana{background:var(--mint);color:var(--ink);border-color:var(--mint)}.halaman-masuk.area-kantor{background:var(--ink)}.atas-kantor{background:var(--ink);border-bottom-color:var(--ink);color:var(--white)}.atas-kantor .tombol-garis{color:var(--white);background:0 0;border-color:#3a4548}.atas-kiri,.atas-kanan{align-items:center;gap:12px;min-width:0;display:flex}.nama-pengguna{font-size:14px;font-weight:500}@media (max-width:560px){.atas{padding:12px 16px}.atas img{width:120px;height:auto}.nama-pengguna{display:none}}.kartu>h2+.redup,.kartu>h2+.daftar{margin-top:8px}.gulir{margin-top:12px;overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:14px}.tabel th,.tabel td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px 10px 0}.tabel th{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}.form select{font:inherit;border:1px solid var(--border);border-radius:var(--radius-tombol);background:var(--white);color:var(--ink);padding:11px 12px}.form-baris{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.form-baris .centang,.form-baris .galat,.form-baris .hasil-link{grid-column:1/-1}.form-baris>.tombol{justify-self:start}.centang{align-items:center;font-weight:500;gap:8px!important;display:flex!important}.centang input{width:18px;height:18px;accent-color:var(--mint-text)}.hasil-link{border-radius:var(--radius-tombol);background:var(--surface);border:1px solid var(--border);gap:8px;padding:16px;display:grid}.hasil-link p{margin:0;font-size:14px}.hasil-link code{word-break:break-all;font-size:13px}.hasil-link .tombol{justify-self:start}.isi>*,.kisi>*{min-width:0}