:root{--aman-bawah:max(12px, env(safe-area-inset-bottom));--gerak-cepat:.12s;--gerak:.2s;--gerak-masuk:.24s;--kurva:cubic-bezier(.2, 0, 0, 1);--geser-tekan:scale(.98);--geser-muncul:translateY(6px);--geser-lembar:translateY(24px);--geser-laci:translateX(-24px);--geser-panel:scale(.98);--geser-buka:translateY(-4px);--gerak-tutup:.16s}@media (prefers-reduced-motion:reduce){:root{--gerak-cepat:0s;--gerak:.12s;--gerak-masuk:.12s;--geser-tekan:none;--geser-muncul:none;--geser-lembar:none;--geser-laci:none;--geser-panel:none;--geser-buka:none;--gerak-tutup:.12s}}@keyframes gerak-muncul{0%{opacity:0;transform:var(--geser-muncul)}}@keyframes gerak-lembar{0%{opacity:0;transform:var(--geser-lembar)}}@keyframes gerak-laci{0%{opacity:0;transform:var(--geser-laci)}}@keyframes gerak-panel{0%{opacity:0;transform:var(--geser-panel)}}@keyframes gerak-pudar{0%{opacity:0}}@keyframes gerak-centang{0%{opacity:0;transform:var(--geser-panel)}60%{transform:scale(1.15)}}button,[role=button],summary{transition:transform var(--gerak-cepat) var(--kurva), opacity var(--gerak-cepat) var(--kurva)}button:not(:disabled):active,[role=button]:active,summary:active{transform:var(--geser-tekan)}.gerak-lapisan{animation:gerak-pudar var(--gerak-masuk) var(--kurva) both}.gerak-panel{animation:gerak-panel var(--gerak-masuk) var(--kurva) both}.gerak-lembar{animation:gerak-lembar var(--gerak-masuk) var(--kurva) both}.gerak-laci{animation:gerak-laci var(--gerak-masuk) var(--kurva) both}.gerak-muncul,[role=alert]{animation:gerak-muncul var(--gerak) var(--kurva) both}@keyframes gerak-buka{0%{opacity:0;transform:var(--geser-buka)}}@keyframes gerak-tutup{to{opacity:0;transform:var(--geser-buka)}}.gerak-buka{animation:gerak-buka var(--gerak) var(--kurva) both}.gerak-tutup{animation:gerak-tutup var(--gerak-tutup) var(--kurva) both;pointer-events:none}details[open]>:not(summary){animation:gerak-buka var(--gerak) var(--kurva) both}details>summary{align-items:center;gap:8px;list-style:none;display:flex}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"›";color:#555;width:12px;transition:transform var(--gerak) var(--kurva);font-size:18px;line-height:1;display:inline-block}details[open]>summary:before{transform:rotate(90deg)}[data-ada]>[aria-hidden=true]:first-child,.gerak-centang{animation:gerak-centang var(--gerak) var(--kurva) both;display:inline-block}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{max-width:100%;overflow-x:clip}body{overflow-wrap:anywhere;color:#111;-webkit-font-smoothing:antialiased;background:#f8f8f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font-family:inherit}.loading-screen{background:#f8f8f8;justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid #ebebeb;border-top-color:#c0272d;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-layout{min-height:100vh;display:flex}.main-content{flex:1;max-width:100%;padding:24px;overflow-x:hidden}.bottom-nav{z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #ebebeb;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;color:#999;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 0;font-size:10px;font-weight:500;display:flex}.bottom-nav-item.active{color:#c0272d}.card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:20px}.badge{letter-spacing:.2px;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-menunggu{color:#6b4a00;background:#fff3d1}.badge-menunggu.tahap-1{color:#6b4a00;background:#fff;box-shadow:inset 0 0 0 1.5px #e0b43c}.badge-menunggu.tahap-2{color:#4a3300;background:#ffdd6e}.badge-menunggu.tahap-3{color:#2e1a00;background:#f2994a}.badge-selesai{color:#1b5e31;background:#e2f2e6}.badge-masalah{color:#a11f25;background:#fdecec}.form-group{margin-bottom:16px}.form-label{color:#555;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{color:#111;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.form-input:focus{border-color:#1f1f1f;box-shadow:0 0 0 3px #1f1f1f1f}.btn-primary{color:#fff;cursor:pointer;transition:opacity var(--gerak-cepat) var(--kurva), transform var(--gerak-cepat) var(--kurva);background:#c0272d;border:none;border-radius:10px;width:100%;padding:13px 24px;font-family:inherit;font-size:14px;font-weight:600}.btn-primary:hover{opacity:.9}.btn-primary:disabled{cursor:not-allowed;background:#e0e0e0}.btn-secondary{color:#555;cursor:pointer;background:#f5f5f5;border:none;border-radius:10px;width:100%;padding:13px 24px;font-family:inherit;font-size:14px;font-weight:600}.btn-secondary:hover{background:#ebebeb}@media (width>=768px){.main-content{margin-left:240px;padding:32px}.bottom-nav{display:none}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.bar-aksi{bottom:0;left:var(--kiri,0px);z-index:40;padding:12px 16px calc(var(--aman-bawah) + 4px);box-sizing:border-box;background:#fff;border-top:1px solid #eee;position:fixed;right:0}.bar-aksi-isi{gap:10px;display:flex}.bar-aksi button{cursor:pointer;border:none;border-radius:12px;min-height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600}.bar-aksi-batal{color:#444;background:#f3f3f3;flex:1}.bar-aksi-utama{color:#fff;background:#c0272d;flex:2}.bar-aksi-utama:disabled{opacity:.7;cursor:not-allowed}@media (width>=768px){.bar-aksi{padding-left:32px;padding-right:32px}.bar-aksi-isi{justify-content:flex-end}.bar-aksi-batal{flex:none;min-width:110px}.bar-aksi-utama{flex:none;min-width:200px}}:focus-visible{outline-offset:2px;outline:2px solid #1f1f1f}button:focus-visible,a:focus-visible,[role=button]:focus-visible,select:focus-visible{border-radius:8px}tr:focus-visible{outline-offset:-2px}button:disabled{color:#8a8a8a!important;opacity:1!important;cursor:not-allowed!important;background:#ededed!important;border-color:#e3e3e3!important}@media (width<=767px){.kepala-bagian{flex-direction:column;align-items:stretch!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}