@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";.siteplan-help{color:#607a75;margin:0 0 10px;font-size:.85rem;font-weight:700}.legend i{border:1px solid #78908c}.siteplan-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#fff!important;overflow:hidden!important}.siteplan-canvas-actions{z-index:4;gap:7px;display:flex;position:absolute;top:10px;right:10px}.siteplan-canvas-actions button{white-space:nowrap;background:#fffffff0;border-radius:8px;align-items:center;gap:8px;height:34px;padding:7px 9px;font-size:.72rem;display:inline-flex;box-shadow:0 4px 14px #16474021}.siteplan-canvas-actions button svg{flex:0 0 14px;width:14px;height:14px;position:static;inset:auto}.selected-polygon-actions{z-index:4;background:#fffffff5;border:1px solid #cfe0dc;border-radius:9px;align-items:center;gap:7px;padding:6px 8px;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 14px #16474021}.selected-polygon-actions strong{color:#173f39;font-size:.75rem}.selected-polygon-actions button{white-space:nowrap;align-items:center;gap:6px;height:32px;padding:6px 9px;font-size:.72rem;display:inline-flex}.siteplan-canvas.hand-tool{cursor:grab}.siteplan-canvas.hand-tool.is-dragging{cursor:grabbing}.siteplan-canvas.draw-tool{cursor:crosshair}.siteplan-scene{aspect-ratio:4963/3509;transform-origin:0 0;will-change:transform;background:#fff;position:relative;width:100%!important;min-width:100%!important;transition:transform .12s!important}.siteplan-framing{aspect-ratio:4963/3509;background:#fff;width:100%;position:relative}.siteplan-framing>img,.siteplan-framing>.siteplan-polygon-layer{position:absolute;inset:0;width:100%!important;height:100%!important}.siteplan-canvas.is-dragging .siteplan-scene{transition:none!important}.polygon-draft-preview{pointer-events:none}.polygon-actions small{color:#607a75;font-weight:700}.polygon-mode-switch{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.split-workflow{gap:10px;display:grid}.multi-unit-list{gap:5px;max-height:310px;padding-right:3px;display:grid;overflow:auto}.multi-unit-list label{cursor:pointer;border:1px solid #dbe7e4;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 9px;display:grid}.multi-unit-list label.selected{background:#effaf7;border-color:#0f766e}.multi-unit-list input{margin:0}.multi-unit-list span{color:#607a75;font-size:.72rem}.split-selection-summary{background:#f5f8f7;border-radius:8px;gap:4px;padding:9px;display:grid}.split-selection-summary span{overflow-wrap:anywhere;color:#496560;font-size:.75rem}.split-selection-summary small{color:#a14d09;font-weight:700}.split-point-guide{color:#0c4a6e;background:#eef8ff;border-radius:8px;grid-column:1/-1;gap:3px;padding:8px;font-size:.76rem;display:grid}.split-preview-part{pointer-events:none}.split-preview-part text{fill:#082f49;stroke:#fff;stroke-width:.004px;paint-order:stroke;font-size:.015px;font-weight:900}.split-preview-controls,.split-edit-list,.split-replace-prompt{gap:8px;display:grid}.split-edit-list{grid-template-columns:repeat(2,minmax(0,1fr))}.split-replace-prompt{background:#fff8e7;border:1px solid #f0b84c;border-radius:9px;padding:11px}.split-replace-prompt span{color:#69592e;font-size:.78rem}@media (width<=760px){.siteplan-canvas-actions{flex-wrap:wrap;left:10px;right:auto}.selected-polygon-actions{flex-wrap:wrap;top:54px;right:10px}}.profit-filters{background:#fff;border:1px solid #e0eae8;border-radius:14px;align-items:end;gap:10px;margin-bottom:18px;padding:14px;display:flex}.profit-filters label{color:#657a76;gap:5px;min-width:160px;font-size:11px;display:grid}.profit-filters span{color:#246157;background:#eef6f4;border-radius:9px;margin-left:auto;padding:8px 10px;font-size:11px;font-weight:700}.profit-section{background:#fff;border:1px solid #dfe9e7;border-radius:16px;margin-bottom:20px;padding:18px}.profit-section>.section-heading{margin-bottom:14px}.profit-kpis,.profit-company-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.profit-kpis article,.profit-company-kpis article{background:#fbfdfc;border:1px solid #e1ebe9;border-radius:12px;min-width:0;padding:14px}.profit-kpis span,.profit-company-kpis span{color:#69807b;font-size:11px;display:block}.profit-kpis strong,.profit-company-kpis strong{color:#153f38;white-space:nowrap;margin-top:7px;font-size:clamp(16px,1.35vw,21px);display:block}.profit-panel{background:#fff;border:1px solid #e2ebe9;border-radius:13px;margin-top:14px;padding:15px}.profit-panel h3{color:#244b44;margin:0 0 12px;font-size:14px}.profit-chart{min-width:0;overflow:hidden}.profit-chart svg{width:100%;min-height:240px;display:block}.profit-chart text{fill:#71847f;font-size:10px}.profit-grid{stroke:#dbe7e4;stroke-width:1px;stroke-dasharray:4 5}.profit-grid.vertical{stroke:#edf2f1}.profit-line{stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.profit-line.sales,.profit-legend .sales{stroke:#0f8b73}.profit-line.burden,.profit-legend .burden{stroke:#e87924}.profit-line.margin,.profit-legend .margin{stroke:#3478d4}.profit-legend{color:#58716b;justify-content:center;gap:18px;font-size:11px;display:flex}.profit-legend span{align-items:center;gap:6px;display:flex}.profit-legend i{border-top:2px solid;width:20px}.profit-types{gap:9px;display:grid}.profit-types article{border:1px solid #e4ecea;border-radius:10px;grid-template-columns:minmax(180px,1fr) auto 70px;align-items:center;gap:10px;padding:11px 12px;display:grid}.profit-types strong,.profit-types span{display:block}.profit-types span{color:#71847f;margin-top:2px;font-size:10px}.profit-types em{text-align:right;color:#185c51;font-style:normal;font-weight:700}.profit-types i{background:#e7efed;border-radius:99px;grid-column:1/-1;height:7px;overflow:hidden}.profit-types u{border-radius:inherit;background:#168b73;height:100%;text-decoration:none;display:block}.profit-table{overflow-x:auto}.profit-table table{min-width:900px}.profit-panel>.section-heading select{width:auto;min-width:180px}.profit-attention{gap:8px;display:grid}.profit-attention article{border:1px solid #e4ecea;border-radius:10px;grid-template-columns:minmax(0,1fr) auto 120px;align-items:center;gap:10px;padding:10px 12px;display:grid}.profit-attention strong,.profit-attention small{display:block}.profit-attention small{color:#748782}.profit-attention span{text-align:center;border-radius:99px;padding:5px 8px;font-size:10px}.profit-attention .negative,.profit-attention .low{color:#b42318;background:#fde8e8}.profit-attention .watch{color:#9a6700;background:#fff4d8}@media (width<=760px){.profit-filters{grid-template-columns:1fr 1fr;padding:11px;display:grid}.profit-filters label{min-width:0}.profit-filters span{grid-column:1/-1;width:max-content;margin-left:0}.profit-section{padding:12px}.profit-kpis,.profit-company-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-kpis strong,.profit-company-kpis strong{white-space:normal;font-size:14px}.profit-chart{overflow-x:auto}.profit-chart svg{min-width:620px}.profit-types article{grid-template-columns:minmax(0,1fr) auto}.profit-types em{grid-area:2/2}.profit-attention article{grid-template-columns:minmax(0,1fr) auto}.profit-attention span{grid-column:1/-1;width:max-content}.profit-table{max-width:100%}}.profit-point.sales{stroke:#0f8b73}.profit-point.burden{stroke:#e87924}.profit-point.margin{stroke:#3478d4}.profit-point{fill:#fff;stroke-width:1.4px;vector-effect:non-scaling-stroke}.profit-filters select:disabled{cursor:not-allowed;opacity:.55}.profit-population{color:#607a75;margin:0 0 10px;font-size:11px}.profit-incomplete{color:#835b13;background:#fffaf0;border:1px solid #f1dfb7;border-radius:9px;flex-wrap:wrap;gap:5px 9px;margin:0 0 14px;padding:10px 12px;font-size:11px;display:flex}.profit-incomplete strong{font-weight:700}.profit-incomplete span{overflow-wrap:anywhere}.profit-kpis article{border-left:3px solid #dce8e5}.profit-kpis article.profit-kpi-sales{border-left-color:#0f8b73}.profit-kpis article.profit-kpi-burden{border-left-color:#e87924}.profit-kpis article.profit-kpi-margin{border-left-color:#3478d4}.profit-kpis span i{background:#b9cbc7;border-radius:50%;width:7px;height:7px;margin:0 6px 1px 0;display:inline-block}.profit-kpi-sales span i{background:#0f8b73}.profit-kpi-burden span i{background:#e87924}.profit-kpi-margin span i{background:#3478d4}.profit-kpi-sales strong{color:#0f8b73}.profit-kpi-burden strong{color:#e87924}.profit-kpi-margin strong{color:#3478d4}.profit-types .profit-type-row{background:#fff;border:1px solid #e4ecea;border-radius:10px;grid-template-rows:auto 7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:grid}.profit-type-row-copy strong,.profit-type-row-copy span{display:block}.profit-type-row-copy span{color:#71847f;margin-top:2px;font-size:10px}.profit-type-row-value{color:#244b44;white-space:nowrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.profit-type-row-value b{font-size:12px;font-weight:700}.profit-type-row-value em{color:#185c51;font-size:12px;font-style:normal;font-weight:700}.profit-types .profit-type-row>i{background:#e7efed;border-radius:99px;grid-column:1/-1;height:7px;overflow:hidden}.profit-types .profit-type-row>i u{border-radius:inherit;background:#168b73;height:100%;text-decoration:none;display:block}@media (width<=760px){.profit-type-row-value{gap:8px}.profit-type-row-value b,.profit-type-row-value em{font-size:11px}}.profit-hook-total{color:#71847f;margin:10px 0 0;font-size:10px}.profit-table{scrollbar-color:#9fb8b2 #edf3f1;scrollbar-width:thin;max-height:472px;overflow:auto}.profit-table::-webkit-scrollbar{width:8px;height:8px}.profit-table::-webkit-scrollbar-track{background:#edf3f1}.profit-table::-webkit-scrollbar-thumb{background:#9fb8b2;border:2px solid #edf3f1;border-radius:99px}.profit-table thead th{z-index:2;background:#f7faf9;position:sticky;top:0;box-shadow:0 1px #dce7e4}.direksi-main-visuals{grid-template-columns:1fr;gap:18px;display:grid}.direksi-visual-card{min-width:0}.direksi-kpi{align-items:flex-start;gap:13px;display:flex}.kpi-icon{color:#078d70;background:#e6f5f0;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.kpi-icon.blue{color:#2869a9;background:#e9f1fb}.kpi-icon.red{color:#c44b4b;background:#fceced}.kpi-copy{gap:2px;min-width:0;display:grid}.trend-badge{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.trend-badge.positive{color:#06765d;background:#dff4ed}.trend-badge.negative{color:#a6473c;background:#fbe8e5}.trend-badge.neutral{color:#677a76;background:#edf2f1}.direksi-mini-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.direksi-mini-summary>div{background:#fbfdfc;border:1px solid #e1ebe8;border-radius:11px;gap:5px;padding:11px 12px;display:grid}.direksi-mini-summary span{color:#71837f;font-size:10px}.direksi-mini-summary strong{color:#174c43;overflow-wrap:anywhere;font-size:16px}.direksi-chart{min-width:0;padding:8px 0 0;overflow:hidden}.direksi-chart svg{width:100%;height:auto;max-height:235px;display:block;overflow:visible}.chart-grid line{stroke:#d8e5e2;stroke-width:1px;stroke-dasharray:4 4;opacity:.78}.chart-grid text{fill:#78908a;font-size:9px;font-weight:500}.axis-title{fill:#607b74;letter-spacing:.02em;font-size:10px;font-weight:700}.direksi-chart polyline{stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round;fill:none!important}.direksi-chart circle{stroke:#fff;stroke-width:1.5px}.direksi-chart polyline.series-primary{stroke:#078d70}.direksi-chart polyline.series-blue{stroke:#337bd3}.direksi-chart polyline.series-secondary{stroke:#9eb8b1}.direksi-chart polyline.series-out{stroke:#d8732c}.direksi-chart circle.series-primary{fill:#078d70}.direksi-chart circle.series-blue{fill:#337bd3}.direksi-chart circle.series-secondary{fill:#9eb8b1}.direksi-chart circle.series-out{fill:#d8732c}.chart-labels{color:#71837f;text-align:center;gap:0;min-height:27px;margin:3px 20px 0;font-size:8px;display:grid}.chart-labels span{min-width:0}.chart-labels b{white-space:nowrap;font-weight:500;display:block}.chart-labels b.year{color:#345b54;margin-top:2px;font-weight:800}.chart-series-legend{justify-content:center;gap:16px;margin-top:10px;display:flex}.chart-series-legend span{color:#536b66;align-items:center;gap:6px;font-size:11px;display:flex}.chart-series-legend i{background:currentColor;border-radius:3px;width:18px;height:3px}.chart-series-legend .series-primary{color:#078d70}.chart-series-legend .series-blue{color:#337bd3}.chart-series-legend .series-secondary{color:#9eb8b1}.chart-series-legend .series-out{color:#d8732c}.comparison-progress{gap:7px;margin-top:17px;display:grid}.comparison-progress>div:first-child{color:#536b66;justify-content:space-between;gap:12px;font-size:11px;display:flex}.comparison-progress>div:nth-child(2){background:#e6efed;border-radius:999px;height:7px;overflow:hidden}.comparison-progress i{border-radius:inherit;background:#078d70;height:100%;display:block}.comparison-progress small,.cash-insight{color:#71837f;font-size:10px}.cash-insight{background:#f4f8f7;border-radius:10px;margin:14px 0 0;padding:10px 12px}.project-tabs{overscroll-behavior-inline:contain;overflow-x:auto}.project-tabs>button{flex:none}.direksi-kpi{display:block}.direksi-kpi .metric-text{white-space:nowrap;overflow-wrap:normal;word-break:normal;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.direksi-mini-summary.yearly{grid-template-columns:repeat(5,minmax(0,1fr))}.direksi-mini-summary.yearly>div{min-height:64px}@media (width>=1180px){.direksi-main-visuals{grid-template-columns:1fr 1fr}}@media (width<=760px){.direksi-main-visuals{gap:0}.direksi-visual-card{padding:14px}.direksi-mini-summary{grid-template-columns:1fr}.direksi-mini-summary.yearly{grid-template-columns:repeat(2,minmax(0,1fr))}.direksi-mini-summary.cash{grid-template-columns:1fr}.direksi-mini-summary>div{padding:9px 10px}.chart-labels{margin-left:4px;margin-right:4px;font-size:7px}.comparison-progress>div:first-child{display:grid}.direksi-panel .section-heading{align-items:flex-start}.trend-badge{flex:none}.project-tabs{flex-wrap:nowrap;max-width:100%;padding-bottom:5px;display:flex}.direksi-kpi{gap:10px}.kpi-icon{width:34px;height:34px}.direksi-chart polyline{stroke-width:2.7px}}.marketing-portal{color:#17312e;background:#eef5f2;min-height:100vh}.marketing-header{z-index:20;background:#fff;border-bottom:1px solid #dce8e4;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:11px clamp(16px,4vw,54px);display:flex;position:sticky;top:0}.marketing-brand{align-items:center;gap:16px;display:flex}.marketing-brand img{object-fit:contain;width:150px;height:46px}.marketing-brand span,.marketing-detail-kicker{letter-spacing:.16em;color:#0f766e;font-size:10px;font-weight:900}.marketing-brand h1{margin:2px 0 0;font-size:18px}.marketing-brand p{color:#708680;margin:2px 0 0;font-size:12px}.marketing-header-actions{align-items:center;gap:8px;display:flex}.marketing-header-actions small{color:#708680;margin-right:5px}.marketing-content{width:min(1500px,100%);margin:auto;padding:12px clamp(12px,3vw,36px) 24px}.marketing-alert{color:#8e541a;background:#fff3e8;border-radius:12px;margin-bottom:12px;padding:12px 15px}.marketing-summary{grid-template-columns:repeat(6,minmax(120px,1fr));gap:9px;display:grid}.marketing-summary article{background:#fff;border:1px solid #dce8e4;border-radius:13px;padding:9px 14px;box-shadow:0 5px 18px #193e380d}.marketing-summary span{color:#647c77;letter-spacing:.06em;font-size:9px;font-weight:900;display:block}.marketing-summary strong{color:#0f5e57;font-size:23px;line-height:1.1}.marketing-tools{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;display:flex}.marketing-tools form{background:#fff;border:1px solid #ccdcd8;border-radius:12px;flex:1;align-items:center;gap:8px;max-width:580px;height:42px;padding-left:13px;display:flex}.marketing-tools input{border:0;outline:0;flex:1;min-width:0}.marketing-search-button{color:#fff;background:#0f766e;border-radius:0 11px 11px 0;height:40px}.marketing-filters{gap:7px;display:flex}.marketing-filters button{padding:8px 13px;font-size:12px}.marketing-filters button.active{color:#fff;background:#0f766e;border-color:#0f766e}.marketing-siteplan-card{background:#fff;border:1px solid #dce8e4;border-radius:16px;padding:8px;box-shadow:0 12px 30px #193e3814}.marketing-legend{color:#536b66;white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:13px;padding:2px 5px 8px;font-size:11px;font-weight:700;display:flex}.marketing-legend span{align-items:center;gap:5px;display:flex}.marketing-legend i{border:1px solid #6d817d;border-radius:3px;width:13px;height:13px}.marketing-siteplan-viewport{aspect-ratio:4963/3509;touch-action:none;cursor:grab;background:#fff;border:1px solid #d9e5e2;border-radius:12px;width:100%;position:relative;overflow:hidden}.marketing-siteplan-viewport:fullscreen{aspect-ratio:auto;border:0;border-radius:0;height:100vh}.marketing-siteplan-viewport:active{cursor:grabbing}.marketing-siteplan-scene{transform-origin:0 0;will-change:transform;background:#fff;width:1200px;position:absolute;top:0;left:0}.marketing-siteplan-scene img,.marketing-siteplan-scene svg{width:100%;height:100%;position:absolute;inset:0}.marketing-siteplan-scene img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.marketing-siteplan-scene svg polygon{cursor:pointer}.marketing-zoom-controls{z-index:5;background:#fffffff0;border:1px solid #d8e3e1;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 5px 18px #193e381f}.marketing-zoom-controls button{border:0;justify-content:center;width:34px;height:34px;padding:0}.marketing-zoom-controls .marketing-fit-button{gap:5px;width:auto;padding:0 9px}.marketing-fit-button b{font-size:11px}.marketing-zoom-controls span{text-align:center;min-width:46px;font-size:11px;font-weight:800}.marketing-loading{color:#0f766e;background:#ffffffbf;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.marketing-unit-detail{z-index:30;background:#fff;border:1px solid #d5e3df;border-radius:18px;width:min(380px,100vw - 30px);padding:22px;position:fixed;bottom:22px;right:22px;box-shadow:0 22px 60px #14353040}.marketing-unit-detail h2{margin:4px 0 8px;font-size:28px}.marketing-detail-close{padding:7px;position:absolute;top:12px;right:12px}.marketing-status{border:1px solid #14322d33;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-flex}.marketing-unit-detail dl{grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0 0;display:grid}.marketing-unit-detail dl div{background:#f4f8f7;border-radius:10px;padding:10px}.marketing-unit-detail dt{color:#6b817e;font-size:10px}.marketing-unit-detail dd{margin:3px 0 0;font-weight:800}.marketing-unit-detail .marketing-price{background:#e8f5f1;grid-column:1/-1}.marketing-price dd{color:#0f766e;font-size:20px}.marketing-siteplan-viewport{height:calc(100dvh - 280px);min-height:360px}.marketing-siteplan-viewport:fullscreen{height:100vh;min-height:0}@media (width<=900px){.marketing-summary{grid-template-columns:repeat(3,1fr)}.marketing-header-actions small{display:none}.marketing-siteplan-viewport{height:64vh}}@media (width<=600px){.marketing-header{min-height:64px;padding:8px 10px}.marketing-brand img{width:86px;height:36px}.marketing-brand{gap:8px}.marketing-brand h1{font-size:13px}.marketing-brand p,.marketing-header-actions button span{display:none}.marketing-header-actions button{padding:8px}.marketing-content{padding:8px 7px 16px}.marketing-summary{gap:5px}.marketing-summary article{border-radius:10px;padding:7px 8px}.marketing-summary span{min-height:18px;font-size:8px}.marketing-summary strong{font-size:19px}.marketing-tools{flex-direction:column;align-items:stretch;margin:7px 0}.marketing-tools form{width:100%;max-width:none}.marketing-filters{overflow:auto}.marketing-filters button{white-space:nowrap;flex:1;justify-content:center}.marketing-siteplan-card{border-radius:12px;padding:5px}.marketing-legend{flex-wrap:wrap;gap:7px;max-height:42px;font-size:9px;overflow:hidden}.marketing-siteplan-viewport{aspect-ratio:auto;height:62vh;min-height:0}.marketing-zoom-controls{top:6px;right:6px}.marketing-unit-detail{border-radius:20px 20px 0 0;width:100%;max-width:none;padding:19px 17px 24px;bottom:0;left:0;right:0}.marketing-unit-detail dl{gap:6px}.marketing-unit-detail dl div{padding:8px}}.marketing-brand-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;display:flex}.marketing-brand-copy p{color:#708680;margin:0;font-size:12px;font-weight:700;display:block}@media (width<=600px){.marketing-brand-copy{gap:2px}.marketing-brand-copy p{font-size:10px}}.marketing-workspace .marketing-header{display:none}.marketing-workspace .marketing-portal{background:0 0;min-height:0}.marketing-workspace .marketing-content{width:100%;padding:0}.marketing-materials-backdrop.embedded{background:0 0;padding:0;display:block;position:static}.marketing-materials-backdrop.embedded .marketing-materials-modal{width:100%;max-height:none;box-shadow:none;border:1px solid #dce8e4}.marketing-materials-backdrop{z-index:70;background:#1027236b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.marketing-materials-modal{background:#fff;border-radius:18px;width:min(720px,100%);max-height:min(78dvh,720px);overflow:auto;box-shadow:0 30px 80px #0f282359}.marketing-materials-modal>header{border-bottom:1px solid #deebe7;justify-content:space-between;gap:16px;padding:22px 24px 16px;display:flex}.marketing-materials-modal header span{letter-spacing:.14em;color:#0f766e;font-size:10px;font-weight:900}.marketing-materials-modal h2{margin:5px 0 3px;font-size:22px}.marketing-materials-modal p{color:#708680;margin:0;font-size:13px}.marketing-materials-modal header button{width:34px;height:34px;padding:0}.marketing-materials-list{padding:10px 16px 16px}.marketing-materials-list article{border-bottom:1px solid #e5efec;align-items:center;gap:13px;padding:14px 8px;display:flex}.marketing-material-icon{color:#0f766e;background:#e7f4f0;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.marketing-material-copy{flex:1;min-width:0}.marketing-material-copy b{color:#0f766e;letter-spacing:.08em;font-size:10px}.marketing-material-copy h3{margin:2px 0;font-size:16px}.marketing-material-copy p,.marketing-material-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.marketing-material-copy small{color:#738580;margin-top:4px;font-size:11px}.marketing-materials-list a{color:#fff;background:#0f766e;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.marketing-materials-empty{color:#647c77;text-align:center;padding:38px 24px}@media (width<=600px){.marketing-materials-backdrop{align-items:end;padding:0}.marketing-materials-modal{border-radius:20px 20px 0 0;width:100%;max-height:80dvh}.marketing-materials-modal>header{padding:18px}.marketing-materials-list{padding:8px 12px 16px}.marketing-materials-list article{flex-wrap:wrap;align-items:flex-start}.marketing-material-copy{min-width:calc(100% - 55px)}.marketing-materials-list a{margin-left:55px}}.marketing-quick-actions{flex-wrap:wrap;gap:10px;padding:16px 18px 4px;display:flex}.marketing-quick-download{color:#fff;background:#0f766e;border:1px solid #0f766e;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.marketing-quick-download:disabled{color:#72837f;background:#eef4f2;border-color:#d7e3e0}.marketing-workspace .marketing-siteplan-card,.marketing-workspace .marketing-siteplan-viewport,.marketing-workspace .marketing-siteplan-scene{background:#fff}.marketing-portal .marketing-unit-detail>button.primary{display:none}.direksi-report-controls{background:#fff;border:1px solid #e0eae8;border-radius:16px;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px;padding:16px;display:flex}.direksi-report-tabs{gap:7px;display:flex;overflow-x:auto}.direksi-report-tabs button{white-space:nowrap;color:#486660;background:#f3f7f6}.direksi-report-tabs button.active{color:#fff;background:#0f766e}.direksi-report-period{flex-wrap:wrap;gap:10px;display:flex}.direksi-report-period label{color:#6d817d;gap:5px;font-size:10px;display:grid}.direksi-report-period input{min-height:38px}.direksi-report-controls>.primary{margin-left:auto}.direksi-cash-report{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.direksi-cash-report article{background:#fbfdfc;border:1px solid #e0eae8;border-radius:12px;gap:6px;padding:14px;display:grid}.direksi-cash-report span{color:#6d817d;font-size:11px}.direksi-cash-report strong{color:#174c43;white-space:nowrap;font-size:18px}.direksi-workspace .financial-report-table td:last-child,.direksi-workspace .financial-report-table th:last-child{text-align:right}.direksi-executive-summary,.direksi-report-detail{background:#fff;border:1px solid #dfe9e7;border-radius:16px;margin-bottom:18px;padding:18px}.direksi-report-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.direksi-report-summary article{background:#fbfdfc;border:1px solid #e1ebe9;border-radius:12px;min-width:0;padding:14px}.direksi-report-summary span,.direksi-report-summary small{color:#69807b;font-size:11px;display:block}.direksi-report-summary strong{color:#123f38;white-space:nowrap;margin-top:7px;font-size:clamp(16px,1.45vw,22px);line-height:1.15;display:block}.direksi-report-summary small{color:#b45309;margin-top:6px}.direksi-report-visual-grid{grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr);gap:12px;margin-top:12px;display:grid}.direksi-report-visual-grid>article{background:#fff;border:1px solid #e1ebe9;border-radius:12px;min-width:0;padding:14px}.direksi-report-visual-grid h3{color:#173f39;margin:0 0 10px;font-size:14px}.direksi-executive-chart{min-width:0;overflow:hidden}.direksi-executive-chart svg{width:100%;min-height:220px;display:block}.direksi-executive-chart text{fill:#71847f;font-size:10px}.direksi-executive-chart polyline{stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.direksi-executive-chart .report-grid-line{stroke:#dbe7e4;stroke-width:1px;stroke-dasharray:4 5}.direksi-executive-chart .report-grid-line.vertical{stroke:#edf2f1}.direksi-executive-chart .report-revenue{stroke:#0f8b73}.direksi-executive-chart .report-expense{stroke:#e87924}.direksi-report-legend{color:#58716b;justify-content:center;gap:16px;font-size:11px;display:flex}.direksi-report-legend span{align-items:center;gap:6px;display:flex}.direksi-report-legend i{border-top:2px solid;width:20px}.direksi-report-legend .report-revenue i{border-color:#0f8b73}.direksi-report-legend .report-expense i{border-color:#e87924}.direksi-expense-bars,.direksi-balance-visual{gap:12px;display:grid}.direksi-expense-bars>div,.direksi-balance-visual>div{color:#526b65;grid-template-columns:minmax(100px,1fr) minmax(70px,1.3fr);align-items:center;gap:5px 10px;font-size:11px;display:grid}.direksi-expense-bars b,.direksi-balance-visual b{background:#15957c;border-radius:999px;max-width:100%;height:8px;display:block}.direksi-expense-bars strong,.direksi-balance-visual strong{color:#234c45;grid-column:2;font-size:11px}.direksi-balance-visual{border:1px solid #e1ebe9;border-radius:12px;margin-top:16px;padding:15px}.direksi-balance-visual>div{grid-template-columns:110px minmax(120px,1fr) auto}.direksi-balance-visual strong{white-space:nowrap;grid-column:3}.direksi-report-insight{color:#486660;background:#eef7f5;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:11px}.direksi-report-empty{color:#78908a;place-items:center;min-height:180px;font-size:12px;display:grid}@media (width<=760px){.direksi-report-controls{align-items:stretch;padding:12px}.direksi-report-tabs{width:100%}.direksi-report-period{grid-template-columns:1fr 1fr;width:100%;display:grid}.direksi-report-period input{width:100%}.direksi-report-controls>.primary{width:100%;margin-left:0}.direksi-cash-report{grid-template-columns:1fr}.direksi-workspace .financial-report-table{overflow-x:auto}.direksi-workspace .financial-report-table table{min-width:560px}.direksi-workspace .financial-report-table tbody{display:table-row-group}.direksi-workspace .financial-report-table tbody tr{display:table-row}.direksi-workspace .financial-report-table tbody td{padding:10px 8px;display:table-cell}.direksi-workspace .financial-report-table thead{clip:auto;width:auto;height:auto;display:table-header-group;position:static;overflow:visible}.direksi-executive-summary,.direksi-report-detail{padding:12px}.direksi-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.direksi-report-summary strong{font-size:15px}.direksi-report-visual-grid{grid-template-columns:1fr}.direksi-executive-chart svg{min-width:560px;min-height:210px}.direksi-executive-chart{overflow-x:auto}.direksi-balance-visual>div{grid-template-columns:80px minmax(70px,1fr)}.direksi-balance-visual strong{grid-column:2}.direksi-report-detail .table-card{overflow-x:auto}}.direksi-report-period select{color:#294d46;background:#fff;border:1px solid #d8e4e1;border-radius:8px;min-width:110px;min-height:38px;padding:0 10px}@media (width<=760px){.direksi-report-period{grid-template-columns:1fr}.direksi-report-period select{width:100%}}.direksi-rab-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.direksi-rab-kpis article{background:#fff;border:1px solid #dfe9e7;border-radius:14px;padding:16px}.direksi-rab-kpis span{color:#69807b;font-size:11px;display:block}.direksi-rab-kpis strong{color:#163f38;white-space:nowrap;margin-top:8px;font-size:clamp(17px,1.5vw,23px);display:block}.direksi-rab-bars{gap:15px;display:grid}.direksi-rab-bars>div>div:first-child{color:#5f7772;grid-template-columns:minmax(160px,1fr) auto 64px;align-items:center;gap:12px;font-size:11px;display:grid}.direksi-rab-bars strong{color:#244b44;font-size:12px}.direksi-rab-bars b{text-align:right;color:#174c43}.rab-track{background:#e9f0ee;border-radius:999px;height:10px;margin-top:6px;overflow:hidden}.rab-track i{border-radius:inherit;background:#168b73;height:100%;display:block}.rab-track i.over{background:#d85c5c}.direksi-rab-attention{gap:8px;display:grid}.direksi-rab-attention article{border:1px solid #e4ecea;border-radius:10px;grid-template-columns:minmax(0,1fr) 70px 120px;align-items:center;gap:12px;padding:11px 12px;display:grid}.direksi-rab-attention strong,.direksi-rab-attention small{display:block}.direksi-rab-attention small{color:#778b87;margin-top:3px}.direksi-rab-attention b{text-align:right}.direksi-rab-attention span{text-align:center;border-radius:999px;padding:5px 8px;font-size:10px}.direksi-rab-attention .near{color:#9a6700;background:#fff4d8}.direksi-rab-attention .over{color:#b42318;background:#fde8e8}.direksi-rab-table{overflow-x:auto}.direksi-rab-table table{min-width:900px}@media (width<=760px){.direksi-rab-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.direksi-rab-kpis strong{font-size:15px}.direksi-rab-bars>div>div:first-child{grid-template-columns:minmax(120px,1fr) 55px}.direksi-rab-bars>div>div:first-child span{display:none}.direksi-rab-attention article{grid-template-columns:minmax(0,1fr) 55px}.direksi-rab-attention article>span{text-align:left;grid-column:1/-1;width:max-content}}.direksi-workspace:has(.direksi-spk-kpis){min-width:0;max-width:100%;overflow-x:hidden}.direksi-panel:has(.direksi-spk-table){width:100%;min-width:0;max-width:100%;overflow:hidden}.direksi-spk-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.direksi-spk-kpis article{background:#fff;border:1px solid #dfe9e7;border-radius:14px;min-width:0;padding:15px}.direksi-spk-kpis span{color:#69807b;font-size:11px;display:block}.direksi-spk-kpis strong{color:#163f38;overflow-wrap:anywhere;margin-top:7px;font-size:clamp(15px,1.2vw,20px);line-height:1.2;display:block}.direksi-spk-source-note{color:#58716c;background:#f7fbfa;border:1px solid #dfe9e7;border-radius:12px;flex-wrap:wrap;gap:8px 20px;margin-bottom:18px;padding:11px 13px;font-size:12px;display:flex}.direksi-spk-source-note strong{color:#214f47}.direksi-spk-table{max-width:100%;overflow-x:auto}.direksi-spk-table table{min-width:1120px}.direksi-spk-table td:nth-last-child(2){min-width:220px}.direksi-spk-outstanding{gap:8px;display:grid}.direksi-spk-outstanding button{text-align:left;background:#fff;border:1px solid #e1ebe9;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.direksi-spk-outstanding strong,.direksi-spk-outstanding small{display:block}.direksi-spk-outstanding small{color:#70847f;margin-top:3px}.direksi-spk-outstanding b{color:#174c43}.direksi-spk-modal .process-card{width:min(1080px,100vw - 28px);max-height:90vh;overflow:auto}.direksi-spk-modal h3{margin:22px 0 9px}.direksi-spk-payment-table{overflow-x:auto}.direksi-spk-payment-table table{min-width:820px}.direksi-spk-readonly{color:#728680;margin-top:18px;display:block}@media (width<=1000px){.direksi-spk-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.direksi-spk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.direksi-spk-kpis strong{font-size:14px}.direksi-spk-source-note{display:grid}.direksi-spk-outstanding button{grid-template-columns:1fr}.direksi-spk-outstanding b{justify-self:start}.direksi-spk-modal .detail-grid{grid-template-columns:1fr}.direksi-spk-table,.direksi-spk-payment-table{overscroll-behavior-x:contain;max-width:100%}}.direksi-mobile-menu{display:none}.direksi-scope{background:#fff;border:1px solid #e0eae8;border-radius:16px;justify-content:space-between;align-items:end;gap:18px;margin:0 0 18px;padding:14px 16px;display:flex}.direksi-scope>div:first-child{gap:7px;min-width:250px;display:grid}.direksi-scope select{color:#183c37;background:#fff;border:1px solid #cfe0dc;border-radius:10px;min-height:40px;padding:0 12px}.direksi-badges{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.direksi-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.direksi-kpi{min-height:132px;padding:18px}.direksi-kpi .metric-text{overflow-wrap:normal;word-break:normal;white-space:nowrap;margin:10px 0 4px;font-size:clamp(20px,1.55vw,24px);line-height:1.15}.direksi-feature-grid,.direksi-two-column{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.direksi-panel{background:#fff;border:1px solid #e0eae8;border-radius:16px;margin-bottom:18px;padding:20px;box-shadow:0 5px 18px #16453d0d}.direksi-panel .section-heading{margin-bottom:18px}.direksi-sales-content{align-items:center;gap:26px;min-height:145px;display:flex}.direksi-donut{text-align:center;background:conic-gradient(#069b78 var(--progress),#e5efec 0);border-radius:50%;flex:none;place-content:center;width:142px;height:142px;display:grid;position:relative}.direksi-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:13px}.direksi-donut>*{z-index:1;position:relative}.direksi-donut strong{color:#174c43;font-size:25px}.direksi-donut small{color:#69807b;font-size:10px}.direksi-ratio{color:#174c43;font-size:28px}.direksi-stacked-bar{background:#edf4f2;border-radius:99px;height:22px;margin:18px 0;display:flex;overflow:hidden}.direksi-stacked-bar i{min-width:0;display:block}.direksi-stacked-bar .available,.direksi-legend .available,.direksi-status-card .available{background:#0b9d79}.direksi-stacked-bar .ready,.direksi-legend .ready{background:#65b89f}.direksi-stacked-bar .booking,.direksi-legend .booking{background:#e5a63b}.direksi-stacked-bar .akad,.direksi-legend .akad{background:#6c7bd9}.direksi-stacked-bar .sold,.direksi-legend .sold{background:#7d8a8a}.direksi-legend{gap:10px;display:grid}.direksi-legend>div{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.direksi-legend i{border-radius:50%;width:10px;height:10px}.direksi-legend strong{font-size:12px}.direksi-legend small{color:#70847f;font-weight:400}.direksi-status-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.direksi-status-card{background:#fbfdfc;border:1px solid #e0eae8;border-radius:12px;padding:13px}.direksi-status-card div{gap:6px;display:grid}.direksi-status-card span{color:#69807b;font-size:11px}.direksi-status-card strong{color:#174c43;font-size:22px}.direksi-status-card>small{color:#69807b;font-size:10px}.mini-progress{background:#e5efec;border-radius:99px;height:5px;margin-top:9px;overflow:hidden}.mini-progress i{border-radius:inherit;background:#069b78;height:100%;display:block}.direksi-important-list{gap:12px;display:grid}.direksi-important-list div{border-bottom:1px solid #edf3f1;grid-template-columns:15px 1fr auto;align-items:center;gap:8px;padding-bottom:10px;display:grid}.direksi-important-list span{color:#e2a137}.direksi-important-list strong{color:#234943;font-size:13px}.direksi-important-list small{color:#728680;font-size:11px}.direksi-trend-placeholder{background:#fbfdfc;border-style:dashed}.direksi-unavailable{color:#748781;place-items:center;min-height:140px;display:grid}.direksi-workspace .marketing-portal{background:0 0;min-height:0}.direksi-workspace .marketing-content{width:100%;max-width:none;margin:0;padding:0}@media (width<=760px){.direksi-mobile-menu{z-index:18;width:100%;min-height:44px;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fbfaf7;border:0;border-bottom:1px solid #dfe9e7;border-radius:0;justify-content:flex-start;margin:0;font-size:20px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #16453d0d}.direksi-sidebar{display:none}.direksi-sidebar.mobile-open{display:flex}.direksi-workspace .page-title{margin-bottom:14px}.direksi-workspace .page-title h1{font-size:23px}.direksi-workspace .toolbar{grid-template-columns:1fr;gap:8px;padding:11px;display:grid}.direksi-workspace .toolbar label{gap:6px;font-size:12px;display:grid}.direksi-workspace .toolbar span{width:max-content;max-width:100%;margin-left:0}.direksi-scope{align-items:stretch;margin-bottom:14px;padding:12px;display:grid}.direksi-scope>div:first-child{min-width:0}.direksi-badges{justify-content:flex-start}.direksi-kpi-grid{grid-template-columns:1fr;gap:10px}.direksi-kpi{min-height:0}.direksi-kpi .metric-text{font-size:20px}.direksi-feature-grid,.direksi-two-column{grid-template-columns:1fr;gap:0}.direksi-panel{border-radius:14px;padding:15px}.direksi-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direksi-sales-content{gap:16px}.direksi-donut{width:120px;height:120px}.direksi-important-list div{grid-template-columns:14px 1fr}.direksi-important-list small{grid-column:2}.direksi-workspace .table-card{background:0 0;border:0;overflow:visible}.direksi-workspace table,.direksi-workspace thead{display:block}.direksi-workspace thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.direksi-workspace tbody{gap:9px;display:grid}.direksi-workspace tbody tr{background:#fff;border:1px solid #e0eae8;border-radius:13px;grid-template-columns:1fr auto;gap:4px 10px;padding:12px;display:grid}.direksi-workspace tbody td{white-space:normal;border:0;padding:0}.direksi-workspace tbody td:first-child{font-weight:700}.direksi-workspace tbody td:nth-child(2){text-align:right;color:#6d817e}.direksi-workspace tbody td:nth-child(3){font-weight:700}.direksi-workspace tbody td:nth-child(4){color:#6d817e;grid-column:1/-1;font-size:11px}.direksi-workspace tbody td:nth-child(5){grid-column:1/-1;width:max-content}.direksi-workspace>.metric-grid:first-of-type{grid-template-columns:1fr;gap:10px}.direksi-workspace>.metric-grid:first-of-type .metric{padding:15px 16px}.direksi-workspace>.metric-grid:first-of-type .metric strong{white-space:nowrap;font-size:24px}.direksi-workspace .booking-list .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.direksi-workspace .booking-list .metric{border-radius:13px;padding:13px 12px}.direksi-workspace .booking-list .metric strong{overflow-wrap:anywhere;font-size:18px}.direksi-workspace .booking-list .table-card{background:0 0;border:0;overflow:visible}.direksi-workspace .booking-list table,.direksi-workspace .booking-list thead{display:block}.direksi-workspace .booking-list thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.direksi-workspace .booking-list tbody{gap:9px;display:grid}.direksi-workspace .booking-list tbody tr{background:#fff;border:1px solid #e0eae8;border-radius:13px;grid-template-columns:1fr auto;gap:4px 10px;padding:12px;display:grid}.direksi-workspace .booking-list tbody td{white-space:normal;border:0;padding:0}.direksi-workspace .booking-list tbody td:first-child{font-weight:700}.direksi-workspace .booking-list tbody td:nth-child(2){text-align:right;color:#6d817e}.direksi-workspace .booking-list tbody td:nth-child(3){font-weight:700}.direksi-workspace .booking-list tbody td:nth-child(4){color:#6d817e;grid-column:1/-1;font-size:11px}.direksi-workspace .booking-list tbody td:nth-child(5){grid-column:1/-1;width:max-content}}@media (width<=360px){.direksi-workspace .booking-list .metric-grid{grid-template-columns:1fr}}.mortgage-simulation{color:#17312e;max-width:1280px;margin:0 auto;padding:24px}.mortgage-heading{align-items:center;gap:14px;margin-bottom:22px;display:flex}.mortgage-heading-icon{color:#117d72;background:#dcefeb;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.mortgage-heading span,.mortgage-result-title span{letter-spacing:.13em;color:#67807c;font-size:11px;font-weight:800}.mortgage-heading h1{margin:2px 0 4px;font-size:26px;line-height:1.2}.mortgage-heading p{color:#6f807d;margin:0}.mortgage-layout{grid-template-columns:minmax(290px,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.mortgage-card{background:#fff;border:1px solid #dce6e3;border-radius:18px;padding:22px;box-shadow:0 8px 24px #1b3e390f}.mortgage-card h2{margin:0 0 18px;font-size:18px}.mortgage-field{gap:7px;margin-bottom:16px;display:grid}.mortgage-field>span,.mortgage-program>span{color:#38524e;font-size:13px;font-weight:700}.mortgage-field input,.mortgage-field select,.mortgage-money-input{color:#17312e;width:100%;height:44px;font:inherit;background:#fff;border:1px solid #cfddda;border-radius:10px;outline:none}.mortgage-field input,.mortgage-field select{padding:0 12px}.mortgage-field input:focus,.mortgage-field select:focus,.mortgage-money-input:focus-within{border-color:#14877b;box-shadow:0 0 0 3px #14877b1f}.mortgage-money-input{align-items:center;gap:8px;padding:0 12px;display:flex}.mortgage-money-input b{color:#14877b}.mortgage-money-input input{border:0;height:40px;padding:0;box-shadow:none!important}.mortgage-program{background:#f1f8f6;border-radius:11px;gap:4px;margin-bottom:16px;padding:14px;display:grid}.mortgage-program strong{font-size:15px}.mortgage-program small,.mortgage-compare-toggle small{color:#71837f;line-height:1.4}.mortgage-compare-toggle{cursor:pointer;border:1px solid #dce6e3;border-radius:11px;align-items:flex-start;gap:10px;padding:14px;display:flex}.mortgage-compare-toggle input{accent-color:#14877b;margin-top:3px}.mortgage-compare-toggle span{gap:2px;display:grid}.mortgage-result-title{border-bottom:1px solid #e5ecea;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:16px;display:flex}.mortgage-result-title h2{margin:3px 0 0}.mortgage-result-title>strong{color:#117d72;white-space:nowrap;background:#e3f2ef;border-radius:999px;padding:7px 12px;font-size:13px}.mortgage-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.mortgage-result-grid>div{background:#f6f9f8;border:1px solid #e3ebe9;border-radius:11px;gap:5px;padding:13px;display:grid}.mortgage-result-grid span{color:#6a7e7a;font-size:12px}.mortgage-result-grid strong{font-size:15px}.mortgage-main-result{color:#fff;background:linear-gradient(135deg,#117d72,#0c665e);border-radius:14px;gap:8px;padding:20px;display:grid}.mortgage-main-result span{opacity:.85;font-size:13px}.mortgage-main-result strong{font-size:27px}.mortgage-main-result small{opacity:.85;font-size:13px;font-weight:500}.mortgage-table-wrap{border:1px solid #dfe8e6;border-radius:12px;overflow-x:auto}.mortgage-table-wrap table{border-collapse:collapse;width:100%;min-width:520px}.mortgage-table-wrap th,.mortgage-table-wrap td{text-align:left;border-bottom:1px solid #e6edeb;padding:13px 15px}.mortgage-table-wrap th{letter-spacing:.05em;color:#617773;background:#f5f8f7;font-size:11px}.mortgage-table-wrap tr:last-child td{border-bottom:0}.mortgage-comparison{border-top:1px solid #e5ecea;margin-top:22px;padding-top:18px}.mortgage-comparison h3{align-items:center;gap:7px;margin:0 0 12px;font-size:15px;display:flex}.mortgage-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mortgage-comparison article{background:#fafcfb;border:1px solid #dfe8e6;border-radius:11px;gap:6px;min-height:90px;padding:13px;display:grid}.mortgage-comparison article.active{background:#edf8f5;border-color:#14877b}.mortgage-comparison article>span{color:#14877b;font-size:12px;font-weight:800}.mortgage-comparison article strong{font-size:15px}.mortgage-comparison article strong small{color:#73827f;margin-top:3px;font-size:11px;font-weight:500;display:block}.mortgage-comparison article>small{color:#73827f;font-size:11px}.mortgage-disclaimer{color:#725924;background:#fff8e9;border-radius:10px;margin:20px 0 0;padding:13px 15px;font-size:12px;line-height:1.5}.mortgage-empty{text-align:center;color:#73827f;background:#f7faf9;border-radius:12px;place-items:center;min-height:180px;display:grid}.mortgage-program-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mortgage-program-heading>div{gap:4px;display:grid}.mortgage-program-heading>div>span{color:#607773;font-size:12px}.mortgage-program-heading button{color:#117d72;cursor:pointer;background:#fff;border:1px solid #14877b;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800}.mortgage-tier-editor{background:#fff;border:1px solid #d6e5e1;border-radius:9px;overflow:hidden}.mortgage-tier-editor-head,.mortgage-tier-editor-row{grid-template-columns:1fr 100px;align-items:center;gap:10px;padding:9px 11px;display:grid}.mortgage-tier-editor-head{color:#607773;text-transform:uppercase;letter-spacing:.05em;background:#e6f2ef;font-size:10px;font-weight:800}.mortgage-tier-editor-row{border-top:1px solid #e5eeeb;font-size:12px}.mortgage-tier-editor-row>strong{text-align:right;font-size:12px}.mortgage-rate-input{justify-content:flex-end;align-items:center;gap:5px;display:flex}.mortgage-rate-input input{text-align:right;color:#17312e;border:1px solid #c8d9d5;border-radius:7px;width:72px;height:32px;padding:0 8px}.mortgage-rate-input b{color:#607773;font-size:12px}@media (width<=900px){.mortgage-simulation{padding:18px}.mortgage-layout{grid-template-columns:1fr}.mortgage-form-card{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.mortgage-form-card h2,.mortgage-compare-toggle,.mortgage-program,.mortgage-unit-picker,.mortgage-unit-summary,.mortgage-tenor-picker{grid-column:1/-1}}@media (width<=600px){.mortgage-simulation{padding:14px}.mortgage-heading{align-items:flex-start;padding-top:32px}.mortgage-heading h1{font-size:22px}.mortgage-card{border-radius:14px;padding:16px}.mortgage-form-card{display:block}.mortgage-result-grid{grid-template-columns:1fr 1fr}.mortgage-comparison-grid{grid-template-columns:1fr}.mortgage-main-result strong{font-size:22px}}.mortgage-result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.mortgage-result-actions>strong{color:#117d72;white-space:nowrap;background:#e3f2ef;border-radius:999px;padding:7px 12px;font-size:13px}.mortgage-result-actions button{color:#fff;cursor:pointer;background:#14877b;border:1px solid #14877b;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-weight:800;display:flex}.mortgage-result-actions button:disabled{opacity:.55;cursor:not-allowed}.mortgage-comparison-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.mortgage-comparison-grid>button{color:#17312e;text-align:left;cursor:pointer;background:#fafcfb;border:1px solid #dfe8e6;border-radius:11px;gap:6px;min-height:90px;padding:13px;display:grid}.mortgage-comparison-grid>button.active{background:#edf8f5;border-color:#14877b}.mortgage-comparison-grid>button>span{color:#14877b;font-size:12px;font-weight:800}.mortgage-comparison-grid>button strong{font-size:15px}.mortgage-comparison-grid>button strong small{color:#73827f;margin-top:3px;font-size:11px;font-weight:500;display:block}.mortgage-comparison-grid>button>small{color:#73827f;font-size:11px}.mortgage-tenor-picker{background:#fafcfb;border:1px solid #dce6e3;border-radius:11px;gap:11px;padding:14px;display:grid}.mortgage-tenor-picker-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mortgage-tenor-picker-heading>div{gap:3px;display:grid}.mortgage-tenor-picker-heading strong{font-size:13px}.mortgage-tenor-picker-heading small{color:#71837f;font-size:11px}.mortgage-tenor-picker-heading button{color:#117d72;cursor:pointer;background:#fff;border:1px solid #14877b;border-radius:8px;align-items:center;gap:4px;padding:7px 9px;font-size:11px;font-weight:800;display:flex}.mortgage-tenor-selects{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mortgage-tenor-selects>div{min-width:0;display:flex}.mortgage-tenor-selects select{color:#17312e;background:#fff;border:1px solid #cfddda;border-radius:8px;flex:1;min-width:0;height:38px;padding:0 8px}.mortgage-tenor-selects button{color:#8b4f4f;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;display:grid}.mortgage-unit-picker small{color:#9a5a35}.mortgage-unit-summary{background:#f1f8f6;border:1px solid #d6e5e1;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px;padding:13px;display:grid}.mortgage-unit-summary>div{gap:2px;min-width:0;display:grid}.mortgage-unit-summary>div:first-child{border-bottom:1px solid #dce9e6;grid-column:1/-1;padding-bottom:8px}.mortgage-unit-summary span,.mortgage-unit-summary small{color:#71837f;font-size:11px}.mortgage-unit-summary strong{overflow-wrap:anywhere;font-size:13px}.mortgage-dp-field{background:#fafcfb;border:1px solid #dce6e3;border-radius:11px;padding:13px}.mortgage-dp-options{flex-wrap:wrap;gap:8px;display:flex}.mortgage-dp-options button{color:#38524e;cursor:pointer;background:#fff;border:1px solid #cfddda;border-radius:8px;padding:8px 12px;font-weight:700}.mortgage-dp-options button.active{color:#117d72;background:#e3f2ef;border-color:#14877b}.mortgage-dp-options button:disabled{opacity:.5;cursor:not-allowed}.mortgage-field-error{color:#a14f38;font-size:11px}@media (width<=600px){.mortgage-result-title{display:grid}.mortgage-result-actions{justify-content:flex-start}.mortgage-tenor-picker-heading{display:grid}.mortgage-tenor-picker-heading button{justify-self:start}.mortgage-tenor-selects{grid-template-columns:1fr}}.mortgage-rate-spinner{background:#fff;border:1px solid #cfddda;border-radius:10px;align-items:stretch;width:100%;height:44px;display:flex;overflow:hidden}.mortgage-rate-spinner:focus-within{border-color:#14877b;box-shadow:0 0 0 3px #14877b1f}.mortgage-rate-spinner input{flex:1;min-width:0;box-shadow:none!important;border:0!important;padding:0 12px!important}.mortgage-rate-spinner>b{color:#14877b;place-items:center;padding:0 3px;display:grid}.mortgage-rate-spinner>div{border-left:1px solid #dce6e3;width:29px;display:grid}.mortgage-rate-spinner button{color:#47716a;cursor:pointer;background:#f7faf9;border:0;place-items:center;padding:0;display:grid}.mortgage-rate-spinner button:hover{color:#117d72;background:#e3f2ef}.mortgage-rate-spinner button+button{border-top:1px solid #dce6e3}.mortgage-result-card{position:relative;overflow:hidden}.mortgage-result-card>:not(.mortgage-watermark){z-index:1;position:relative}.mortgage-watermark{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.07;grid-template-columns:repeat(6,minmax(0,1fr));align-content:space-around;gap:5px 6px;display:grid;position:absolute;inset:0;overflow:hidden;transform:rotate(-8deg)scale(1.12)}.mortgage-watermark span{color:#2c8679;letter-spacing:.08em;white-space:nowrap;text-align:center;font-size:15.2px;font-weight:900;transform:rotate(-18deg)}.mortgage-derived-note{color:#71837f;margin-top:-9px;font-size:11px;line-height:1.35;display:block}.mortgage-project-identity{color:#607773;margin-top:7px;font-size:12px;font-weight:700;display:block}:root{color:#17312e;font-synthesis:none;background:#f3f7f6;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{color:#284a46;cursor:pointer;background:#fff;border:1px solid #d8e3e1;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}button:hover{border-color:#80b7af}button:disabled{opacity:.5;cursor:not-allowed}.primary{color:#fff;background:#0f766e;border-color:#0f766e}.full{justify-content:center;width:100%}.danger-outline{color:#b43b3b;border-color:#f1caca}.text-button{color:#0f766e;border:0;padding:4px 7px}.muted,.page-title p{color:#6b817e}.eyebrow{letter-spacing:.13em;color:#0f766e;margin:0 0 5px;font-size:11px;font-weight:700}.login-page{background:radial-gradient(circle at 80% 10%,#cce8e3,#0000 30%),linear-gradient(135deg,#edf7f5,#f8fbfa);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dfebe9;border-radius:24px;width:min(430px,100%);padding:42px;box-shadow:0 25px 60px #1647401f}.login-card h1{margin:12px 0 8px;font-size:28px}.brand-mark,.logo>span{color:#fff;background:#0f766e;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.login-card form{gap:18px;margin-top:18px;display:grid}.login-card label,.field{gap:7px;font-size:13px;font-weight:600;display:grid}.login-help{text-align:center;color:#849793;margin:18px 0 0;font-size:12px}.alert,.notice{color:#8e541a;background:#fff3e8;border-radius:11px;padding:13px 15px;font-size:13px}.notice{margin:0 0 18px}.notice.success{color:#14734d;background:#e9f8f1}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:3;background:#fff;border-right:1px solid #e1eae8;flex-direction:column;width:245px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.logo{align-items:center;gap:12px;padding:0 8px 22px;display:flex}.logo>span{border-radius:11px;width:39px;height:39px}.logo strong,.logo small{display:block}.logo small{color:#78908c;margin-top:2px;font-size:11px}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#5a706d;border:0;justify-content:flex-start;padding:11px 13px}.sidebar nav button.active{color:#0c6a63;background:#e9f6f3}.company{background:#f2f8f7;border-radius:12px;margin-top:auto;padding:14px}.company small,.company strong{display:block}.company small{color:#78908c;margin-bottom:5px;font-size:10px}.company strong{font-size:12px}.main-area{width:calc(100% - 245px);margin-left:245px}.header{z-index:2;background:#fff;border-bottom:1px solid #e1eae8;justify-content:space-between;align-items:center;height:78px;padding:0 32px;display:flex;position:sticky;top:0}.header h2{margin:0;font-size:15px}.status{text-transform:uppercase;border-radius:20px;margin-left:7px;padding:4px 8px;font-size:10px}.status.aktif{color:#14734d;background:#dff5e9}.status.template{color:#687371;background:#f1f2f4}.header-actions{align-items:center;gap:10px;display:flex}.avatar{color:#0f6b63;background:#d7eee9;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.user strong,.user small{font-size:12px;display:block}.user small{color:#82938f;font-size:9px}.icon-button{border:0;padding:8px}.mobile-menu{display:none}.content{max-width:1600px;margin:auto;padding:25px 32px 48px}.project-tabs{gap:10px;margin-bottom:26px;display:flex}.project-tabs button{text-align:left;min-width:190px;padding:11px 15px;display:block}.project-tabs button.active{background:#f6fbfa;border-color:#0f766e;box-shadow:inset 0 -3px #0f766e}.project-tabs strong,.project-tabs span{display:block}.project-tabs span{color:#758884;margin-top:2px;font-size:10px}.page-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.page-title h1{margin:0 0 5px;font-size:25px}.page-title p{margin:0;font-size:14px}.actions{flex-wrap:wrap;gap:9px;display:flex}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.metric{background:#fff;border:1px solid #e0eae8;border-radius:16px;padding:20px;position:relative}.metric:before{content:"";background:#26a293;border-radius:0 5px 5px 0;width:4px;height:30px;position:absolute;top:18px;left:0}.metric span,.metric small{color:#708581;font-size:12px;display:block}.metric strong{margin:9px 0;font-size:30px;display:block}.toolbar{background:#fff;border:1px solid #e0eae8;border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:13px;display:flex}.toolbar input{flex:1}.toolbar span{color:#708581;white-space:nowrap;margin-left:auto;font-size:12px}input,select,textarea{color:#243f3b;background:#fff;border:1px solid #d6e2e0;border-radius:9px;outline:none;width:100%;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:#1b8d82;box-shadow:0 0 0 3px #dff2ef}textarea{resize:vertical;min-height:80px}.table-card{background:#fff;border:1px solid #e0eae8;border-radius:15px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{text-align:left;color:#6d817e;letter-spacing:.04em;text-transform:uppercase;background:#f7faf9;font-size:10px}th,td{border-bottom:1px solid #e8efed;padding:13px 14px}tbody tr:hover{background:#fbfdfd}.pill{color:#43635e;background:#edf4f3;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700}.pill.tersedia,.pill.ready_stock{color:#16704d;background:#daf4e7}.pill.booking{color:#906a0d;background:#fff0cc}.pill.proses_akad{color:#5942a1;background:#e8e4fa}.pagination{justify-content:flex-end;align-items:center;gap:15px;padding:13px;display:flex}.pagination span{color:#718480;font-size:11px}.empty{text-align:center;color:#6d827e;background:#fafcfb;border:1px dashed #cbdad7;border-radius:16px;place-content:center;min-height:270px;padding:30px;display:grid}.empty-icon{color:#0e776d;background:#e6f3f0;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;font-size:30px;display:grid}.empty h3{color:#38534f;margin:12px 0 3px;font-size:15px}.empty p{margin:0;font-size:12px}.form-card{background:#fff;border:1px solid #e0eae8;border-radius:16px;padding:24px}.form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.field>span{color:#435d59}.form-note{color:#758985;background:#f5f9f8;border-radius:8px;padding:10px;font-size:12px}.siteplan-layout{grid-template-columns:1fr 310px;gap:18px;display:grid}.siteplan,.panel{background:#fff;border:1px solid #e0eae8;border-radius:16px;padding:20px}.legend{flex-wrap:wrap;gap:13px;margin-bottom:18px;display:flex}.legend span{color:#637b77;font-size:10px}.legend i{background:#5ac69e;border-radius:3px;width:9px;height:9px;margin-right:5px;display:inline-block}.legend .hold{background:#a9b3b1}.legend .booking{background:#f0b84c}.legend .proses-akad{background:#8a78cf}.legend .akad{background:#4f8ed8}.legend .bast-\/-terjual{background:#244943}.panel h3{margin-top:0;font-size:14px}.panel label{font-size:11px}.stat-row{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;display:grid}.stat-row span,.refund span{color:#6c817d;background:#f4f8f7;border-radius:10px;padding:12px;font-size:10px}.stat-row strong,.refund strong{color:#25413d;margin-top:5px;font-size:19px;display:block}.refund{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}@media (width<=1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.siteplan-layout{grid-template-columns:1fr}.project-tabs{overflow:auto}.project-tabs button{min-width:160px}}@media (width<=760px){.sidebar{display:none}.main-area{width:100%;margin-left:0}.header{padding:0 16px}.mobile-menu{display:inline-flex}.header>div:nth-child(2){display:none}.content{padding:18px 14px}.page-title{display:block}.actions{margin-top:14px}.metric-grid,.form-grid,.refund{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.project-tabs button span{display:none}.project-tabs button{min-width:auto}.login-card{padding:28px}}.booking-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}.unit-summary{background:#fff;border:1px solid #e0eae8;border-radius:16px;align-self:start;padding:20px;position:static}.unit-summary h3{margin:0 0 14px;font-size:15px}.unit-summary>span{color:#708581;border-bottom:1px solid #e8efed;padding:10px 0;font-size:11px;display:block}.unit-summary strong{color:#25413d;margin-top:4px;font-size:14px;display:block}.unit-summary p,.section-heading p{color:#758985;font-size:12px}.booking-list{margin-top:24px}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.section-heading h2{margin:0;font-size:19px}.section-heading p{margin:4px 0 0}.section-heading input{max-width:330px}@media (width<=1000px){.booking-layout{grid-template-columns:1fr}}@media (width<=760px){.section-heading{flex-direction:column;align-items:stretch}.section-heading input{max-width:none}}.akad-main-list .akad-process-table-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:292px;overflow:auto}.akad-main-list .akad-process-table-scroll th{z-index:1;position:sticky;top:0;box-shadow:0 1px #e0eae8}.akad-main-list .akad-process-table-scroll tbody tr.akad-process-selected td{background:#e4f4f0}.akad-main-list .akad-process-table-scroll tbody tr.akad-process-selected:hover td{background:#d9eee9}.cancellation-table-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:500px;overflow:auto}.cancellation-table-scroll th{z-index:1;background:#f7faf9;position:sticky;top:0;box-shadow:0 1px #e0eae8}.retention-filters{grid-template-columns:minmax(320px,2fr) minmax(180px,1fr) minmax(180px,1fr);align-items:center;gap:10px;margin:0 0 14px;display:grid}.retention-table-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:470px;overflow:auto}.retention-table-scroll table{min-width:1280px}.retention-table-scroll th{z-index:1;background:#f7faf9;position:sticky;top:0;box-shadow:0 1px #e0eae8}.retention-table-scroll th:last-child,.retention-table-scroll td:last-child{min-width:110px}@media (width<=760px){.retention-filters{grid-template-columns:1fr}.retention-table-scroll{max-height:470px}}.process-selector{background:#fff;border:1px solid #e0eae8;border-radius:16px;margin-bottom:18px;padding:18px}.akad-stack{gap:16px;display:grid}.process-card{background:#fff;border:1px solid #e0eae8;border-radius:16px;padding:22px}.process-card h2{margin:0 0 18px;font-size:17px}.detail-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.detail-grid span{color:#6c817d;background:#f4f8f7;border-radius:10px;padding:12px;font-size:10px}.detail-grid strong{color:#25413d;margin-top:5px;font-size:13px;display:block}.fee-grid{grid-template-columns:repeat(5,1fr)}.hold-fields{margin-top:16px}.process-actions{z-index:1;background:#fffffff0;border:1px solid #dce8e5;border-radius:14px;flex-wrap:wrap;gap:10px;padding:12px;display:flex;position:sticky;bottom:14px;box-shadow:0 10px 30px #1647401a}.booking-form-card .process-actions{position:static;bottom:auto}.cash-note{grid-column:1/-1;margin:0}.action-group{flex-wrap:wrap;gap:6px;min-width:190px;display:flex}.action-group button{padding:7px 9px;font-size:11px}.booking-list td small{color:#64748b;margin-top:4px;display:block}.dp-panel{margin-top:18px}.dp-form{margin:18px 0}.dp-form>button{margin-top:12px}.text-button.danger{color:#b42318}.pill.ready{color:#067647;background:#dcfae6}@media (width<=1000px){.detail-grid,.fee-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.detail-grid,.fee-grid{grid-template-columns:1fr}.process-card{padding:16px}}.booking-active-table{overflow:visible}.booking-active-table th:nth-child(4),.booking-active-table td:nth-child(4){min-width:145px}.booking-active-table th:nth-child(5),.booking-active-table td:nth-child(5){min-width:120px}.booking-active-table th:nth-child(7),.booking-active-table td:nth-child(7){min-width:155px}.booking-active-table th:last-child,.booking-active-table td:last-child{min-width:112px}.booking-action-cell{position:relative}.booking-action-menu{display:inline-block;position:relative}.booking-action-menu summary{color:#284a46;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8e3e1;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:600;list-style:none}.booking-action-menu summary::-webkit-details-marker{display:none}.booking-action-menu[open] summary{background:#f7fbfa;border-color:#80b7af}.booking-action-menu-panel{z-index:12;background:#fff;border:1px solid #dce8e5;border-radius:11px;gap:4px;width:245px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 7px);right:0;box-shadow:0 12px 30px #16474029}.booking-action-menu-panel button{text-align:left;white-space:normal;border:0;border-radius:8px;justify-content:flex-start;width:100%;min-height:34px;padding:8px 10px;font-size:11px;line-height:1.2}.booking-action-menu-panel button:hover:not(:disabled){background:#edf8f6}.booking-action-menu-panel button:disabled{cursor:not-allowed;text-align:left}.booking-action-menu-panel .primary{border:1px solid #0f766e}.booking-action-with-status{flex-direction:column;justify-content:center;gap:2px;align-items:flex-start!important;min-height:46px!important;display:flex!important}.booking-action-with-status>span{font-weight:600}.booking-action-status{color:#7b8b88;font-size:8px;font-weight:400;line-height:1.2;display:block}.booking-action-status.ready,.booking-action-status.paid{color:#16704d}.booking-action-status.revision{color:#9a6700}.booking-action-info{color:#687d79;background:#f4f8f7;border-radius:8px;gap:2px;padding:9px 10px;font-size:10px;line-height:1.2;display:grid}.booking-action-info.verified{color:#14734d;background:#e9f8f1}.booking-action-info strong{font-size:11px}.booking-action-divider{background:#e6efed;height:1px;margin:3px 2px}@media (width<=760px){.booking-active-table{overflow:auto visible}.booking-action-menu-panel{z-index:25;width:min(245px,100vw - 28px);position:fixed;bottom:14px;right:14px}}.fee-control-table th,.fee-control-table td{padding:10px 8px}.fee-control-table th:first-child,.fee-control-table td:first-child{text-align:center;width:44px}.fee-control-table .fee-control-action{z-index:1;text-align:center;background:#fff;position:sticky;right:0;box-shadow:-8px 0 12px -12px #17312ea6}.fee-control-table th.fee-control-action{z-index:2;background:#f7faf9}.fee-control-table tbody tr:hover .fee-control-action{background:#fbfdfd}.fee-control-detail{margin-top:18px;scroll-margin-top:96px}@media (width<=760px){.fee-control-table th,.fee-control-table td{padding:9px 7px}}.pill.fee-exception{color:#b42318;background:#fee4e2}.fee-exception-notice{color:#9f201a;background:#fff1f0;border:1px solid #fecdca;margin-top:12px}.fee-action-menu{position:relative}.fee-action-menu summary{color:#284a46;cursor:pointer;background:#fff;border:1px solid #d8e3e1;border-radius:10px;padding:10px 14px;font-weight:600;list-style:none}.fee-action-menu summary::-webkit-details-marker{display:none}.fee-action-menu[open] summary{border-color:#80b7af}.fee-action-menu>div{background:#fff;border:1px solid #dce8e5;border-radius:11px;gap:4px;width:min(285px,100vw - 48px);min-width:min(250px,100vw - 48px);padding:7px;display:grid;position:absolute;bottom:calc(100% + 7px);left:0;box-shadow:0 12px 30px #16474029}.fee-action-menu>div button{text-align:left;white-space:nowrap;border:0;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;width:100%;min-height:46px;padding:9px 12px;line-height:1.2}.fee-action-menu>div button:hover:not(:disabled){background:#edf8f6}.fee-action-menu>div button:disabled{text-align:left;justify-content:flex-start}.fee-action-label{font-size:13px;font-weight:600;display:block}.fee-action-status{color:#7b8b88;font-size:8px;font-weight:400;line-height:1.2;display:block}.fee-action-status.ready{color:#16704d}.fee-action-status.waiting{color:#7b8b88}.fee-action-status.revision{color:#9a6700}.fee-action-status.paid{color:#16704d}.fee-action-status.final{color:#9a4b4b}@media (width<=480px){.fee-action-menu>div{width:min(285px,100vw - 32px);min-width:0}.fee-action-menu>div button{white-space:normal}}.dp-fixed-table input,.dp-fixed-table select{min-width:125px;padding:8px}.cancel-modal-backdrop{z-index:50;background:#0f23209e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cancel-panel{width:min(1050px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 70px #0f232047}.cancel-panel h3{margin:20px 0 8px}.cancel-booking-summary{grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 18px;display:grid}.cancel-booking-summary span{color:#6c817d;background:#f4f8f7;border-radius:10px;padding:12px;font-size:10px}.cancel-booking-summary strong{color:#25413d;margin-top:5px;font-size:13px;display:block}.refund-grid{grid-template-columns:repeat(4,1fr)}.cancel-panel .process-actions{margin-top:16px;position:static}@media (width<=1000px){.refund-grid,.cancel-booking-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.refund-grid,.cancel-booking-summary{grid-template-columns:1fr}.cancel-modal-backdrop{padding:10px}}.date-picker-field{min-width:0;display:block;position:relative}.date-picker-display{cursor:pointer;background:#fff;width:100%;padding-right:42px!important}.date-picker-trigger{color:#39736b;place-items:center;width:38px;display:grid;position:absolute;top:1px;bottom:1px;right:1px;background:0 0!important;border:0!important;border-left:1px solid #dce8e4!important;border-radius:0 8px 8px 0!important;padding:0!important}.date-picker-trigger:hover:not(:disabled){background:#eef6f4!important}.date-picker-trigger:focus-visible{outline-offset:-2px;outline:2px solid #168579}.date-picker-native{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important;inset:auto!important}.shortfall-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.shortfall-summary-card{color:#6c817d;background:#f4f8f7;border:1px solid #e0eae8;border-radius:10px;flex-direction:column;justify-content:center;gap:7px;min-height:72px;padding:12px;font-size:13px;font-weight:600;display:flex}.shortfall-summary-card strong{color:#25413d;font-size:13px}.shortfall-summary-card:last-child strong{color:#805b00;letter-spacing:.02em;background:#fff4d6;border-radius:999px;align-self:flex-start;align-items:center;min-height:24px;padding:0 10px;font-size:11px;display:inline-flex}@media (width<=760px){.shortfall-summary-grid{grid-template-columns:1fr;gap:12px}}.readonly-money{color:#657a76;background:#eef3f2}.pdf-preview-backdrop{z-index:50;background:#091e1bb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pdf-preview-modal{background:#fff;border-radius:18px;flex-direction:column;width:min(1100px,100%);height:calc(100vh - 48px);padding:18px;display:flex}.pdf-preview-modal .section-heading{align-items:center}.pdf-preview-frame{background:#eef3f2;border:1px solid #d6e2e0;border-radius:12px;flex:1;width:100%}@media (width<=760px){.pdf-preview-backdrop{padding:8px}.pdf-preview-modal{height:calc(100vh - 16px);padding:12px}.pdf-preview-modal .section-heading{align-items:stretch}}.inline-money-edit{gap:6px;min-width:210px;display:flex}.inline-money-edit input{min-width:130px;padding:7px}.inline-money-edit button{padding:7px 9px}.toast{z-index:80;color:#805b00;background:#fff4d6;border:1px solid #ead18c;border-radius:12px;align-items:flex-start;gap:14px;max-width:440px;padding:14px 16px;display:flex;position:fixed;top:92px;right:24px;box-shadow:0 14px 36px #16272433}.toast.success{color:#096b49;background:#dff7ed;border-color:#9ddbc5}.toast.error{color:#a3261d;background:#fee9e7;border-color:#f3b1aa}.toast.warning{color:#805b00;background:#fff4d6}.toast button{color:inherit;background:0 0;border:0;padding:0;font-size:20px;line-height:1}@media (width<=760px){.toast{max-width:none;top:82px;left:12px;right:12px}}.akad-finance-card{border-color:#c7ddd8}.akad-finance-section{border-top:1px solid #e0eae8;padding:18px 0}.akad-finance-section:first-of-type{border-top:0;padding-top:0}.akad-finance-section h3{color:#315d56;margin:0 0 14px;font-size:14px}.burden-total{color:#164e47;background:#dff4ef;border-radius:14px;justify-content:space-between;align-items:center;margin-top:18px;padding:18px;display:flex}.burden-total span{letter-spacing:.04em;font-size:12px;font-weight:700}.burden-total strong{font-size:25px}.dp-status-grid{margin:0 0 18px}.status-summary-card{color:#6c817d;background:#f4f8f7;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:12px;font-size:10px;display:flex}.detail-grid .status-summary-card>span{color:inherit;background:0 0;padding:0}.status-summary-card>.pill{white-space:nowrap;flex:none}.shortfall-status-card{background:#f4f8f7;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:12px;display:flex}.shortfall-status-card>.pill{white-space:nowrap;flex:none}.shortfall-status-card>strong{color:#25413d;font-size:13px}.siteplan-canvas{background:#f8fbfa;border:1px solid #d7e3e1;border-radius:12px;min-height:420px;position:relative;overflow:auto}.siteplan-canvas img{width:100%;height:auto;display:block}.siteplan-canvas .siteplan-polygon-layer{width:100%;height:100%;position:absolute;inset:0}.siteplan-canvas polygon{cursor:pointer;transition:fill-opacity .15s}.siteplan-canvas polygon:hover{fill-opacity:.78}.siteplan-overlay-message{color:#526d68;white-space:nowrap;background:#ffffffeb;border:1px solid #d7e3e1;border-radius:10px;padding:10px 14px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.promo-booking-selector{grid-template-columns:minmax(240px,430px) 1fr;align-items:end;display:grid}.promo-booking-selector .form-note{margin:0}@media (width<=760px){.siteplan-overlay-message{white-space:normal;text-align:center;width:calc(100% - 24px)}.promo-booking-selector{grid-template-columns:1fr}}.siteplan-scene{min-width:100%;transition:width .15s;position:relative}.siteplan-summary{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px;display:grid}.siteplan-summary span{color:#6c817d;background:#fff;border:1px solid #e0eae8;border-radius:12px;padding:12px;font-size:10px}.siteplan-summary strong{color:#25413d;margin-top:5px;font-size:19px;display:block}.siteplan-zoom,.polygon-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.siteplan-zoom span{color:#0f766e;margin-left:auto;font-weight:700}.block-unit-list{gap:6px;max-height:570px;margin-top:12px;display:grid;overflow:auto}.block-unit-list>div{border:1px solid #e0eae8;border-radius:9px;grid-template-columns:58px 80px 1fr auto auto;align-items:center;gap:5px;padding:7px;font-size:10px;display:grid}.block-unit-list>div.active{background:#effaf8;border-color:#0f766e}.block-unit-list small{color:#6c817d}@media (width<=1100px){.siteplan-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.siteplan-summary{grid-template-columns:repeat(2,1fr)}.block-unit-list>div{grid-template-columns:50px 70px 1fr}.block-unit-list>div button{padding:5px}}.promo-components{gap:10px;margin:12px 0;display:grid}.promo-component{background:#f5f9f8;border-radius:12px;grid-template-columns:1.2fr 1fr 1fr 1.4fr auto;align-items:end;gap:10px;padding:12px;display:grid}.promo-chips{flex-wrap:wrap;gap:5px;display:flex}@media (width<=1000px){.promo-component{grid-template-columns:1fr 1fr}}@media (width<=760px){.promo-component{grid-template-columns:1fr}}.promo-multi-options{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.promo-multi-options label{border:1px solid #d6e2e0;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:flex}.promo-multi-options input{width:auto}.fee-payment-panel{width:min(820px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 70px #0f232047}.fee-payment-panel .process-actions{margin-top:16px;position:static}.fee-payment-form{margin-top:18px}.fee-payment-form label:last-child{grid-column:span 2}@media (width<=760px){.fee-payment-form label:last-child{grid-column:auto}}.logo{grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.logo>span{letter-spacing:.02em;width:43px;font-size:11px}.logo>div{min-width:0}.company-selector{letter-spacing:-.01em;color:#52706b;background-color:#f7faf9;border-radius:8px;grid-column:1/-1;margin-top:9px;padding:7px 20px 7px 7px;font-size:9px;font-weight:700}.sidebar nav{min-height:0;overflow-y:auto}.sidebar-account{border-top:1px solid #e1eae8;flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:14px 8px 0;display:grid}.sidebar-account .icon-button{padding:7px}.finance-metrics .metric strong{overflow-wrap:anywhere;font-size:20px}.finance-metrics .metric .metric-text{font-size:16px}.finance-detail{width:min(900px,100%);max-height:calc(100vh - 48px);overflow:auto}.finance-cost-breakdown{margin-top:14px}.finance-sidebar{width:255px}.finance-sidebar+.main-area{width:calc(100% - 255px);margin-left:255px}.finance-sidebar nav{gap:4px}.finance-sidebar nav button{text-align:left;grid-template-columns:26px minmax(0,1fr);align-items:center;column-gap:12px;width:100%;min-height:46px;padding:10px 11px;font-size:15px;font-weight:500;display:grid}.finance-sidebar nav button.active{font-weight:600}.finance-sidebar .sidebar-nav-icon{place-items:center;width:26px;height:24px;display:grid}.finance-sidebar .sidebar-nav-icon svg{flex:none;display:block}.finance-sidebar .sidebar-nav-label{white-space:nowrap;min-width:0;line-height:1.25}.sidebar:not(.finance-sidebar) .sidebar-nav-icon{display:inline-flex}.sidebar:not(.finance-sidebar) .sidebar-nav-label{min-width:0}@media (width<=760px){.finance-sidebar+.main-area{width:100%;margin-left:0}}.rab-over-child{background:#fff7ed}.rab-over-parent{background:#fef2f2}.pill.rab-over_child{color:#9a3412;background:#ffedd5}.pill.rab-over_budget{color:#991b1b;background:#fee2e2}.pill.rab-mendekati_budget{color:#92400e;background:#fef3c7}.pill.rab-aman{color:#166534;background:#dcfce7}.manual-journal-panel{width:min(1180px,100%);max-height:calc(100vh - 48px);overflow:auto}.journal-lines{margin:18px 0 12px}.journal-lines select,.journal-lines input{min-width:150px}.journal-totals{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.journal-totals span{background:#f4f8f7;border-radius:10px;padding:10px 14px;font-size:11px}.journal-totals strong{margin-top:4px;display:block}.journal-totals .balance-ok{color:#166534;background:#dcfce7;font-weight:700}.journal-totals .balance-bad{color:#991b1b;background:#fee2e2;font-weight:700}.transaction-modal-panel{flex-direction:column;width:min(1180px,100%);height:min(900px,100vh - 48px);max-height:calc(100vh - 48px);padding:0;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f232047}.transaction-modal-header{z-index:2;background:#fff;border-bottom:1px solid #e0eae8;flex:none;align-items:center;margin:0;padding:20px 22px 16px}.transaction-modal-header h2{margin:0}.transaction-modal-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding:0 22px 24px;overflow-y:auto}.transaction-modal-body>.booking-list{margin-top:20px}.transaction-modal-body .process-actions{margin-top:16px;margin-bottom:0;position:sticky;bottom:0}.transaction-modal-body form{padding-bottom:12px}@media (width<=760px){.transaction-modal-backdrop{padding:10px}.transaction-modal-panel{height:calc(100vh - 20px);max-height:calc(100vh - 20px)}.transaction-modal-header{padding:16px}.transaction-modal-body{padding:0 16px 18px}}.report-actions{margin-top:18px;position:static}.financial-report-table td:last-child,.financial-report-table th:last-child{text-align:right}.financial-report-table .report-group td{background:#f6faf9;font-weight:700}.financial-report-table .report-total td{background:#e8f7f5;border-top:2px solid #0f766e;font-weight:800}.report-warning{color:#9a3412;background:#fff7ed;border-color:#fdba74}.acc03-patterns{margin-bottom:14px}.acc03-pattern-header{align-items:center;gap:12px;padding:12px 14px;display:flex}.acc03-pattern-header span{color:#718480;font-size:11px}.acc03-pattern-header button{margin-left:auto}.acc03-metrics{grid-template-columns:repeat(6,minmax(150px,1fr));overflow:auto}.acc03-metrics .metric{min-width:150px}.acc03-metrics .metric strong{font-size:24px}.acc03-opening{color:#755514;background:#fffaf0;border:1px solid #f0d9a9;border-radius:13px;align-items:center;gap:12px;margin-bottom:14px;padding:13px 16px;display:flex}.acc03-opening div{gap:3px;display:grid}.acc03-opening span{font-size:11px}.acc03-opening b{margin-left:auto;font-size:10px}.acc03-tabs{gap:7px;margin-bottom:12px;display:flex;overflow:auto}.acc03-tabs button.active{color:#fff;background:#0f766e;border-color:#0f766e}.historical-mapping .toolbar select{width:150px}.historical-mapping table input[type=checkbox]{width:15px}.acc03-description{text-overflow:ellipsis;max-width:260px;overflow:hidden}.acc03-source{color:#a35b28;margin-top:5px;display:block}.acc03-auto_mapped_approved{color:#16704d;background:#daf4e7}.acc03-pre_mapped_review{color:#906a0d;background:#fff0cc}.acc03-manual_review_required{color:#9f3333;background:#fde7e7}.acc03-bulk{background:#edf8f6;border:1px solid #cbe8e3;border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 13px;display:flex}.acc03-bulk span{margin-right:auto}.acc03-modal-backdrop{z-index:20;background:#17312e80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.acc03-modal{background:#fff;border-radius:18px;width:min(880px,100%);max-height:92vh;padding:20px;overflow:auto;box-shadow:0 24px 80px #17312e40}.acc03-modal header,.acc03-modal footer{align-items:center;gap:9px;display:flex}.acc03-modal header{border-bottom:1px solid #e3ecea;justify-content:space-between;margin-bottom:16px}.acc03-modal header h2{margin:0;font-size:19px}.acc03-modal header p{color:#718480;font-size:11px}.acc03-modal header button{border:0;font-size:24px}.acc03-modal footer{border-top:1px solid #e3ecea;justify-content:flex-end;margin-top:16px;padding-top:15px}.acc03-source-fields{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.acc03-source-fields label{color:#647d78;font-size:10px;font-weight:700}.acc03-source-fields .wide,.acc03-edit-fields .wide{grid-column:1/-1}.acc03-source-fields input{background:#f4f7f6;margin-top:5px;font-size:11px}.acc03-rule{color:#365b82;background:#f3f8ff;border-radius:10px;align-items:center;gap:8px;margin-top:13px;padding:11px;font-size:11px;display:flex}.acc03-bulk{flex-wrap:wrap}.acc03-bulk-modal{width:min(940px,100%)}.acc03-bulk-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.acc03-bulk-field{background:#f9fbfa;border:1px solid #e3ecea;border-radius:12px;padding:10px}.acc03-bulk-field>label{align-items:center;gap:7px;margin-bottom:7px;font-size:11px;font-weight:700;display:flex}.acc03-bulk-field>label input{width:15px}.acc03-bulk-preview{gap:9px;display:grid}.acc03-bulk-preview>div{border-bottom:1px solid #edf2f1;grid-template-columns:180px 1fr;gap:12px;padding:9px 0;display:grid}.acc03-bulk-preview h3{margin:8px 0 2px}.acc03-bulk-preview ul{margin:0;padding-left:20px}.acc03-bulk-preview p{color:#718480;margin:0}@media (width<=760px){.acc03-bulk-fields,.acc03-bulk-preview>div{grid-template-columns:1fr}}.acc03-source-matcher{background:#f8fcfb;border:1px solid #cbe8e3;border-radius:12px;margin:12px 0;padding:12px}.acc03-source-matcher .acc03-pattern-header{padding:0 0 10px}.acc03-source-matcher .acc03-pattern-header div{gap:3px;display:grid}.acc03-source-matcher table{min-width:980px}.acc03-source-matcher .table-card{overflow:auto}.acc03-source-matcher .table-card>.primary{margin:10px}.acc03-source-matcher input[type=radio],.acc03-bulk-field>label:not(.field) input[type=checkbox]{width:15px}.acc03-bulk-field>.field{display:grid}.acc03-bulk-field>.field input{width:100%;min-width:0}.resume-unit .resume-table{scrollbar-gutter:stable both-edges;height:min(462px,100vh - 270px);min-height:0;max-height:none;position:relative;overflow:auto}.resume-unit .resume-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.resume-unit .resume-filters label{font-size:12px;font-weight:600}.resume-unit .resume-table table{min-width:5000px}.resume-unit .resume-table thead th{z-index:2;background:#f7faf9;position:sticky;top:0;box-shadow:0 1px #dce7e4}.resume-unit .resume-table tbody tr:nth-child(2n){background:#f7fbfa}.resume-unit .resume-table tbody tr:hover{background:#e7f5f2}.resume-unit .resume-table td{background:inherit}.resume-unit .resume-table .resume-consumer-address{white-space:normal;min-width:280px;line-height:1.35}.resume-unit-detail-modal{width:min(1180px,100%);max-height:calc(100vh - 48px)}.resume-detail-heading{border-bottom:1px solid #e3ecea;margin-bottom:0;padding-bottom:14px}.resume-detail-heading h2{margin:2px 0 4px}.resume-detail-heading p:not(.eyebrow){color:#6b817e;margin:0;font-size:12px}.resume-detail-scroll{flex:1;min-height:0;padding:2px 2px 18px;overflow:auto}.resume-detail-section{border-bottom:1px solid #e6efed;padding:18px 0}.resume-detail-section h3{color:#24584f;margin:0 0 12px;font-size:14px}.resume-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;margin:0;display:grid}.resume-detail-grid>div{background:#fbfdfc;border:1px solid #e3ecea;border-radius:10px;min-width:0;padding:10px 11px}.resume-detail-grid dt{letter-spacing:.035em;text-transform:uppercase;color:#718580;font-size:10px;font-weight:700}.resume-detail-grid dd{color:#28443f;overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;line-height:1.45}.resume-detail-rows{gap:7px;margin-top:12px;display:grid}.resume-detail-row{color:#34524d;background:#f6faf9;border-radius:9px;grid-template-columns:110px minmax(0,1fr);gap:4px 12px;padding:9px 11px;font-size:12px;display:grid}.resume-detail-row strong{color:#1d5650;grid-row:span 2}.resume-detail-row small{color:#748983}.resume-detail-empty{color:#738782;margin:10px 0 0;font-size:12px}.resume-detail-note{color:#657c77;background:#f4f8f7;border-radius:9px;margin:12px 0 0;padding:9px 11px;font-size:12px}.master-unit-table{max-width:100%;overflow-x:auto}.master-unit-table table{min-width:1900px}.master-unit-table .master-unit-consumer-name{min-width:190px}.master-unit-table .master-unit-consumer-address{white-space:normal;min-width:280px;line-height:1.35}@media (width<=760px){.resume-unit .resume-filters{grid-template-columns:1fr}.resume-unit .resume-table{height:min(420px,100vh - 250px)}.resume-unit-detail-modal{max-height:calc(100vh - 16px)}.resume-detail-heading{gap:10px}.resume-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-detail-row{grid-template-columns:1fr;gap:3px}.resume-detail-row strong{grid-row:auto}}.sidebar-utilities{border-top:1px solid #52746c29;gap:4px;margin-top:auto;padding:12px 10px 4px;display:grid}.sidebar-utilities button{color:#31554e;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:10px;font-size:.82rem;font-weight:700;display:flex}.sidebar-utilities button:hover{color:#0f766e;background:#e3f1ec}.marketing-sidebar{background:#fbfdfc;padding:20px 14px}.marketing-brand{align-items:center;gap:12px;padding:4px 10px 22px;display:flex}.marketing-brand-mark{color:#fff;letter-spacing:.05em;background:#0f766e;border-radius:12px;place-items:center;width:42px;height:42px;font-size:10px;font-weight:800;display:grid}.marketing-brand strong,.marketing-brand small{display:block}.marketing-brand strong{color:#173f39;font-size:15px}.marketing-brand small{color:#78908c;margin-top:2px;font-size:11px}.marketing-sidebar nav{gap:6px}.marketing-sidebar nav button{border-radius:10px;justify-content:flex-start;width:100%;min-height:44px;padding:10px 12px;font-size:13px}.marketing-sidebar nav button.active{color:#0c6a63;background:#e5f4f0}.marketing-sidebar .sidebar-nav-icon{place-items:center;width:24px;display:grid}.marketing-sidebar .sidebar-nav-label{white-space:normal;text-align:left;line-height:1.2}.marketing-sidebar .sidebar-utilities{padding-top:10px}.marketing-sidebar .sidebar-account{padding-left:10px;padding-right:6px}.marketing-sidebar .company-selector,.sidebar-backdrop,.marketing-sidebar .marketing-brand-mark,.marketing-sidebar .marketing-brand>div:nth-child(2){display:none}.marketing-sidebar .marketing-brand:after{content:"Marketing Agent";color:#173f39;font-size:16px;font-weight:800}.marketing-sidebar .marketing-brand{min-height:42px}@media (width<=760px){.sidebar-backdrop{z-index:19;background:#112d2947;border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.sidebar-backdrop+.sidebar{z-index:20;width:245px;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(0);box-shadow:18px 0 45px #143e3733}.marketing-sidebar{width:250px}.marketing-brand{padding-top:12px}}.marketing-login-mark{color:#fff;letter-spacing:.05em;background:#0f766e;border-radius:14px;place-items:center;width:48px;height:48px;font-size:11px;font-weight:800;display:grid}.marketing-login-card .eyebrow{margin-top:0}.marketing-login-card h1{margin-top:8px}.picket-page{background:#fff;border:1px solid #e0eae8;border-radius:16px;padding:28px}.picket-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.picket-heading h1{margin:4px 0;font-size:24px}.picket-upload{cursor:pointer;position:relative}.picket-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.picket-quick{color:#0f766e;border:1px solid #b8d7d1;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.picket-meta{grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0;display:grid}.picket-meta span{color:#6b817d;background:#f4f9f7;border-radius:10px;padding:12px;font-size:11px}.picket-meta strong{color:#22423c;margin-top:4px;display:block}.picket-groups{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.picket-groups article{background:#f5faf8;border:1px solid #dcebe6;border-radius:14px;padding:18px}.picket-groups h3{color:#0f766e;margin:0 0 10px}.picket-groups article div{padding:4px 0}.picket-section-title{margin:28px 0 12px;font-size:18px}.picket-days{gap:8px;display:grid}.picket-days article{border-bottom:1px solid #e7efed;grid-template-columns:120px 90px 150px 1fr;align-items:center;gap:12px;padding:12px;font-size:13px;display:grid}.picket-days article span{color:#6c827e}.picket-days article strong{color:#0f766e}.picket-days article p{margin:0}@media (width<=700px){.picket-page{padding:18px}.picket-heading{display:block}.picket-upload,.picket-quick{margin-top:16px}.picket-meta{grid-template-columns:repeat(2,1fr)}.picket-groups{grid-template-columns:1fr}.picket-days article{grid-template-columns:1fr 1fr;gap:5px}.picket-days article strong,.picket-days article p{grid-column:1/-1}}.sidebar-group-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.sidebar-group-toggle.active{color:#0f766e;background:#eef8f5}.sidebar-group-toggle.open:not(.active){color:#0f766e}.sidebar-group-chevron{margin-left:auto;font-size:18px}.sidebar-submenu{padding-left:18px}.sidebar-submenu button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.sidebar-submenu button.active{color:#0f766e;background:#e2f3ee}.login-logo{object-fit:contain;object-position:left center;width:180px;height:64px;margin-bottom:12px;display:block}.marketing-mobile-menu{z-index:25;padding:8px 11px;font-size:20px;line-height:1;display:none;position:fixed;top:12px;left:12px}@media (width<=760px){.marketing-mobile-menu{display:inline-flex}}.pill.verified{color:#14734d;white-space:nowrap;background:#e9f8f1;border-radius:10px;justify-content:center;align-items:center;min-height:30px;padding:6px 12px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.pdf-preview-modal .actions>.pill{color:#284a46;min-height:40px;font-size:inherit;white-space:nowrap;background:#fff;border:1px solid #d8e3e1;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-weight:600;line-height:1;display:inline-flex}.approval-breakdown{margin:16px 0}.approval-breakdown h4{margin:0 0 8px}.approval-breakdown table{font-size:14px}.approval-breakdown th,.approval-breakdown td{padding:7px 10px}.approval-breakdown th:last-child,.approval-breakdown td:last-child{text-align:right}.akad-meta{flex-wrap:wrap;gap:24px;margin-bottom:10px;display:flex}.akad-meta p{margin:0;font-size:14px}.finance-detail>.section-heading>button{display:none}.pdf-preview-modal .notice{white-space:pre-line;text-align:left;margin-top:10px}.pdf-preview-modal .pdf-preview-status{color:#284a46;min-height:40px;font-size:inherit;white-space:nowrap;cursor:default;pointer-events:none;background:#fff;border:1px solid #d8e3e1;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-weight:600;line-height:1;display:inline-flex}.backend-connection-warning{z-index:9999;color:#9a3412;text-align:center;background:#fff7ed;border:1px solid #d97706;border-radius:8px;max-width:calc(100vw - 32px);padding:10px 16px;font-weight:700;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0002}.pemberkasan-row strong{font-size:12px}@media (width<=760px){.pemberkasan-row{grid-template-columns:1fr 1fr}.pemberkasan-row strong{grid-column:1/-1}}.pemberkasan-toolbar input{min-width:0}.pemberkasan-toolbar select{max-width:220px}.pemberkasan-group{border-top:1px solid #dfeae7;margin-top:18px;padding-top:8px}.pemberkasan-group h3{letter-spacing:.08em;color:#0f766e;margin:0 0 6px;font-size:12px}.pemberkasan-detail{max-height:calc(100vh - 30px);overflow:auto}.pemberkasan-row{border-bottom:1px solid #edf2f0;grid-template-columns:minmax(190px,1.4fr) 145px 145px minmax(150px,1fr) auto;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:grid}.pemberkasan-row input,.pemberkasan-row select{padding:8px}.pemberkasan-row .date-picker-field{min-width:0}@media (width<=900px){.pemberkasan-row{grid-template-columns:1fr 1fr}.pemberkasan-row strong{grid-column:1/-1}.pemberkasan-toolbar{flex-wrap:wrap}.pemberkasan-toolbar input{flex-basis:100%}.pemberkasan-toolbar select{flex:1;max-width:none}}.pemberkasan-detail{padding:0 24px 24px;position:relative}.pemberkasan-header{z-index:4;background:#fff;border-bottom:1px solid #e5eeeb;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 0 12px;display:flex;position:sticky;top:0}.pemberkasan-header h2{margin:0;font-size:18px}.pemberkasan-header p{color:#718480;margin:3px 0 10px;font-size:12px}.pemberkasan-summary{color:#718480;flex-wrap:wrap;gap:8px 18px;font-size:11px;display:flex}.pemberkasan-summary b{color:#294944;font-weight:700}.pemberkasan-header>button{white-space:nowrap}.pemberkasan-legacy-summary{display:none}.pemberkasan-row{grid-template-columns:minmax(240px,1fr) 112px 120px max-content 76px;gap:6px;min-width:0}.pemberkasan-row>*{min-width:0}.pemberkasan-row>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pemberkasan-row .date-picker-field{width:100%;min-width:0}.pemberkasan-file-summary{white-space:nowrap;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.pemberkasan-file-item{flex:none;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.pemberkasan-file-action{white-space:nowrap;flex:none;min-height:32px;padding:6px 9px;line-height:1.1}.pemberkasan-upload-action{min-width:94px}.pemberkasan-row>button:last-child{white-space:nowrap;width:76px;min-height:34px;padding:7px 6px}.pemberkasan-preview-file-meta{text-overflow:ellipsis;white-space:nowrap;max-width:min(70vw,760px);display:block;overflow:hidden}.pemberkasan-preview-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.pemberkasan-bank-package{border-bottom:1px solid #dfeae7;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 4px;padding:11px 0;display:flex}.pemberkasan-bank-package h3{color:#0f766e;letter-spacing:.08em;margin:0;font-size:12px}.pemberkasan-bank-package .muted{margin:0}.pemberkasan-bank-package-actions{flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.pemberkasan-bank-package-actions span{margin-right:3px}.pemberkasan-bank-package-actions small{color:#718480;margin-left:4px}@media (width<=760px){.pemberkasan-row{grid-template-columns:minmax(0,1fr) minmax(100px,.8fr) 82px;gap:8px}.pemberkasan-row>strong{grid-column:1/-1}.pemberkasan-row .date-picker-field{grid-column:1/2}.pemberkasan-file-summary{grid-column:1/-1}.pemberkasan-row>button:last-child{grid-area:2/3}}.user-management-page{min-width:0}.user-management-heading{align-items:center;margin-bottom:18px}.user-management-table{overflow-x:auto}.user-management-table table{table-layout:auto;min-width:980px}.user-management-table th,.user-management-table td{vertical-align:middle;padding:11px 12px}.user-management-table th:first-child{width:22%}.user-management-table th:nth-child(2){width:16%}.user-management-table th:nth-child(3){width:11%}.user-management-table th:nth-child(4){width:20%}.user-management-table th:nth-child(5){width:10%}.user-management-table th:nth-child(6){width:13%}.user-management-table th:nth-child(7){width:18%}.user-name-cell,.user-login-cell{white-space:normal;gap:3px;display:grid}.user-name-cell small,.user-login-cell small{color:#6b817e;font-size:11px}.role-chip,.project-chip-list span{color:#43635e;background:#edf4f3;border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.project-chip-list{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.project-chip-list span{color:#38655d;background:#f1f7f5}.project-chip-list small{color:#71837f;font-size:11px}.user-actions{flex-wrap:nowrap;gap:6px}.user-actions button{white-space:nowrap;padding:7px 9px;font-size:11px}.sidebar,.sidebar nav{overflow-x:hidden}.user-management-section{min-width:0;margin:18px 0 0}.user-management-section-title{color:#355b55;margin:0 0 8px;font-size:12px;font-weight:700}.user-management-option-list{background:#fff;border:1px solid #dce9e6;border-radius:8px;display:grid;overflow:hidden}.user-management-option-row{cursor:pointer;background:#fff;border-bottom:1px solid #e1ebe8;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:44px;margin:0;padding:10px 14px;line-height:1.3;display:grid!important}.user-management-option-row:last-child{border-bottom:0}.user-management-option-row:hover{background:#f6fbfa}.user-management-option-label{min-width:0}.user-management-option-checkbox{cursor:pointer;justify-self:end;margin:0}.user-management-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;display:flex}@media (width<=520px){.user-management-actions{justify-content:stretch}.user-management-actions button{flex:auto}}