:root{--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #f4f5f7;--panel: #ffffff;--panel-2: #f7f8fa;--teks: #1a1d24;--teks-2: #5d6371;--teks-3: #8b909b;--garis: #e2e5ea;--garis-2: #d3d7de;--navy: #1c2333;--navy-2: #262f45;--navy-teks: #d9deea;--navy-redup: #8f98ad;--oranye: #f57a1f;--oranye-tua: #dd6510;--oranye-lembut: #fff1e5;--oranye-teks: #b4540c;--banner-bg: #fbefe4;--banner-teks: #5e2f0e;--merah: #dc2626;--merah-lembut: #fdeceb;--kuning: #c26a04;--kuning-lembut: #fff5e2;--hijau: #15803d;--hijau-lembut: #e7f6ec;--biru: #2563eb;--biru-lembut: #eaf1fe;--abu-lembut: #eef0f3;--bayang: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 8%);--bayang-besar: 0 20px 50px rgb(16 24 40 / 25%);--r: 10px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1a1817;--panel: #232120;--panel-2: #2a2725;--teks: #f3efea;--teks-2: #b3aca4;--teks-3: #857e77;--garis: #3a3633;--garis-2: #4a4541;--navy: #1b2130;--navy-2: #252d41;--oranye-lembut: #3b2718;--oranye-teks: #ffb277;--banner-bg: #2f231b;--banner-teks: #fde6d2;--merah: #f26b6b;--merah-lembut: #3a2020;--kuning: #f3b24a;--kuning-lembut: #3a2e19;--hijau: #4ccb7c;--hijau-lembut: #1c3326;--biru: #6b9cf7;--biru-lembut: #1d2940;--abu-lembut: #2e2b29;--bayang: 0 1px 2px rgb(0 0 0 / 30%);--bayang-besar: 0 20px 50px rgb(0 0 0 / 55%);color-scheme:dark}}:root[data-theme=dark]{--bg: #1a1817;--panel: #232120;--panel-2: #2a2725;--teks: #f3efea;--teks-2: #b3aca4;--teks-3: #857e77;--garis: #3a3633;--garis-2: #4a4541;--navy: #1b2130;--navy-2: #252d41;--oranye-lembut: #3b2718;--oranye-teks: #ffb277;--banner-bg: #2f231b;--banner-teks: #fde6d2;--merah: #f26b6b;--merah-lembut: #3a2020;--kuning: #f3b24a;--kuning-lembut: #3a2e19;--hijau: #4ccb7c;--hijau-lembut: #1c3326;--biru: #6b9cf7;--biru-lembut: #1d2940;--abu-lembut: #2e2b29;--bayang: 0 1px 2px rgb(0 0 0 / 30%);--bayang-besar: 0 20px 50px rgb(0 0 0 / 55%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--teks);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}code,.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.92em}h1,h2,h3,h4{margin:0;line-height:1.25}.ikon{flex-shrink:0}.t-galat{color:var(--merah)}.t-ok{color:var(--hijau)}.t-warn{color:var(--kuning)}.t-draft{color:var(--teks-2)}.t-submit{color:var(--biru)}.t-approve{color:var(--hijau)}.spasi{flex:1}:focus-visible{outline:2px solid var(--oranye);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border-radius:9px;border:1px solid var(--garis-2);background:var(--panel);font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--panel-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.kecil{min-height:34px;padding:0 12px;font-size:13px}.btn.besar{min-height:48px;font-size:15px}.btn.penuh{width:100%}.btn-utama{background:var(--oranye);border-color:var(--oranye);color:#fff}.btn-utama:hover:not(:disabled){background:var(--oranye-tua)}.btn-bahaya{background:var(--merah);border-color:var(--merah);color:#fff}.btn-bahaya-garis{color:var(--merah);border-color:color-mix(in srgb,var(--merah) 40%,transparent);background:transparent}.btn-garis-oranye{border:1.5px dashed var(--oranye);color:var(--oranye-teks);background:var(--oranye-lembut);margin-top:14px}.btn-ikon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;border:0;background:transparent;color:var(--teks-2)}.btn-ikon:hover:not(:disabled){background:var(--abu-lembut);color:var(--teks)}.btn-ikon.kotak{border:1px solid var(--garis-2);width:40px;height:40px;background:var(--panel)}.putar{animation:putar 1s linear infinite}@keyframes putar{to{transform:rotate(360deg)}}.input{width:100%;min-height:42px;padding:9px 12px;border-radius:9px;border:1px solid var(--garis-2);background:var(--panel);color:var(--teks);font:inherit;transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--oranye);box-shadow:0 0 0 3px color-mix(in srgb,var(--oranye) 22%,transparent)}.input:disabled{background:var(--panel-2);color:var(--teks-2);cursor:default}.input.besar{min-height:48px;font-size:15px}.input.kecil{width:auto;min-height:40px;padding:6px 10px}.input.kapital{text-transform:uppercase}.input.area{resize:vertical;line-height:1.5}.input.baca{background:var(--panel-2);color:var(--teks);display:flex;align-items:center}.label-atas{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;margin:14px 0 8px}.wajib{color:var(--merah);margin-left:3px;font-weight:700}.pesan-galat{display:flex;gap:8px;align-items:center;color:var(--merah);background:var(--merah-lembut);padding:10px 12px;border-radius:9px;margin:12px 0;font-weight:600;font-size:13.5px}.catatan-kecil{color:var(--teks-2);font-size:12.5px;margin:10px 0 0}.spinner{width:18px;height:18px;border:2.5px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;display:inline-block;animation:putar .8s linear infinite}.spinner.kecil{width:14px;height:14px;border-width:2px}.memuat{display:flex;align-items:center;gap:10px;color:var(--teks-2);padding:32px 4px}.badge{display:inline-flex;align-items:center;height:21px;padding:0 7px;border-radius:5px;font-size:10.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.st-draft{background:var(--abu-lembut);color:var(--teks-2)}.st-submit{background:var(--biru-lembut);color:var(--biru)}.st-approve,.b-clean{background:var(--hijau-lembut);color:var(--hijau)}.b-error{background:var(--merah-lembut);color:var(--merah)}.b-lokal{background:var(--kuning-lembut);color:var(--kuning)}.b-kembali{background:var(--oranye-lembut);color:var(--oranye-teks)}.rs-kosong{background:var(--abu-lembut);color:var(--teks-2)}.rs-isi{background:var(--kuning-lembut);color:var(--kuning)}.rs-selesai{background:var(--hijau-lembut);color:var(--hijau)}.toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:100;display:grid;gap:8px;width:min(92vw,440px)}.toast{padding:12px 16px;border-radius:10px;background:var(--navy);color:#fff;box-shadow:var(--bayang-besar);font-weight:600;font-size:13.5px;animation:naik .2s ease-out}.toast-ok{background:#15803d}.toast-error{background:#b91c1c}.toast-warn{background:#b45309}@keyframes naik{0%{opacity:0;transform:translateY(8px)}}.modal-latar{position:fixed;inset:0;background:#0a0c128c;display:grid;place-items:center;padding:16px;z-index:50;animation:pudar .15s}@keyframes pudar{0%{opacity:0}}.modal{width:100%;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--garis);border-radius:14px;box-shadow:var(--bayang-besar)}.modal-kepala{display:flex;gap:12px;align-items:flex-start;padding:20px 22px 8px}.modal-kepala h2{font-size:18px}.modal-kepala p{margin:3px 0 0;color:var(--teks-2);font-size:13.5px}.modal-kepala .x{margin-left:auto}.modal-ikon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--oranye-lembut);color:var(--oranye);flex-shrink:0}.modal-isi{padding:8px 22px 16px;overflow:auto}.modal-kaki{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--garis)}.dialog-pesan{margin:4px 0 12px;color:var(--teks-2)}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-kiri{background:linear-gradient(160deg,#ff8a3d,#f26f12);color:#fff;padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center}.login-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff3;margin-bottom:22px}.login-kiri h1{font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-.01em}.login-kiri p{max-width:440px;font-size:16px;opacity:.95}.login-kanan{background:#1b1817;color:#f3efea;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;position:relative}.login-tema{position:absolute;top:16px;right:16px}.login-tema .btn-ikon{color:#cfc8c0}.login-kartu{width:100%;max-width:360px;text-align:center}.login-kartu h2{font-size:22px;margin-top:14px}.login-kartu>p{color:#b3aca4;margin:6px 0 18px;font-size:13.5px}.login-kartu .label-atas{justify-content:flex-start;color:#e8e2dc}.login-kartu .input{background:#262322;border-color:#45403c;color:#f3efea}.login-kartu .btn{margin-top:16px}.login-ikon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#45281a;color:#ff8a3d}.login-kaki{position:absolute;bottom:18px;color:#8a827a;font-size:12px}.shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.shell-samping{background:var(--navy);color:var(--navy-teks);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:18px 14px}.merek{display:flex;align-items:center;gap:11px;padding:4px 8px 20px}.merek b{display:block;color:#fff;font-size:16px;letter-spacing:.01em}.merek small{color:var(--navy-redup);font-size:11px;font-weight:700;letter-spacing:.08em}.merek-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--oranye);color:#fff;font-weight:800;font-size:20px}.shell-samping nav{display:grid;gap:4px}.shell-samping nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;font-weight:600;color:var(--navy-teks)}.shell-samping nav a:hover{background:var(--navy-2)}.shell-samping nav a.aktif{background:var(--oranye);color:#fff}.samping-bawah{margin-top:auto;display:grid;gap:12px}.kartu-user{display:flex;gap:10px;align-items:center;padding:12px;border-radius:11px;background:var(--navy-2)}.kartu-user b{display:block;color:#fff;font-size:13.5px;line-height:1.3}.kartu-user small{display:block;color:var(--navy-redup);font-size:11.5px;overflow-wrap:anywhere}.kartu-user .peran-teks{color:#ffb277;font-weight:700}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--oranye);color:#fff;font-weight:800;flex-shrink:0}.baris-aksi{display:flex;align-items:center;gap:4px}.shell-samping .btn-ikon,.f-samping .btn-ikon{color:var(--navy-teks)}.shell-samping .btn-ikon:hover,.f-samping .btn-ikon:hover{background:var(--navy-2);color:#fff}.pilih-peran{display:grid;grid-template-columns:1fr 1fr;background:var(--navy-2);border-radius:9px;padding:3px}.pilih-peran button{border:0;background:transparent;color:var(--navy-teks);border-radius:7px;padding:7px 4px;font-size:12px;font-weight:700}.pilih-peran button.aktif{background:var(--oranye);color:#fff}.sinkron{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;white-space:nowrap}.sinkron.ok{color:var(--hijau)}.sinkron.tunggu{color:var(--kuning)}.sinkron.offline{color:var(--merah)}.sinkron.jalan{color:var(--biru)}.shell-samping .sinkron.ok,.f-samping .sinkron.ok{color:#6fdc98}.shell-samping .sinkron.tunggu,.f-samping .sinkron.tunggu{color:#fbc463}.shell-samping .sinkron.offline,.f-samping .sinkron.offline{color:#ff9a9a}.shell-samping .sinkron.jalan,.f-samping .sinkron.jalan{color:#9dbcff}.shell-utama{min-width:0}.bar-atas,.shell-tutup{display:none}.konten{padding:28px clamp(16px,3vw,40px) 48px;max-width:1240px}.halaman{display:grid;gap:18px}.remah{display:flex;align-items:center;gap:6px;color:var(--teks-2);font-size:13px;flex-wrap:wrap}.remah a:hover{color:var(--oranye)}.kepala-halaman{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.judul-oranye{color:var(--oranye);font-size:clamp(26px,3.2vw,34px);font-weight:800;letter-spacing:-.01em}.judul-oranye.kecil{font-size:clamp(20px,2.4vw,26px)}.sub{color:var(--teks-2);margin:4px 0 0}.aksi-kepala{display:flex;gap:10px;align-items:center}.kartu{background:var(--panel);border:1px solid var(--garis);border-radius:12px;box-shadow:var(--bayang)}.kotak-info{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:10px;background:var(--panel-2);border:1px solid var(--garis);color:var(--teks-2)}.kotak-info.galat{background:var(--merah-lembut);color:var(--merah);border-color:transparent}.kotak-info.biru{background:var(--biru-lembut);border-color:transparent;border-left:3px solid var(--biru);color:var(--teks)}.kosong-besar{text-align:center;padding:48px 16px;color:var(--teks-2);display:grid;justify-items:center;gap:8px}.kosong-besar h3{color:var(--teks);font-size:17px}.kosong-besar p{margin:0 0 8px;max-width:420px}.grid-kegiatan{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.kartu-kegiatan{padding:20px;display:grid;gap:16px;transition:border-color .15s,transform .15s}.kartu-kegiatan:hover{border-color:var(--oranye);transform:translateY(-1px)}.kk-atas{display:flex;gap:14px;align-items:flex-start}.kk-atas h2{font-size:17px}.kk-ikon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:var(--oranye-lembut);color:var(--oranye);flex-shrink:0}.kk-panah{margin-left:auto;color:var(--teks-3)}.kk-angka{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kk-angka div{display:grid}.kk-angka b{font-size:22px}.kk-angka span{color:var(--teks-2);font-size:12px;font-weight:600}.grid-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{position:relative;padding:16px 18px;border-radius:12px;border:1px solid var(--garis);background:var(--panel);display:grid;gap:2px}.stat span{font-weight:600;color:var(--teks-2);font-size:13.5px}.stat b{font-size:30px;font-weight:800;line-height:1.15}.stat small{color:var(--teks-3);font-size:12px}.stat-ikon{position:absolute;top:16px;right:16px;color:var(--teks-3)}.stat-draft{background:var(--abu-lembut)}.stat-submit{background:var(--biru-lembut);border-color:color-mix(in srgb,var(--biru) 25%,transparent)}.stat-submit span,.stat-submit b{color:var(--biru)}.stat-approve{background:var(--hijau-lembut);border-color:color-mix(in srgb,var(--hijau) 25%,transparent)}.stat-approve span,.stat-approve b{color:var(--hijau)}.bar-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cari{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;padding:0 12px;min-height:42px;border:1px solid var(--garis-2);border-radius:9px;background:var(--panel);color:var(--teks-3)}.cari input{flex:1;border:0;background:transparent;color:var(--teks);font:inherit;outline:none;min-width:0}.cari:focus-within{border-color:var(--oranye)}.bar-status{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--abu-lembut)}.bar-status.kosong span{background:var(--abu-lembut)}.seg-approve{background:var(--hijau)}.seg-submit{background:var(--biru)}.seg-draft{background:#b8bec9}.bar-progres{flex:1;height:6px;border-radius:99px;background:var(--abu-lembut);overflow:hidden}.bar-progres span{display:block;height:100%;background:var(--oranye);border-radius:99px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.d-draft{background:#b8bec9}.d-submit{background:var(--biru)}.d-approve{background:var(--hijau)}.daftar-kamar{display:grid;gap:12px}.kartu-kamar{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr) 20px;gap:18px;align-items:center;padding:16px 18px;transition:border-color .15s}.kartu-kamar:hover{border-color:var(--oranye)}.kartu-kamar.menunggu{border-left:4px solid var(--biru)}.km-wil small{color:var(--teks-2);font-weight:600;font-size:12px}.km-wil h3{font-size:15.5px;margin:2px 0}.km-sub{color:var(--oranye-teks);font-size:12.5px;font-weight:800;margin-left:4px}.km-wil code{color:var(--teks-3);font-size:12px}.km-petugas{display:grid;gap:4px;font-size:13px;color:var(--teks-2)}.km-petugas span{display:flex;gap:6px;align-items:center}.km-petugas b{color:var(--teks);font-weight:600}.km-petugas .t-warn b{color:var(--kuning)}.km-status{display:grid;gap:8px}.km-angka{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--teks-2)}.km-waktu{margin-left:auto;color:var(--teks-3)}.km-panah{color:var(--teks-3)}.pita-menunggu{position:absolute;top:-9px;right:14px;background:var(--biru);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px}.alokasi-cepat{background:var(--oranye-lembut);border-radius:10px;padding:2px 12px 12px;margin-bottom:4px}.chip-daftar{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid color-mix(in srgb,var(--oranye) 35%,transparent);background:var(--panel);border-radius:99px;padding:5px 11px;font-size:12px;font-weight:600}.chip.aktif{background:var(--oranye);color:#fff;border-color:var(--oranye)}.chip.tautan{border-style:dashed;color:var(--oranye-teks)}.tumpuk-wilayah{display:grid;gap:10px}.tanda-alokasi{color:var(--oranye);font-weight:800;margin-left:6px}.pilih{position:relative}.pilih-tombol{width:100%;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;text-align:left;border-radius:9px;border:1px solid var(--garis-2);background:var(--panel)}.pilih-tombol>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.pilih-tombol .placeholder{color:var(--teks-3)}.pilih-tombol:focus-visible,.pilih-tombol[aria-expanded=true]{border-color:var(--oranye);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--oranye) 22%,transparent)}.pilih.mati .pilih-tombol{background:var(--panel-2);color:var(--teks-2);cursor:not-allowed}.pilih-daftar{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);background:var(--panel);border:1px solid var(--garis-2);border-radius:10px;box-shadow:var(--bayang-besar);overflow:hidden}.pilih-cari{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--garis);color:var(--teks-3)}.pilih-cari input{flex:1;border:0;background:transparent;color:var(--teks);font:inherit;outline:none}.pilih-daftar ul{list-style:none;margin:0;padding:4px;max-height:260px;overflow:auto}.pilih-daftar li{display:flex;align-items:center;padding:9px 10px;border-radius:7px;cursor:pointer;font-size:13.5px}.pilih-daftar li span:first-child{flex:1}.pilih-daftar li.sorot{background:var(--oranye-lembut)}.pilih-daftar li.aktif{font-weight:700;color:var(--oranye-teks)}.pilih-daftar li.kosong{color:var(--teks-3);cursor:default}.info-kamar{padding:16px 18px;display:grid;gap:14px}.info-kamar dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px}.info-kamar dt{font-size:11.5px;font-weight:700;color:var(--teks-3);text-transform:uppercase;letter-spacing:.04em}.info-kamar dd{margin:2px 0 0;font-weight:600;font-size:13.5px}.judul-bagian{font-size:17px;display:flex;align-items:center;gap:8px;margin-right:auto}.jumlah{background:var(--abu-lembut);color:var(--teks-2);border-radius:99px;font-size:12px;padding:1px 9px}.tab-status{display:flex;background:var(--panel);border:1px solid var(--garis);border-radius:10px;padding:3px;gap:2px}.tab-status button{border:0;background:transparent;padding:6px 12px;border-radius:7px;font-weight:600;font-size:13px;color:var(--teks-2)}.tab-status button.aktif{background:var(--oranye);color:#fff}.tabel-dok{border:1px solid var(--garis);border-radius:12px;overflow:hidden;background:var(--panel)}.td-kepala,.td-baris{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.6fr) 150px 120px 150px;gap:14px;align-items:center;padding:12px 16px}.td-kepala{background:var(--panel-2);font-weight:700;font-size:12.5px;color:var(--teks-2);border-bottom:1px solid var(--garis)}.td-baris{border-bottom:1px solid var(--garis);cursor:pointer}.td-baris:last-child{border-bottom:0}.td-baris:hover{background:var(--panel-2)}.td-kode code{font-size:12.5px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-badge{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.td-nama b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-nama small{color:var(--teks-3)}.chip-jenis{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--teks-2)}.td-progres{display:flex;align-items:center;gap:8px}.td-progres small{font-weight:700;color:var(--teks-2);width:34px;text-align:right}.td-aksi{display:flex;gap:4px;justify-content:flex-end}.layar-penuh{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;padding:16px}.form{display:grid;grid-template-columns:290px 1fr;height:100vh;height:100dvh}.f-samping{background:var(--navy);color:var(--navy-teks);display:flex;flex-direction:column;min-height:0}.f-merek{padding:22px 22px 16px;border-bottom:1px solid rgb(255 255 255 / 8%)}.f-merek b{display:block;color:#fff;font-size:15px}.f-merek small{color:var(--navy-redup);font-size:11px;font-weight:700;letter-spacing:.08em}.f-nav{flex:1;overflow:auto;padding:12px 10px;display:grid;align-content:start;gap:4px}.f-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 12px;border-radius:11px;border:0;background:transparent;color:var(--navy-teks)}.f-item span{flex:1;min-width:0}.f-item b{display:block;font-size:13.5px;font-weight:800}.f-item small{display:block;font-size:11px;color:var(--navy-redup);font-weight:600;margin-top:2px}.f-item:hover{background:var(--navy-2)}.f-item.aktif{background:var(--oranye);color:#fff}.f-item.aktif small{color:#ffffffd9}.f-item.redup{opacity:.55}.f-item .t-ok{color:#6fdc98}.f-item .t-galat{color:#ff8a8a}.f-sub{margin:2px 0 6px 14px;padding-left:12px;border-left:2px solid var(--navy-2);display:grid;gap:2px}.f-sub-judul{font-size:11.5px;color:var(--navy-redup);font-weight:700;padding:6px 8px}.f-sub-item{display:flex;align-items:center;gap:8px;text-align:left;padding:9px 10px;border-radius:9px;border:0;background:transparent;color:var(--navy-teks);font-weight:700;font-size:12.5px}.f-sub-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-sub-item:hover{background:var(--navy-2)}.f-sub-item.aktif{background:var(--oranye);color:#fff}.f-sub-item .t-ok{color:#6fdc98}.f-sub-item .t-galat{color:#ff8a8a}.f-sub-item.aktif .t-ok,.f-sub-item.aktif .t-galat{color:#fff}.f-samping-bawah{padding:12px 14px 16px;border-top:1px solid rgb(255 255 255 / 8%);display:grid;gap:10px}.f-samping-bawah .btn{background:var(--navy-2);border-color:var(--navy-2);color:var(--navy-teks)}.f-utama{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.f-atas{display:flex;align-items:center;gap:12px;padding:10px clamp(12px,2.4vw,28px);border-bottom:1px solid var(--garis);background:var(--panel);min-height:64px}.f-atas .menu{display:none}.f-judul{display:grid;gap:2px;min-width:0}.f-judul b{font-size:17px;letter-spacing:.01em}.f-judul>span{display:flex;align-items:center;gap:8px;color:var(--teks-3);font-size:12px}.f-atas-kanan{margin-left:auto;display:flex;align-items:center;gap:8px}.angka-galat{background:var(--merah);color:#fff;border-radius:99px;font-size:11px;font-weight:800;padding:0 6px;min-width:18px;text-align:center}.f-isi{flex:1;overflow:auto;padding:22px clamp(12px,2.4vw,28px);scroll-behavior:auto}.f-kartu{max-width:1060px;margin:0 auto;background:var(--panel);border:1px solid var(--garis);border-radius:14px;padding:clamp(14px,2.4vw,30px)}.f-banner{background:var(--banner-bg);color:var(--banner-teks);border-bottom:3px solid var(--oranye);border-radius:6px 6px 0 0;text-align:center;padding:26px 16px 22px;margin-bottom:20px}.f-banner h2{font-size:16px;font-weight:800;letter-spacing:.03em}.f-banner p{margin:6px 0 0;font-size:12.5px;font-weight:700;opacity:.9}.f-pertanyaan,.f-grup{display:grid}.f-grup-judul{font-size:14px;font-weight:800;color:var(--oranye-teks);padding:18px 0 8px;margin-top:6px;border-top:1px dashed var(--garis-2)}.f-grup:first-child .f-grup-judul{border-top:0;margin-top:0;padding-top:4px}.banner-status{max-width:1060px;margin:0 auto 14px;display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:10px;background:var(--biru-lembut);color:var(--teks);font-size:13.5px}.banner-status.ok{background:var(--hijau-lembut)}.banner-status.warn{background:var(--oranye-lembut)}.banner-status .ikon{margin-top:1px;color:var(--biru)}.banner-status.ok .ikon{color:var(--hijau)}.banner-status.warn .ikon{color:var(--oranye)}.q{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 28px;padding:14px 8px;border-radius:10px;scroll-margin:90px}.q+.q{border-top:1px solid color-mix(in srgb,var(--garis) 60%,transparent)}.q-label label{font-weight:700;font-size:14px}.q-no{color:var(--teks)}.q-petunjuk-singkat{display:block;color:var(--oranye-teks);font-size:12px;font-weight:600;margin-top:3px}.tautan-petunjuk{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:0;border:0;background:transparent;color:var(--biru);font-size:12.5px;font-weight:700}.q-petunjuk{margin:8px 0 0;padding:10px 12px;border-radius:8px;background:var(--biru-lembut);font-size:12.5px;color:var(--teks-2)}.q-isian{min-width:0}.q-pesan{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;margin-top:7px}.q-pesan.galat{color:var(--merah)}.q-pesan.peringatan{color:var(--kuning)}.q-galat .input,.q-galat .pilih-tombol{border-color:var(--merah)}.q-galat .radio-grup{outline:1px solid color-mix(in srgb,var(--merah) 50%,transparent);outline-offset:4px;border-radius:6px}.q-inline{padding-top:8px;padding-bottom:8px}.q-inline .q-label label{font-weight:600}.q-info{padding:16px 8px 6px}.q-info h4{font-size:14px;font-weight:800}.petunjuk-kotak{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:10px 12px;border-radius:8px;background:var(--biru-lembut);color:var(--teks-2);font-size:12.5px}.petunjuk-kotak .ikon{color:var(--biru);margin-top:1px}.kilat{animation:kilat 1.8s ease-out}@keyframes kilat{0%,30%{background:color-mix(in srgb,var(--oranye) 22%,transparent);box-shadow:inset 3px 0 0 var(--oranye)}to{background:transparent}}.radio-grup{display:grid;gap:4px}.radio-grup.inline{grid-auto-flow:column;justify-content:start;gap:18px}.radio{display:flex;align-items:flex-start;gap:10px;padding:6px 4px;cursor:pointer;border-radius:7px}.radio:hover:not(.ro){background:var(--panel-2)}.radio.ro{cursor:default}.radio input{position:absolute;opacity:0;pointer-events:none}.radio .bulat{width:18px;height:18px;border-radius:50%;border:2px solid var(--teks-3);flex-shrink:0;margin-top:2px;display:grid;place-items:center;transition:border-color .15s}.radio.pilih .bulat{border-color:var(--oranye)}.radio.pilih .bulat:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--oranye)}.radio input:focus-visible+.bulat{outline:2px solid var(--oranye);outline-offset:2px}.radio.pilih>span:last-child{font-weight:600}.cek{display:inline-flex;align-items:center;gap:10px;cursor:pointer;padding:6px 4px}.cek input{position:absolute;opacity:0}.kotak-cek{width:20px;height:20px;border-radius:5px;border:2px solid var(--teks-3);display:grid;place-items:center;color:transparent}.cek.pilih .kotak-cek{background:var(--oranye);border-color:var(--oranye);color:#fff}.cek input:focus-visible+.kotak-cek{outline:2px solid var(--oranye);outline-offset:2px}.input-bungkus{position:relative}.hitung{position:absolute;right:10px;bottom:-18px;font-size:11px;color:var(--teks-3)}.hitung.lebih{color:var(--merah);font-weight:700}.input-angka{display:flex;align-items:stretch;border:1px solid var(--garis-2);border-radius:9px;background:var(--panel);overflow:hidden}.input-angka:focus-within{border-color:var(--oranye);box-shadow:0 0 0 3px color-mix(in srgb,var(--oranye) 22%,transparent)}.q-galat .input-angka{border-color:var(--merah)}.input-angka .input{border:0;border-radius:0;box-shadow:none!important;min-width:0}.input-angka.rp .input{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.awalan,.akhiran{display:grid;place-items:center;padding:0 12px;color:var(--teks-2);font-weight:700;font-size:13px;background:var(--panel-2)}.stepper{display:flex;border-left:1px solid var(--garis-2)}.stepper button{width:42px;border:0;background:transparent;color:var(--teks-2);display:grid;place-items:center}.stepper button+button{border-left:1px solid var(--garis-2)}.stepper button:hover{background:var(--panel-2);color:var(--oranye)}.total-kotak{display:flex;align-items:center;min-height:42px;border-radius:9px;background:var(--panel-2);border:1px dashed var(--garis-2);overflow:hidden}.total-kotak b{flex:1;text-align:right;padding:0 12px;font-variant-numeric:tabular-nums;font-size:15px}.total-kotak .awalan,.total-kotak .akhiran{background:transparent}.roster{display:grid;gap:10px}.roster-baris{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--garis);border-radius:12px;background:var(--panel-2)}.roster-no{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--oranye-lembut);color:var(--oranye-teks);font-weight:800;flex-shrink:0}.roster-isi{flex:1;min-width:0;display:grid;gap:8px}.roster-isi b{margin-right:6px}.roster-progres{display:flex;align-items:center;gap:10px}.roster-progres small{font-weight:700;color:var(--teks-2)}.roster-kosong{color:var(--teks-3);text-align:center;padding:18px;margin:0;border:1px dashed var(--garis-2);border-radius:12px}.f-hapus-usaha{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--garis)}.f-ruang-bawah{height:40px}.f-apung{position:absolute;right:18px;bottom:96px;display:grid;gap:10px;padding:10px;border-radius:99px;background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--garis);box-shadow:var(--bayang);backdrop-filter:blur(6px)}.apung{width:42px;height:42px;border-radius:50%;border:1px solid var(--garis-2);background:var(--panel);display:grid;place-items:center;color:var(--teks-2)}.apung.oranye{background:var(--oranye);border-color:var(--oranye);color:#fff}.apung:hover{filter:brightness(1.06)}.f-bawah{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:10px clamp(12px,2.4vw,28px);border-top:1px solid var(--garis);background:var(--panel)}.f-posisi{color:var(--teks-3);font-weight:800;font-size:13px;text-align:center;max-width:36vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-btn{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 16px;border-radius:11px;border:1px solid var(--garis-2);background:var(--panel);text-align:left;max-width:280px;justify-self:start}.nav-btn span{display:grid;min-width:0}.nav-btn small{font-size:10.5px;font-weight:800;color:var(--teks-3);letter-spacing:.04em}.nav-btn b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-btn:disabled{opacity:.4;cursor:default}.nav-btn.utama{justify-self:end;background:var(--oranye);border-color:var(--oranye);color:#fff;text-align:right}.nav-btn.utama small{color:#fffc}.nav-btn.utama:hover{background:var(--oranye-tua)}.ringkasan-tab{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rt{display:grid;justify-items:center;padding:12px 8px;border-radius:11px;border:2px solid var(--garis);background:var(--panel-2)}.rt b{font-size:26px;line-height:1.1}.rt span{font-size:11.5px;font-weight:800;letter-spacing:.05em;color:var(--teks-2)}.rt-error b{color:var(--merah)}.rt-warning b{color:var(--kuning)}.rt-kosong b{color:var(--biru)}.rt.aktif.rt-error{border-color:var(--merah);background:var(--merah-lembut)}.rt.aktif.rt-warning{border-color:var(--kuning);background:var(--kuning-lembut)}.rt.aktif.rt-kosong{border-color:var(--biru);background:var(--biru-lembut)}.ringkasan-daftar{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}.rd{width:100%;display:grid;grid-template-columns:1fr 20px;gap:2px 10px;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--garis);background:var(--panel)}.rd:hover{border-color:var(--oranye)}.rd-lokasi{font-size:11px;font-weight:800;color:var(--teks-3);letter-spacing:.03em;text-transform:uppercase}.rd-label{font-weight:700;font-size:13.5px;grid-column:1}.rd-pesan{display:flex;gap:5px;align-items:center;font-size:12.5px;font-weight:600;grid-column:1}.rd-error .rd-pesan{color:var(--merah)}.rd-warning .rd-pesan{color:var(--kuning)}.rd-kosong .rd-pesan{color:var(--biru)}.rd-panah{grid-column:2;grid-row:1 / span 3;align-self:center;color:var(--teks-3)}.ringkasan-kosong{display:flex;gap:8px;align-items:center;justify-content:center;padding:24px;color:var(--hijau);font-weight:700}@media(max-width:1080px){.kartu-kamar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 20px}.km-status{grid-column:1 / 3}.km-panah{grid-row:1;grid-column:3}.td-kepala{display:none}.td-baris{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.td-kode{grid-column:1 / -1}.td-nama{grid-column:1}.td-jenis{grid-column:2;grid-row:2;justify-self:end}.td-progres{grid-column:1}.td-aksi{grid-column:2;grid-row:3}.info-kamar dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.shell,.form{grid-template-columns:1fr}.shell-samping,.f-samping{position:fixed;z-index:40;top:0;bottom:0;left:0;width:min(86vw,300px);height:100%;transform:translate(-100%);transition:transform .22s ease}.menu-buka .shell-samping,.menu-buka .f-samping{transform:none;box-shadow:var(--bayang-besar)}.menu-buka .shell-tutup{display:block;position:fixed;inset:0;z-index:30;background:#00000073}.bar-atas{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:10;padding:8px 12px;background:var(--navy);color:#fff}.bar-atas .btn-ikon{color:#fff}.bar-judul{font-weight:800;font-size:15px}.bar-kanan{margin-left:auto;display:flex;align-items:center;gap:8px}.bar-atas .sinkron.ok{color:#6fdc98}.bar-atas .sinkron.tunggu{color:#fbc463}.bar-atas .sinkron.offline{color:#ff9a9a}.chip-peran{background:var(--oranye);color:#fff;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:800}.konten{padding:18px 16px 40px}.f-atas .menu{display:inline-grid}.grid-stat{grid-template-columns:repeat(2,1fr);gap:10px}.q{grid-template-columns:1fr;gap:8px;padding:14px 2px}.login{grid-template-columns:1fr}.login-kiri{padding:36px 20px 28px}.login-kiri p{font-size:14px;margin-bottom:0}.login-kanan{padding:36px 16px 64px}.f-apung{right:12px;bottom:88px;padding:6px;gap:6px}.apung{width:38px;height:38px}}@media(max-width:600px){.sembunyi-hp{display:none}.kartu-kamar{grid-template-columns:minmax(0,1fr) 20px;gap:12px}.km-petugas,.km-status{grid-column:1}.km-panah{grid-column:2;grid-row:1 / span 3}.kk-angka b{font-size:19px}.stat b{font-size:24px}.f-bawah{grid-template-columns:1fr 1fr}.f-posisi{display:none}.nav-btn{max-width:none;width:100%;padding:8px 12px}.f-atas{gap:8px}.f-judul b{font-size:14px}.f-isi{padding:12px 10px}.f-kartu{border-radius:10px}.roster-baris{flex-wrap:wrap}.roster-isi{flex-basis:calc(100% - 50px)}.roster-baris .btn{margin-left:48px}.modal-latar{padding:0;align-items:end}.modal{border-radius:16px 16px 0 0;max-height:92vh}.ringkasan-tab b{font-size:21px}.aksi-kepala .btn-utama{padding:0 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}