:root{--kertas: #f4f3ef;--permukaan: #ffffff;--tinta: #16324f;--redup: #5b6b7c;--samar: #5b6b7c;--garis: #e1e5e8;--garis-kuat: #c3ccd4;--aksen: #0a7468;--aksen-tua: #085e55;--aksen-muda: #e3f4f1;--teal: #0e9f8e;--hijau: #7acb4b;--kuning: #ffc23d;--navy: #16324f;--bahaya: #b23a26;--bahaya-muda: #fbe9e4;--waspada: #7a5200;--waspada-muda: #fff3d6;--info: #2f5e8c;--info-muda: #e6eef6;--r-kecil: 8px;--r: 12px;--r-besar: 18px;--fokus: 0 0 0 3px #f4f3ef, 0 0 0 5px #0a7468;--huruf: "Nunito", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--kertas);color:var(--tinta);font:15px/1.5 var(--huruf);font-variant-numeric:tabular-nums}h1,h2,h3{line-height:1.25;margin:0}h1{font-size:24px;font-weight:800;letter-spacing:-.01em}h2{font-size:18px;font-weight:800}h3{font-size:15px;font-weight:800}p{margin:0}a{color:var(--aksen-tua)}:focus-visible{outline:none;box-shadow:var(--fokus);border-radius:var(--r-kecil)}.mono{font-weight:700;letter-spacing:.01em;white-space:nowrap}.redup{color:var(--redup)}.kecil{font-size:13px}.kanan{text-align:right}.tebal{font-weight:700}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sr:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:70;background:var(--permukaan);padding:8px 12px;border-radius:var(--r-kecil)}.kerangka{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.samping{background:var(--permukaan);border-right:1px solid var(--garis);padding:16px 12px 24px;position:sticky;top:0;height:100vh;overflow-y:auto}.merek{display:block;padding:6px 10px 4px;text-decoration:none;color:var(--tinta)}.merek svg{display:block}.pengguna-aktif{padding:0 10px 14px;font-size:13px;color:var(--redup);border-bottom:1px solid var(--garis)}.nav-grup{margin-top:14px}.nav-grup>p{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--tinta);padding:0 10px 4px}.nav-grup>p:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--teal);flex:none}.nav-grup[data-warna=hijau]>p:before{background:var(--hijau)}.nav-grup[data-warna=kuning]>p:before{background:var(--kuning)}.nav-grup .nav-tautan{padding-left:28px}.nav-tautan{display:flex;align-items:center;min-height:36px;padding:6px 10px;border-radius:var(--r-kecil);color:var(--tinta);text-decoration:none;font-size:14px}.nav-tautan:hover{background:var(--kertas)}.nav-tautan[aria-current=page]{background:var(--aksen-muda);color:var(--tinta);font-weight:700}.utama{padding:24px 32px 64px;min-width:0}.atas-ponsel{display:none}@media (max-width: 900px){.kerangka{grid-template-columns:minmax(0,1fr)}.samping{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);z-index:40;transform:translate(-100%);transition:transform .18s ease;box-shadow:0 10px 40px #16324f2e}.kerangka[data-menu=buka] .samping{transform:none}.tirai{position:fixed;top:0;right:0;bottom:0;left:0;background:#16324f59;z-index:30}.atas-ponsel{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:20;background:var(--permukaan);border-bottom:1px solid var(--garis);padding:6px 12px}.utama{padding:16px 16px 48px}}@media (prefers-reduced-motion: reduce){.samping{transition:none}}.kepala{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px;margin-bottom:20px}.kepala .sub{color:var(--redup);margin-top:4px;font-size:14px}.aksi{display:flex;flex-wrap:wrap;gap:8px}.bagian{margin-top:28px}.bagian>h2{margin-bottom:10px}.kartu{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r);padding:16px}.kisi{display:grid;gap:12px 16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.kisi-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.ringkas{display:grid;gap:4px 16px;grid-template-columns:max-content minmax(0,1fr);font-size:14px}.ringkas dt{color:var(--redup)}.ringkas dd{margin:0;overflow-wrap:anywhere}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:var(--r-kecil);border:1px solid var(--garis-kuat);background:var(--permukaan);color:var(--tinta);font:700 14px/1.2 var(--huruf);cursor:pointer;text-decoration:none;white-space:nowrap}.tombol:hover{background:var(--kertas)}.tombol.utama-t{background:var(--aksen);border-color:var(--aksen);color:#fff}.tombol.utama-t:hover{background:var(--aksen-tua)}.tombol.bahaya-t{color:var(--bahaya);border-color:#e3b5a9}.tombol.bahaya-t:hover{background:var(--bahaya-muda)}.tombol.polos{border-color:transparent;background:transparent}.tombol:disabled{opacity:.55;cursor:not-allowed}.tombol.kecil-t{min-height:32px;padding:4px 10px;font-size:13px}@media (pointer: coarse){.tombol.kecil-t,.nav-tautan{min-height:44px}}.isian{display:flex;flex-direction:column;gap:4px;min-width:0}.isian>span{font-size:13px;font-weight:700;color:var(--redup)}.isian>small{font-size:12px;color:var(--samar)}input,select,textarea{font:inherit;color:var(--tinta);background:var(--permukaan);border:1px solid var(--garis-kuat);border-radius:var(--r-kecil);min-height:40px;padding:8px 10px;width:100%;min-width:0}textarea{min-height:72px;resize:vertical}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--aksen)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--aksen-tua)}input[aria-invalid=true]{border-color:var(--bahaya)}.centang{display:flex;align-items:center;gap:8px;min-height:40px;font-size:14px}.angka-input{text-align:right}.tabel-bungkus{overflow-x:auto;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--garis);vertical-align:top}th{font-size:12.5px;font-weight:700;color:var(--redup);background:#fbfaf6;white-space:nowrap;position:sticky;top:0}tr:last-child td{border-bottom:0}td.angka,th.angka{text-align:right;white-space:nowrap}tbody tr[data-klik]{cursor:pointer}tbody tr[data-klik]:hover td{background:#fbfaf6}tfoot td{font-weight:700;background:#fbfaf6;border-top:1px solid var(--garis-kuat)}.tabel-baris-input td{padding:6px 8px}.lencana{display:inline-block;padding:2px 8px;border-radius:var(--r-kecil);font-size:12.5px;font-weight:700;background:var(--kertas);color:var(--redup);white-space:nowrap}.lencana.ok{background:var(--aksen-muda);color:var(--aksen-tua)}.lencana.tunggu{background:var(--waspada-muda);color:var(--waspada)}.lencana.tolak{background:var(--bahaya-muda);color:var(--bahaya)}.lencana.info{background:var(--info-muda);color:var(--info)}.rantai{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:0 0 16px;font-size:13px}.rantai li{display:flex;align-items:center;gap:4px;color:var(--samar)}.rantai li+li:before{content:"";width:14px;height:1px;background:var(--garis-kuat)}.rantai li span{padding:3px 8px;border-radius:var(--r-kecil);border:1px solid var(--garis);background:var(--permukaan)}.rantai li[data-lewat] span{color:var(--aksen-tua);border-color:#c8d5b3}.rantai li[aria-current=step] span{background:var(--aksen);border-color:var(--aksen);color:#fff;font-weight:700}.rantai li[data-akhir=tolak] span{background:var(--bahaya-muda);color:var(--bahaya);border-color:#e3b5a9}.keadaan{padding:28px 16px;text-align:center;color:var(--redup);font-size:14px}.keadaan b{display:block;color:var(--tinta);margin-bottom:4px}.keadaan.galat{color:var(--bahaya)}.keadaan .tombol{margin-top:12px}.pemuat{display:inline-block;width:16px;height:16px;border:2px solid var(--garis-kuat);border-top-color:var(--aksen);border-radius:50%;animation:putar .8s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes putar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.pemuat{animation:none}}.pesan{padding:10px 12px;border-radius:var(--r-kecil);font-size:14px}.pesan.galat{background:var(--bahaya-muda);color:var(--bahaya)}.pesan.waspada{background:var(--waspada-muda);color:var(--waspada)}.pesan.info{background:var(--info-muda);color:var(--info)}.pesan.ok{background:var(--aksen-muda);color:var(--aksen-tua)}dialog.lembar{border:1px solid var(--garis);border-radius:var(--r-besar);padding:0;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 48px);box-shadow:0 20px 60px #16324f38;color:var(--tinta)}dialog.lembar.lebar{width:min(1040px,calc(100vw - 32px))}dialog.lembar::backdrop{background:#16324f59}.lembar-kepala{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--garis)}.lembar-isi{padding:16px 20px;overflow-y:auto;max-height:calc(100vh - 200px)}.lembar-kaki{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--garis)}.notif{position:fixed;right:16px;bottom:16px;z-index:60;max-width:min(420px,calc(100vw - 32px));padding:12px 14px;border-radius:var(--r);background:var(--tinta);color:#fff;font-size:14px;box-shadow:0 10px 30px #16324f40}.notif.galat{background:var(--bahaya)}.antrian{display:grid;gap:8px}.antrian a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r);color:var(--tinta);text-decoration:none}.antrian a:hover{border-color:var(--garis-kuat)}.antrian .jumlah{font-size:20px;font-weight:700;color:var(--aksen-tua)}.layar-masuk{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.masuk-bingkai{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);width:min(880px,100%);background:var(--permukaan);border-radius:var(--r-besar);overflow:hidden;border:1px solid var(--garis)}.masuk-merek{background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:48px 24px;text-align:center}.masuk-merek p{font-weight:700;font-size:14px;color:#c7d3e0}.masuk-isi{padding:40px 36px}.masuk-isi h1{font-size:28px}.masuk-isi form{display:grid;gap:14px;margin-top:22px}.masuk-isi .tombol.utama-t{min-height:48px;font-size:15px}@media (max-width: 720px){.masuk-bingkai{grid-template-columns:minmax(0,1fr)}.masuk-merek{padding:20px 16px;flex-direction:row;justify-content:space-between;text-align:left}.masuk-merek svg{height:80px;width:auto}.masuk-isi{padding:24px 20px}}.qr svg{width:200px;height:200px;display:block;margin:8px auto}.ubin-baris{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.ubin{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r);padding:12px 14px}.ubin>span{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--redup)}.ubin>span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal)}.ubin[data-warna=hijau]>span:before{background:var(--hijau)}.ubin[data-warna=kuning]>span:before{background:var(--kuning)}.ubin>b{display:block;font-size:24px;font-weight:800;margin-top:4px}.kop{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:10px}.kop-judul{text-align:right}.kop-judul b{display:block;font-size:20px;font-weight:800;letter-spacing:.02em}.kop+div{margin-bottom:16px}.laporan td.indent-1{padding-left:28px}.laporan td.indent-2{padding-left:44px}.laporan tr.subtotal td{font-weight:700;border-top:1px solid var(--garis-kuat)}.laporan tr.judul-kelompok td{font-weight:700;background:#fbfaf6}.filter{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin-bottom:16px}.filter .isian{width:auto;min-width:150px}@media print{.samping,.atas-ponsel,.aksi,.filter,.tombol{display:none!important}.kerangka{display:block}.utama{padding:0}body{background:#fff}}.cetak-saja{display:none}@media print{.cetak-saja{display:block;margin-bottom:16px}main:has(.kop,.kartu-karyawan) .kop-global{display:none}.kartu,.tabel-bungkus{border-color:#c3ccd4}}.kartu-karyawan{width:324px;max-width:100%;margin:8px 0;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r-besar);overflow:hidden}.kk-kepala{background:var(--navy);padding:22px 16px 18px;display:flex;justify-content:center}.kk-isi{display:flex;flex-direction:column;align-items:center;padding:20px 20px 18px;text-align:center;gap:2px}.kk-foto{width:92px;height:92px;border-radius:var(--r);background:var(--aksen-muda);color:var(--aksen);display:grid;place-items:center;font-size:34px;font-weight:800;margin-bottom:12px}.kk-nama{font-size:19px;font-weight:800}.kk-peran{font-size:13px;color:var(--redup)}@media print{.kartu-karyawan{width:54mm;height:86mm;border-radius:3mm;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.kk-kepala{padding:4mm 3mm}.kk-isi{padding:3mm 4mm}.kk-foto{width:20mm;height:20mm;font-size:8mm;margin-bottom:2mm}.kk-nama{font-size:11pt}.kk-peran{font-size:7.5pt}.kartu-karyawan svg[aria-label^="Kode batang"]{height:10mm}}