:root{--navy:#092d63;--navy-dark:#0a315b;--blue:#087cbd;--blue-mid:#145991;--blue-soft:#eaf5fd;--teal:#09ae99;--teal-soft:#e3f8f1;--line:#dce6ef;--paper:#fff;--ink:#10315a;--muted:#647a94;--site:#edf4fa;--green:#056647;--warn:#fff3d9;--shopee:#f26c24}
*{box-sizing:border-box}html{font-family:Arial,"Segoe UI",sans-serif;background:var(--site);color:var(--ink)}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7fcaf5;outline-offset:2px}.workbook{max-width:1540px;margin:16px auto 40px;background:white;border-radius:14px;border:1px solid #c4d5e2;box-shadow:0 17px 55px #0a315b17;overflow:hidden}.workbook-bar{min-height:47px;display:flex;align-items:center;justify-content:space-between;padding:5px 24px 5px 18px;background:linear-gradient(95deg,#00633f,#044e43 60%,#03683c);color:#fff;gap:20px}.file-label{font-size:14px;display:flex;align-items:center;gap:8px;font-weight:650}.file-glyph{font-weight:800;font-size:20px;border-radius:3px;background:#ffffff2b;padding:0px 5px}.title-suffix{font-weight:400;opacity:.7}.top-tools{display:flex;align-items:center;gap:8px}.save-label{font-size:11px;color:#d3f5e8;margin-right:8px}.action-btn{border:1px solid #ffffff70;border-radius:5px;background:#ffffff10;color:white;font-size:12px;font-weight:600;padding:8px 11px}.action-btn:hover{background:#ffffff27}.sheet{background:#fff}.sheet-inner{padding:24px 28px 15px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}.heading-left{display:flex;align-items:center;gap:12px}.stack-icon{width:42px;height:42px;color:#0b63ad}.stack-icon svg{fill:#0c69b3;stroke:#fff;stroke-width:1.4;stroke-linejoin:round}.sheet-heading h1{font-size:clamp(21px,2.45vw,30px);letter-spacing:-.75px;margin:0;font-weight:800;color:var(--navy);line-height:1.1}.heading-subtitle{margin:5px 0 0;color:#8290a4;font-weight:700;font-size:12px}.update-chip{display:flex;align-items:center;gap:8px;color:#768399;font-size:10px;text-align:left}.update-chip strong{display:block;font-size:12px;color:#526581;font-weight:500;margin-top:2px}.update-chip svg{stroke:#778fb5;fill:none;stroke-width:1.7;flex-shrink:0}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:13px}.metric{min-height:84px;padding:13px 11px;border:1px solid #dbe7f3;box-shadow:0 2px 0 #eef3fa;border-radius:13px;display:flex;align-items:center;gap:10px;background:#fff;min-width:0}.metric-icon{height:42px;width:42px;display:grid;place-items:center;background:linear-gradient(140deg,#0c7abf,#319ce0);border-radius:100%;color:#fff;flex-shrink:0}.metric-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.metric.teal .metric-icon{background:#05b399}.metric .metric-body{min-width:0}.metric-label{color:#315276;font-size:11px;line-height:1.3;font-weight:600;margin-bottom:4px}.metric-value{font-size:clamp(17px,1.7vw,25px);font-weight:800;color:var(--navy);letter-spacing:-.65px;white-space:nowrap}.metric.teal .metric-value{color:#0aa786}.metric .metric-extra{color:#748ba0;font-size:10px}.summary-layout{display:grid;grid-template-columns:minmax(360px,38%) minmax(0,1fr);gap:12px;align-items:start}.panel{border:1px solid #dbe7f3;border-radius:13px;background:#fff;overflow:hidden;min-width:0}.panel-pad{padding:18px 18px 14px}.panel-title{margin:0 0 16px;font-size:15px;line-height:1.25;font-weight:800;color:var(--navy)}.donut-row{display:flex;align-items:center;justify-content:flex-start;gap:17px}.donut{position:relative;width:174px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--teal) 0% var(--paid-pct),#134d87 var(--paid-pct) 100%);flex-shrink:0;display:flex;align-items:center;justify-content:center}.donut::before{content:"";position:absolute;background:white;inset:33px;border-radius:100%}.donut-center{position:relative;text-align:center;max-width:110px;z-index:1}.donut-center strong{display:block;font-size:15px;letter-spacing:-.4px;color:var(--navy)}.donut-center small{display:block;font-size:11px;line-height:1.28;margin-top:3px;color:#6e829b}.legend{display:grid;gap:21px;min-width:0}.legend-item{display:flex;gap:8px;align-items:start}.legend-dot{width:11px;height:11px;margin-top:3px;border-radius:50%;background:var(--teal);flex-shrink:0}.legend-dot.dark{background:#134d87}.legend-text small{display:block;font-size:11px;color:#547396}.legend-text strong{display:block;color:#092c61;font-size:18px;font-weight:800;margin:4px 0 3px;white-space:nowrap}.hint{margin:21px 0 0;display:flex;gap:8px;color:#7e8ba0;line-height:1.45;font-size:11px}.hint i{font-size:15px;color:#1d9dde;font-style:normal}.scroll-table{overflow:auto;max-width:100%}.table-overview{width:100%;border-collapse:collapse;white-space:nowrap;line-height:1.34;font-size:12px;min-width:750px}.table-overview th{color:#fff;background:var(--blue-mid);text-align:left;font-size:11px;font-weight:700;padding:13px 11px}.table-overview th:first-child{border-top-left-radius:4px}.table-overview th:last-child{border-top-right-radius:4px}.table-overview td{padding:12px 11px;border-bottom:1px solid #e5edf5;color:#315174}.table-overview tbody tr:last-child td{border-bottom:0}.table-overview tr:hover td{background:#f5faff}.table-overview td strong{color:#12386d}.bank-cell{display:flex;gap:8px;align-items:center;font-weight:750;color:var(--navy)}.bank-badge{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;font-weight:800;color:#fff;font-size:12px;flex-shrink:0}.bank-badge.nubank{background:#7626c8}.bank-badge.bradesco{background:#d92447}.bank-badge.inter{background:#fa7416}.bank-badge.shopee{background:#fff0e5;color:#d95316;border:1px solid #f6cfb1}.bank-badge.large{width:43px;height:43px;border-radius:11px;font-size:15px}.table-overview .muted{display:block;font-weight:400;font-size:10px;color:#6e83a0}.unknown{color:#b07116!important;background:#fff5df;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:700}.lower-stats{margin-top:13px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat-strip{background:#f7faff;border:1px solid #e3eefa;border-radius:9px;padding:10px 14px}.stat-strip label{display:block;font-size:10px;color:#5d7190}.stat-strip strong{display:block;font-size:16px;color:var(--navy);margin-top:5px}.callout{display:flex;gap:9px;margin-top:12px;border:1px solid #dce6f1;border-radius:9px;background:#f7fbff;color:#537087;padding:10px 12px;font-size:11px;line-height:1.45}.callout.warn{border-color:#f6deb0;background:#fff9ec;color:#8d6b32}.callout .callout-icon{font-size:14px;color:#1d98d4}.sheet-tabs{margin-top:16px;display:flex;align-items:stretch;border-top:1px solid #dce5ed;border-bottom:1px solid #e9eef4;background:#f8fafc;overflow:auto;scrollbar-width:thin;min-height:41px;padding-left:21px}.tab{background:transparent;border:0;border-right:1px solid #e2e8ee;padding:11px 15px;white-space:nowrap;font-size:12px;color:#45637d;font-weight:600;position:relative}.tab:hover{background:#ebf3fb}.tab.active{background:#fff;color:#106443;font-weight:800}.tab.active::after{content:"";height:3px;background:#0d8a5f;position:absolute;bottom:0;left:0;right:0}.tab:nth-of-type(n+5){color:#b6531b}.tab.active:nth-of-type(n+5){color:#176341}.sheet-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;padding:12px 27px 16px;color:#8495a8}.footer-link{border:0;background:transparent;color:#5b7fa0;font-size:10px;text-decoration:underline}.empty-state{padding:50px 24px;text-align:center;max-width:700px;margin:auto}.empty-mark{width:60px;height:60px;background:#e8f5fd;border-radius:16px;display:grid;place-items:center;color:#0975b9;font-size:32px;margin:auto auto 16px}.empty-state h2{font-size:22px;color:#092e65;margin:0 0 10px}.empty-state p{font-size:13px;color:#597491;line-height:1.7}.btn{border:0;border-radius:7px;padding:11px 17px;font-size:12px;font-weight:700}.btn.primary{background:#106baf;color:#fff}.btn.primary:hover{background:#084e8a}.btn.subdued{background:#edf4fa;color:#315b82}.btn.subdued:hover{background:#dcecf9}.btn.outline{border:1px solid #c7dbed;background:#fff;color:#0e5f9a}.btn.outline:hover{background:#e8f4fd}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.detail-ident{display:flex;align-items:center;gap:12px}.detail-ident h2{margin:0;font-size:24px;font-weight:850;color:#092f67;letter-spacing:-.4px}.detail-ident h2 span{font-weight:600;color:#7993ae}.detail-ident p{font-size:11px;color:#7187a2;margin:4px 0 0}.detail-actions{display:flex;gap:9px;align-items:center}.status-chip{font-size:11px;background:#edf9f4;color:#09825f;border-radius:50px;padding:8px 12px;font-weight:700}.status-chip.shopee{background:#fff2eb;color:#c45517}.detail-metrics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:12px}.detail-metric{border:1px solid #dae7f1;border-radius:12px;background:#fff;min-width:0;min-height:92px;padding:12px 12px;display:flex;flex-direction:column;justify-content:center}.detail-metric label{font-size:10px;line-height:1.35;color:#5a7290;font-weight:600;min-height:26px}.detail-metric strong{font-size:clamp(16px,1.55vw,22px);letter-spacing:-.4px;color:#0b3368;font-weight:800;white-space:nowrap}.detail-metric.teal strong{color:#08a687}.detail-metric strong.unknown-value{font-size:14px;color:#a47e3d}.detail-metric small{color:#8597aa;font-size:10px;line-height:1.3;margin-top:3px}.progress-panel{padding:12px 15px;border:1px solid #e2e9f1;border-radius:10px;margin:0 0 16px;background:#fbfdff}.progress-labels{display:flex;justify-content:space-between;gap:12px;font-weight:700;font-size:12px;color:#2b4b6f;margin-bottom:9px}.progress-labels .sub{font-weight:500;color:#66839b}.progress-track{height:10px;border-radius:20px;background:#e8edf4;overflow:hidden}.progress-track>div{height:100%;border-radius:20px;background:linear-gradient(90deg,#16bb9e,#087c8b);transition:width .25s}.section-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:18px 0 10px}.section-header .panel-title{margin:0}.detail-table{width:100%;border-collapse:collapse;font-size:12px;min-width:1030px}.detail-table th{background:#125b94;color:white;padding:11px 9px;font-size:10px;line-height:1.3;text-align:left;white-space:nowrap}.detail-table td{border-bottom:1px solid #e3ecf3;padding:4px 7px;height:40px;color:#315474}.detail-table td:first-child{text-align:center;min-width:46px;font-weight:700;color:#1a4d79}.detail-table tr.paid td{background:#e8f8f0}.detail-table tr.partial td{background:#fef8e8}.detail-table tr:focus-within td{background:#e7f4fe}.detail-table input,.detail-table select{width:100%;min-width:75px;outline:none;border:1px solid transparent;background:transparent;border-radius:4px;color:#315474;padding:6px 4px;font-size:12px}.detail-table input[type=date]{min-width:137px}.detail-table select{min-width:102px}.detail-table input:focus,.detail-table select:focus{border-color:#8ebfe5;background:white;outline:none}.detail-table input:hover,.detail-table select:hover{border-color:#c5dfed}.detail-table .warn-flag{display:block;color:#b27013;font-size:9px}.detail-table .edit-note{min-width:140px}.detail-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 4px;color:#6b85a0;font-size:11px}.detail-meta strong{color:#37597a}.loan-extra{margin-top:13px;display:flex;gap:9px;flex-wrap:wrap}.loan-extra span{border:1px solid #e0eaf3;border-radius:6px;background:#f8fbff;padding:9px 12px;color:#597089;font-size:11px}.loan-extra strong{color:#123d6e}.contract-dialog{max-width:740px;width:calc(100vw - 32px);border:1px solid #cbddec;border-radius:16px;box-shadow:0 24px 80px #092b5180;padding:24px;max-height:calc(100vh - 40px)}.contract-dialog::backdrop{background:#132b49a3}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}.dialog-heading h2{color:#113665;font-size:22px;margin:0 0 6px}.dialog-heading p{color:#67829c;font-size:12px;margin:0}.close-icon{border:0;background:none;color:#607d9b;font-size:27px;line-height:1}.contract-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-height:60vh;overflow:auto}.contract-field{display:flex;flex-direction:column;gap:5px}.contract-field.wide{grid-column:1/-1}.contract-field label{font-size:11px;font-weight:700;color:#436480}.contract-field input,.contract-field textarea,.contract-field select{padding:10px 12px;border-radius:7px;border:1px solid #cbddec;background:#fff;color:#123a67;font-size:13px;width:100%}.contract-field textarea{resize:vertical;min-height:62px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.toast-area{position:fixed;right:20px;bottom:18px;z-index:100}.toast{background:#0b466e;color:white;border-radius:9px;padding:13px 20px;font-size:12px;box-shadow:0 5px 30px #0003}.privacy-callout{max-width:560px;margin:15px auto 0;background:#fffaeb;border:1px solid #f2deba;border-radius:8px;padding:11px;font-size:11px;color:#80653a}.no-js{padding:25px}
@media(max-width:1250px){.summary-layout{grid-template-columns:minmax(340px,40%) minmax(0,1fr)}.metric-value{font-size:21px}.metric-icon{width:36px;height:36px}.donut{width:150px}.donut::before{inset:30px}.legend-text strong{font-size:16px}.detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:890px){.workbook{margin:0;border:0;border-radius:0}.workbook-bar{flex-wrap:wrap;gap:8px;padding:9px 15px}.sheet-inner{padding:19px 14px 12px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-layout{grid-template-columns:1fr}.detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.table-overview{min-width:750px}.update-chip{display:none}.title-suffix{display:none}.sheet-heading h1{font-size:25px}.detail-ident h2{font-size:22px}.lower-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.workbook-bar{align-items:flex-start}.file-label{font-size:12px}.file-glyph{font-size:16px}.top-tools{width:100%;justify-content:flex-end;flex-wrap:wrap}.action-btn{font-size:11px;padding:7px 10px}.save-label{width:100%;margin:0;font-size:10px}.sheet-heading{margin-bottom:15px}.sheet-heading h1{font-size:22px}.heading-subtitle{font-size:11px}.stack-icon,.stack-icon svg{width:31px;height:31px}.heading-left{gap:8px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{min-height:76px;padding:10px}.metric-icon{width:33px;height:33px}.metric-icon svg{width:17px;height:17px}.metric-label{font-size:10px}.metric-value{font-size:19px}.summary-layout{gap:10px}.panel-pad{padding:15px 12px}.donut-row{gap:12px}.donut{width:145px}.donut::before{inset:30px}.donut-center strong{font-size:13px}.donut-center small{font-size:9px}.legend{gap:12px}.legend-text strong{font-size:15px}.legend-text small{font-size:10px}.lower-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stat-strip strong{font-size:14px}.sheet-tabs{padding-left:0}.tab{padding:11px 12px}.sheet-footer{padding:12px 14px 19px;align-items:start;flex-direction:column}.detail-top{align-items:flex-start;flex-wrap:wrap}.detail-ident{gap:8px}.detail-ident h2{font-size:20px}.bank-badge.large{width:35px;height:35px}.detail-actions{width:100%;justify-content:space-between}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-metric{min-height:79px;padding:9px}.detail-metric strong{font-size:19px}.detail-metric label{font-size:10px}.progress-labels{font-size:11px}.contract-fields{grid-template-columns:1fr}.contract-field.wide{grid-column:auto}.contract-dialog{padding:18px}}