:root{--kertas:#fbfaf7;--rak:#f3f1eb;--dakwat:#17150f;--pudar:#615b50;--garis:#e2ded4;--garis-tebal:#cfc9bb;--marigold:#e8820c;--amber:#8a4b00;--merah:#a8291e;--hijau:#1f6b3a;--r-kecil:4px;--r-sedang:8px;--sentuh:44px}*{box-sizing:border-box}html,body{background:var(--kertas);color:var(--dakwat);-webkit-text-size-adjust:100%;margin:0;padding:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.angka{font-variant-numeric:tabular-nums;letter-spacing:-.01em}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--marigold);outline-offset:2px;border-radius:var(--r-kecil)}.aplikasi{max-width:920px;margin:0 auto;padding-bottom:32px}.kepala{z-index:10;background:var(--kertas);border-bottom:2px solid var(--garis-tebal);gap:12px;padding:14px 16px 12px;display:grid;position:sticky;top:0}.tajuk{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tajuk h1{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:650}.kiraJumlah{color:var(--pudar);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.carian{align-items:center;display:flex;position:relative}.carian input{width:100%;min-height:var(--sentuh);font:inherit;color:var(--dakwat);background:var(--rak);border:1.5px solid var(--garis);border-radius:var(--r-sedang);padding:10px 40px 10px 13px}.carian input:focus{border-color:var(--marigold);background:var(--kertas);outline:none}.carian input::placeholder{color:var(--pudar)}.kosongkan{width:30px;height:30px;color:var(--pudar);background:0 0;border:0;border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid;position:absolute;right:6px}.kosongkan:hover{background:var(--garis);color:var(--dakwat)}.cipBaris{scrollbar-width:none;gap:6px;margin:0 -16px;padding:2px 16px;display:flex;overflow-x:auto}.cipBaris::-webkit-scrollbar{display:none}.cip{background:var(--rak);border-radius:var(--r-sedang);white-space:nowrap;border:1.5px solid #0000;flex:none;align-items:center;gap:6px;min-height:34px;padding:6px 12px;font-size:13.5px;font-weight:500;display:inline-flex}.cip:hover{border-color:var(--garis-tebal)}.cip[aria-pressed=true]{background:var(--marigold);border-color:var(--marigold);color:var(--dakwat);font-weight:650}.cip .n{font-variant-numeric:tabular-nums;opacity:.7}.cip[aria-pressed=true] .n{opacity:.85}.bekasJadual{margin:0 16px}table{border-collapse:collapse;table-layout:fixed;width:100%}thead th{background:var(--kertas);text-align:left;color:var(--pudar);border-bottom:1.5px solid var(--garis-tebal);padding:0;font-size:12.5px;font-weight:600;position:sticky;top:0}thead th button{width:100%;min-height:38px;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:8px 10px;display:flex}thead th button:hover{color:var(--dakwat)}thead th.kanan button{justify-content:flex-end}.panah{color:var(--amber);font-size:9px}tbody tr{border-bottom:1px solid var(--garis);cursor:pointer}tbody tr:hover{background:var(--rak)}tbody td{vertical-align:top;overflow-wrap:anywhere;padding:9px 10px}tbody td:first-child{min-height:var(--sentuh)}.sel-nama{font-weight:550;line-height:1.35}.sel-nama .sub{flex-wrap:wrap;align-items:baseline;gap:4px 7px;margin-top:3px;font-weight:400;display:flex}.sel-nama .sub .id{color:var(--pudar);font-size:12px}.sel-nama .sub .id:before{content:"·";margin-right:7px}.sub-sel{color:var(--pudar);font-size:12.5px}.kanan{text-align:right}.tanda{vertical-align:.08em;border-radius:1.5px;width:7px;height:7px;margin-right:7px;display:inline-block}.tanda.aktif{background:var(--hijau)}.tanda.menunggu{background:#c26a00}.tanda.sedia{background:#978c77}.tanda.digantung{background:var(--merah)}.tanda.ditolak{background:#978c77}.cip[aria-pressed=true] .tanda{background:var(--kertas)}.status{white-space:nowrap;font-size:13px;font-weight:500}.status.menunggu{color:var(--amber);font-weight:650}.status.digantung{color:var(--merah);font-weight:600}.status.aktif,.status.sedia,.status.ditolak{color:var(--pudar)}.baki{font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px;display:block}.baki.tamat{color:var(--merah);font-weight:650}.baki.hampir{color:var(--amber);font-weight:600}.baki.lama{color:var(--pudar)}.halaman{color:var(--pudar);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:14px;padding:16px;font-size:13px;display:flex}.halaman button{min-width:var(--sentuh);min-height:var(--sentuh);background:var(--kertas);border:1.5px solid var(--garis-tebal);border-radius:var(--r-sedang);color:var(--dakwat);padding:8px 14px}.halaman button:hover:not(:disabled){border-color:var(--marigold)}.halaman button:disabled{opacity:.35;cursor:default}.keadaan{background:var(--rak);border:1.5px solid var(--garis);border-radius:var(--r-sedang);color:var(--pudar);margin:24px 16px;padding:26px 20px;font-size:14px;line-height:1.55}.keadaan h2{color:var(--dakwat);margin:0 0 6px;font-size:15.5px;font-weight:650}.keadaan p{margin:8px 0 0}.keadaan code{background:var(--kertas);border:1px solid var(--garis);border-radius:var(--r-kecil);padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.keadaan.ralat{border-left:4px solid var(--merah);color:var(--dakwat)}.keadaan.ralat h2{color:var(--merah)}.rangka{border-radius:var(--r-kecil);background:var(--rak);height:15px;margin:14px 10px;animation:1.2s ease-in-out infinite denyut}.rangka.pendek{width:45%}@keyframes denyut{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.rangka{animation:none}*{transition:none!important}}.tudung{z-index:20;background:#17150f6b;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.laci{background:var(--kertas);border-top:3px solid var(--marigold);width:100%;max-width:920px;max-height:88vh;padding:10px 16px calc(20px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;overflow-y:auto}.pemegang{background:var(--garis-tebal);border-radius:2px;width:38px;height:4px;margin:2px auto 14px}.laci h2{letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:650}.medan{border-top:1.5px solid var(--garis-tebal);grid-template-columns:108px 1fr;gap:7px 12px;margin:16px 0 0;padding-top:14px;font-size:14px;display:grid}.medan dt{color:var(--pudar)}.medan dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.laci h3{color:var(--pudar);border-bottom:1.5px solid var(--garis-tebal);margin:22px 0 0;padding-bottom:8px;font-size:13px;font-weight:650}.operator{border-bottom:1px solid var(--garis);align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.operator .id{color:var(--pudar);font-variant-numeric:tabular-nums;font-size:12px;display:block}.operator .peranan{color:var(--pudar);white-space:nowrap;margin-left:auto;font-size:12px}.nota{background:var(--rak);border-radius:var(--r-sedang);color:var(--pudar);margin:18px 0 0;padding:11px 13px;font-size:13px}.nota-siap{border-left:4px solid var(--hijau);color:var(--dakwat)}.tutup{width:100%;min-height:var(--sentuh);background:var(--dakwat);color:var(--kertas);border-radius:var(--r-sedang);border:0;margin-top:16px;padding:12px;font-weight:600}.tutup:hover{background:#2c2820}.tindakan{border-top:1.5px solid var(--garis-tebal);gap:8px;margin-top:22px;padding-top:14px;display:grid}.tindakan h3{border:0;margin:0 0 2px;padding:0}.tindakan p{color:var(--pudar);margin:0;font-size:13.5px;line-height:1.5}.tindakan textarea,.tindakan input[type=text]{width:100%;font:inherit;color:var(--dakwat);background:var(--rak);border:1.5px solid var(--garis);border-radius:var(--r-sedang);resize:vertical;padding:10px 12px}.tindakan textarea:focus,.tindakan input[type=text]:focus{border-color:var(--marigold);background:var(--kertas);outline:none}.tindakan input[type=text]{min-height:var(--sentuh)}.kiraAksara{text-align:right;font-variant-numeric:tabular-nums;font-size:12px!important}.amaran{background:color-mix(in srgb, var(--merah) 8%, transparent);border-left:4px solid var(--merah);border-radius:var(--r-kecil);padding:9px 11px;font-weight:500;color:var(--merah)!important}.btn{min-height:var(--sentuh);background:var(--kertas);border:1.5px solid var(--garis-tebal);border-radius:var(--r-sedang);color:var(--dakwat);padding:11px 14px;font-weight:550}.btn:hover:not(:disabled){border-color:var(--dakwat)}.btn:disabled{opacity:.4;cursor:default}.btn-utama{background:var(--marigold);border-color:var(--marigold);color:var(--dakwat);font-weight:650}.btn-utama:hover:not(:disabled){background:#d4770a;border-color:#d4770a}.btn-sunyi{color:var(--pudar);background:0 0;border-color:#0000;font-weight:500}.btn-sunyi:hover:not(:disabled){border-color:var(--garis-tebal);color:var(--dakwat)}.btn-padam:hover:not(:disabled){border-color:var(--merah);color:var(--merah)}.tindakan-bahaya{border-top-color:var(--merah)}.tindakan-bahaya h3{color:var(--merah)}.btn-bahaya{background:var(--merah);border-color:var(--merah);color:#fff;font-weight:650}.btn-bahaya:hover:not(:disabled){background:#8e2018;border-color:#8e2018}.tempoh{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:430px){.kepala{padding:12px 12px 10px}.cipBaris{margin:0 -12px;padding:2px 12px}.bekasJadual,.keadaan{margin-left:12px;margin-right:12px}.tajuk h1{font-size:17px}tbody td,thead th button{padding-left:6px;padding-right:6px}.laci{padding-left:12px;padding-right:12px}.medan{grid-template-columns:92px 1fr;font-size:13.5px}}