:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f4f6f8}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.boot,.center{min-height:100vh;display:grid;place-items:center;padding:24px}.page{max-width:1080px;margin:0 auto;padding:16px 16px 36px}.topbar{position:sticky;top:0;z-index:20;background:rgba(244,246,248,.96);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 14px}.brand{font-weight:800;font-size:18px}.muted{color:#667085}.small{font-size:12px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(16,24,40,.05)}.stack{display:grid;gap:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.project-card{display:grid;gap:6px;text-align:left;padding:18px;border:1px solid #e5e7eb;background:#fff;border-radius:16px;color:#172033}.project-card:hover{border-color:#98a2b3}.btn{border:0;border-radius:12px;padding:12px 16px;background:#172033;color:white;font-weight:750}.btn.secondary{background:white;color:#172033;border:1px solid #d0d5dd}.btn.danger{background:#b42318}.btn:disabled{opacity:.48;cursor:not-allowed}.input,.select,.textarea{width:100%;border:1px solid #d0d5dd;border-radius:12px;background:white;padding:12px;color:#172033}.textarea{min-height:84px;resize:vertical}.code-input{font-size:32px;letter-spacing:10px;text-align:center}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:700;color:#475467}.error,.notice,.success{padding:11px 13px;border-radius:12px;font-size:13px}.error{background:#fee4e2;color:#912018;border:1px solid #fecdca}.notice{background:#fffaeb;color:#7a2e0e;border:1px solid #fedf89}.success{background:#ecfdf3;color:#05603a;border:1px solid #abefc6}.legend{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.pill{border:1px solid #e4e7ec;background:white;border-radius:999px;padding:6px 9px;font-size:11px}.siteplan-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:10px;overflow:auto}.siteplan{display:block;width:100%;min-width:680px;min-height:460px}.plot-base{stroke:#344054;stroke-width:.35;vector-effect:non-scaling-stroke}.plot-overlay{stroke:none;pointer-events:none}.plot-label{font-size:2.15px;text-anchor:middle;dominant-baseline:central;pointer-events:none;fill:#101828;font-weight:700}.fill-STOCK{fill:#fff}.fill-UTJ{fill:#f5b942}.fill-BKP{fill:#6ca6df}.fill-SP3K{fill:#92b9a4}.fill-TERJUAL_KPR{fill:#9c513c}.fill-TERJUAL_CASH{fill:#65483c}.fill-TERJUAL_CICILAN{fill:#563752}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;margin-top:14px}.unit-card{border:1px solid #d0d5dd;border-radius:12px;padding:10px;display:grid;gap:3px;min-height:84px;text-align:left}.unit-card strong{font-size:13px}.unit-card span{font-size:10px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.summary .card{padding:12px}.summary strong{font-size:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 10px}.row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:11px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:8px}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.tag{font-size:10px;font-weight:800;border-radius:999px;padding:5px 8px;background:#f2f4f7;color:#344054}.tag.locked{background:#ecfdf3;color:#067647}.progress-box{display:grid;gap:6px}.progress-track{height:9px;border-radius:999px;background:#eaecf0;overflow:hidden}.progress-bar{appearance:none;-webkit-appearance:none;display:block;width:100%;height:100%;border:0;background:transparent}.progress-bar::-webkit-progress-bar{background:#eaecf0;border-radius:999px}.progress-bar::-webkit-progress-value{background:#172033;border-radius:999px}.progress-bar::-moz-progress-bar{background:#172033;border-radius:999px}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.tab{white-space:nowrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.full{grid-column:1/-1}.evidence-list{display:grid;gap:8px}.evidence{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.spr-locked{display:grid;gap:8px;background:#f9fafb;border:1px dashed #98a2b3;border-radius:14px;padding:14px}.hidden{display:none!important}.spacer-10{height:10px}.spacer-12{height:12px}.stage-file-input{max-width:240px}.spr-section-card{margin-bottom:12px}.spr-pasal-title{text-align:center;margin:0 0 12px}.spr-pasal-list{padding-left:22px;margin:0}.spr-pasal-item{margin:0 0 9px;line-height:1.55}.m-0{margin:0}.mt-8{margin-top:8px}.spr-signature-box{display:grid;gap:12px;padding-top:4px}.spr-signature-pad{position:relative;width:100%;height:220px;border:2px dashed #94a3b8;border-radius:14px;background:#fff;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.spr-signature-pad.is-disabled{background:#f8fafc;opacity:.72;touch-action:auto}.spr-signature-pad canvas{display:block;width:100%;height:100%;touch-action:none}.spr-signature-pad.is-disabled canvas{pointer-events:none}.spr-signature-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#94a3b8;font-size:14px;pointer-events:none}@media(max-width:720px){.page{padding:10px 10px 28px}.summary{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.siteplan{min-width:600px}.topbar{padding-top:max(10px,env(safe-area-inset-top))}.row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.card{border-radius:14px}}@media(max-width:640px){.spr-signature-pad{height:190px}.spr-signature-box .tabs{align-items:flex-start;flex-direction:column}}