:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#527cae1f,#0000 34%),linear-gradient(#eef3f9 0%,#f8fafc 42%,#fff 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app{width:min(1180px,100% - 32px);margin:0 auto;padding:42px 0 72px}.page-header{gap:10px;margin-bottom:26px;padding:8px 2px;display:grid}.page-header h1{color:#172033;letter-spacing:-.04em;max-width:820px;margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.02}.page-header>p:last-child{color:#667085;max-width:760px;margin:0;font-size:1rem;line-height:1.7}.eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0;font-weight:800;color:#315f97!important;font-size:.76rem!important}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #cbd5e1d9;border-radius:22px;margin-top:20px;padding:26px;box-shadow:0 18px 42px #1e293b14,0 2px 8px #1e293b08}.section-header,.results-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.section-header h2,.results-header h2{color:#1f2a3d;letter-spacing:-.01em;margin:0 0 5px;font-size:1.22rem;font-weight:800}.section-header p,.results-header p{color:#7a8699;margin:0;font-size:.92rem;line-height:1.5}.receipt-upload{background:#f8fbff;border:1px dashed #b8c8da;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:22px;padding:16px;display:flex}.receipt-upload-button{color:#fff;cursor:pointer;background:#527cac;border:1px solid #527cac;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:11px 16px;font-weight:800;transition:transform .15s,background .2s,border-color .2s;display:inline-flex}.receipt-upload-button:hover{background:#416b9d;border-color:#416b9d;transform:translateY(-1px)}.receipt-upload-button:has(input:disabled){cursor:wait;opacity:.65}.receipt-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.receipt-upload>p{color:#667085;flex:1;min-width:220px;margin:0;font-size:.88rem;line-height:1.5}.receipt-upload-message{border-radius:11px;flex-basis:100%;gap:4px;padding:11px 13px;font-size:.84rem;line-height:1.45;display:grid}.receipt-upload-message strong,.receipt-upload-message span{display:block}.receipt-upload-message.success-message{color:#2f6b49;background:#eff8f2;border:1px solid #b7d9c4}.receipt-upload-message.error-message{color:#a03a3a;background:#fff5f5;border:1px solid #e7c3c3}.form-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.form-grid label{gap:8px;min-width:0;display:grid}.form-grid label span{color:#475467;font-size:.86rem;font-weight:700}.form-grid input,.form-grid select{color:#172033;background-color:#fbfdff;border:1px solid #cfd8e6;border-radius:12px;outline:none;width:100%;height:46px;padding:11px 13px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.form-grid input:hover,.form-grid select:hover{background-color:#fff;border-color:#b4c4d8}.form-grid input:focus,.form-grid select:focus{background-color:#fff;border-color:#5a84ba;box-shadow:0 0 0 4px #5a84ba21}.form-grid select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#667085 50%),linear-gradient(135deg,#667085 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:42px;line-height:1.2}.occupancy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.apartment{color:#667085;text-align:left;background:#f8fafc;border:1px solid #d8e0ea;border-radius:16px;align-content:space-between;gap:10px;min-height:110px;padding:16px;transition:transform .16s,border-color .2s,background .2s,box-shadow .2s;display:grid}.apartment:hover{border-color:#a8bdd5;transform:translateY(-2px);box-shadow:0 10px 24px #33415514}.apartment strong{color:#26364d;font-size:.95rem}.apartment span{font-size:.84rem}.apartment.occupied{color:#3f6c57;background:linear-gradient(#ecf8f1fa,#f5fbf7fa);border-color:#9fc6b1}.apartment.occupied strong{color:#28533e}.secondary-button{color:#344054;background:#fff;border:1px solid #cbd5e1;border-radius:11px;min-height:42px;padding:10px 15px;font-weight:700;transition:background .2s,border-color .2s,transform .15s}.secondary-button:hover{background:#f8fafc;border-color:#9fb0c4;transform:translateY(-1px)}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.summary-grid article{background:linear-gradient(#fafcfffa,#f6f9fcfa);border:1px solid #e1e7ef;border-radius:15px;min-height:96px;padding:16px}.summary-grid span{color:#7a8699;margin-bottom:10px;font-size:.8rem;font-weight:700;display:block}.summary-grid strong{color:#1f2a3d;letter-spacing:-.02em;font-size:1.22rem}.balanced-summary{background:#eff8f2!important;border-color:#b7d9c4!important}.balanced-summary strong{color:#2f6b49}.difference-summary{background:#fff5f5!important;border-color:#e7c3c3!important}.difference-summary strong{color:#a03a3a}.balance-status{color:#526174;text-align:center;background:#f8fafc;border:1px solid #d9e3ee;border-radius:13px;justify-content:center;align-items:center;min-height:48px;margin-top:16px;padding:12px 16px;display:flex}.balance-status strong{color:#2f6b49}.table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #dfe6ef;border-radius:16px;margin-top:18px;overflow-x:auto}table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:790px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:14px 15px}th{z-index:1;color:#344054;letter-spacing:.035em;text-transform:uppercase;background:#edf3f9;font-size:.78rem;font-weight:800;position:sticky;top:0}td{color:#526174;font-size:.9rem}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}.adjustment-controls{grid-template-columns:32px 42px 32px;align-items:center;gap:6px;display:inline-grid}.adjustment-controls button{color:#344054;background:#fff;border:1px solid #ccd6e2;border-radius:9px;place-items:center;width:32px;height:32px;font-size:1.05rem;font-weight:800;transition:background .2s,border-color .2s,transform .15s;display:grid}.adjustment-controls button:hover{background:#f3f7fb;border-color:#93a9c0;transform:translateY(-1px)}.adjustment-controls strong{text-align:center}.error-message{color:#9b2c2c;font-weight:700}@media (width<=1100px){.form-grid,.occupancy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.app{width:min(100% - 24px,1180px);padding-top:28px}.panel{border-radius:18px;padding:20px}.form-grid,.occupancy-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header,.results-header{flex-direction:column;align-items:stretch}.secondary-button{width:100%}}@media (width<=520px){.app{width:min(100% - 16px,1180px);padding:18px 0 40px}.page-header{margin-bottom:16px;padding-inline:4px}.page-header h1{font-size:2.05rem}.page-header>p:last-child{font-size:.94rem}.panel{border-radius:16px;margin-top:14px;padding:16px}.form-grid,.summary-grid{grid-template-columns:1fr}.occupancy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.apartment{min-height:102px;padding:13px}.summary-grid article{min-height:88px}.table-wrapper{border-radius:13px}table{min-width:720px}th,td{padding:12px 13px}.balance-status{text-align:left;justify-content:flex-start;align-items:flex-start}}.mobile-results-list{display:none}.mobile-result-card{background:#fff;border:1px solid #dfe6ef;border-radius:16px;gap:16px;padding:16px;display:grid;box-shadow:0 8px 22px #1e293b0d}.mobile-result-header{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.mobile-result-header>div,.mobile-final-amount{gap:5px;display:grid}.mobile-result-header span,.mobile-result-details span,.mobile-adjustment-row>span{color:#7a8699;letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:800}.mobile-result-header strong{color:#25344a;font-size:1rem}.mobile-final-amount{text-align:right;min-width:74px}.mobile-final-amount strong{color:#28533e;font-size:1.3rem}.mobile-result-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mobile-result-details>div{background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;gap:5px;padding:11px;display:grid}.mobile-result-details strong{color:#344054;font-size:.95rem}.mobile-adjustment-row{justify-content:space-between;align-items:center;gap:14px;display:flex}@media (width<=620px){.desktop-results-table{display:none}.mobile-results-list{gap:12px;margin-top:18px;display:grid}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid article{min-height:98px;padding:14px}.summary-grid span{font-size:.74rem}.summary-grid strong{font-size:1.08rem}.balance-status{text-align:center;justify-content:center}}@media (width<=390px){.mobile-result-details{grid-template-columns:1fr}.mobile-adjustment-row{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:1fr}}.mobile-app-header{display:none}@media (width<=620px){body{background:#f4f7fb}.app{width:100%;padding:0 0 32px}.page-header{display:none}.mobile-app-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #dfe6ef;gap:14px;padding:16px 14px 12px;display:grid;position:sticky;top:0;box-shadow:0 8px 24px #1e293b12}.mobile-app-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.mobile-app-title>div:first-child{gap:2px;display:grid}.mobile-app-title span{color:#7a8699;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.mobile-app-title strong{color:#1f2a3d;font-size:1.08rem}.mobile-step-indicator{color:#315f97;white-space:nowrap;background:#edf3f9;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:800}.mobile-step-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mobile-step{color:#8490a3;background:0 0;border:0;border-radius:12px;place-items:center;gap:5px;min-width:0;padding:8px 4px;font-size:.72rem;font-weight:800;display:grid}.mobile-step span{color:#667085;background:#f8fafc;border:1px solid #d5dde7;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.78rem;display:grid}.mobile-step.active{color:#315f97;background:#edf3f9}.mobile-step.active span{color:#fff;background:#315f97;border-color:#315f97}.app-step{display:none}.app-step.mobile-active-step{display:block}.panel{border-radius:18px;margin:14px 12px 0;padding:16px;box-shadow:0 10px 28px #1e293b0f}.section-header,.results-header{margin-bottom:18px}.section-header h2,.results-header h2{font-size:1.1rem}.form-grid{grid-template-columns:1fr}.form-grid input,.form-grid select{border-radius:14px;height:50px;font-size:1rem}.occupancy-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-step,.apartment,.secondary-button,.adjustment-controls button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}.mobile-step{appearance:none}.mobile-step:active{transform:none}.mobile-step:focus:not(:focus-visible){box-shadow:none;outline:none}.mobile-step:focus-visible{outline-offset:2px;outline:3px solid #315f9759}}.result-export{background:#fff;border:1px solid #dfe6ef;border-radius:18px;margin-top:24px;overflow:hidden}.result-export-capture{width:100%}.result-export-capture.is-exporting{background:#fff;width:1200px!important;max-width:1200px!important;margin:0!important}.result-export-capture.is-exporting .result-export{border-radius:0;width:1200px;margin:0}.result-export-capture.is-exporting .result-export-table{overflow:visible;display:block!important}.result-export-capture.is-exporting .result-export-mobile-list{display:none!important}.result-export-capture.is-exporting .result-export-receipt{grid-template-columns:repeat(4,minmax(0,1fr))!important}.result-export-capture.is-exporting .result-export-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important}.result-export-capture.is-exporting .result-export-footer{flex-direction:row!important;align-items:center!important}.result-export-capture.is-exporting .result-export-table table{table-layout:fixed;width:100%;min-width:0}.result-export-header{color:#fff;background:linear-gradient(135deg,#315f97f5,#4572a6e6);justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;display:flex}.result-export-header p{letter-spacing:.14em;text-transform:uppercase;opacity:.82;margin:0 0 6px;font-size:.75rem;font-weight:800}.result-export-header h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.5rem}.result-export-date{opacity:.88;margin-top:8px;font-size:.86rem;font-weight:700;display:block}.result-export-header>strong{letter-spacing:-.04em;font-size:2rem}.result-export-receipt,.result-export-summary{gap:12px;padding:20px 24px;display:grid}.result-export-receipt{background:#f8fafc;border-bottom:1px solid #e5eaf1;grid-template-columns:repeat(4,minmax(0,1fr))}.result-export-summary{border-bottom:1px solid #e5eaf1;grid-template-columns:repeat(5,minmax(0,1fr))}.result-export-receipt div,.result-export-summary div{gap:5px;min-width:0;display:grid}.result-export-receipt span,.result-export-summary span{color:#7a8699;font-size:.76rem;font-weight:700}.result-export-receipt strong,.result-export-summary strong{color:#1f2a3d;font-size:.96rem}.result-export-table{padding:0 24px 24px;overflow-x:auto}.result-export-table table{min-width:680px}.result-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.result-export-table table{table-layout:fixed;width:100%;min-width:0}.result-export-table th,.result-export-table td{text-align:center;vertical-align:middle;padding:15px 18px}.result-export-table th:first-child,.result-export-table td:first-child{text-align:left;width:34%}.result-export-table th:nth-child(2),.result-export-table td:nth-child(2){width:16%}.result-export-table th:nth-child(3),.result-export-table td:nth-child(3),.result-export-table th:nth-child(4),.result-export-table td:nth-child(4){width:25%}.result-export-table thead th{color:#334155;letter-spacing:.04em;text-transform:uppercase;background:#e9eef5;font-size:.78rem;font-weight:800}.result-export-table tbody tr:nth-child(odd){background:#fff}.result-export-table tbody tr:nth-child(2n){background:#edf2f7}.result-export-table tbody tr{transition:background .18s,transform .18s}.result-export-table tbody tr:hover{background:#dfe8f2}.result-export-table tbody td{color:#475467;border-bottom:1px solid #dce4ed}.result-export-table tbody tr:last-child td{border-bottom:0}.result-export-table tbody td:first-child strong{color:#1f2a3d}.result-export-table tbody td:last-child strong{color:#2f5f94;font-size:1rem}.result-export-mobile-list{display:none}@media (width<=700px){.result-export-table{display:none}.result-export-mobile-list{gap:12px;padding:16px;display:grid}.result-export-mobile-card{background:#fff;border:1px solid #d9e2ec;border-radius:15px;overflow:hidden;box-shadow:0 8px 20px #1e293b0d}.result-export-mobile-card:nth-child(2n){background:#eef3f8}.result-export-mobile-card-header{border-bottom:1px solid #dfe6ee;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;display:flex}.result-export-mobile-card-header>strong{color:#1f2a3d;font-size:1rem}.result-export-mobile-card-header>span{color:#2f5f94;font-size:1.12rem;font-weight:800}.result-export-mobile-card-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px;display:grid}.result-export-mobile-card-details div{gap:5px;min-width:0;display:grid}.result-export-mobile-card-details span{color:#7a8699;font-size:.72rem;font-weight:700}.result-export-mobile-card-details strong{color:#344054;font-size:.88rem}.result-export-receipt,.result-export-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.result-export-footer{flex-direction:column;align-items:flex-start}}@media (width<=430px){.result-export-mobile-card-details{grid-template-columns:1fr}}.result-export-footer{color:#667085;background:#f8fafc;border-top:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;font-size:.82rem;display:flex}.result-export-footer strong{color:#2f6b49}.balancing-apartment-select{color:#344054;width:390px;max-width:100%;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:11px;outline:none;flex:0 0 390px;padding:10px 38px 10px 14px;font-weight:700}.result-actions{flex:1;min-width:0}.results-header{align-items:center}@media (width<=700px){.results-header{flex-direction:column;align-items:stretch}.result-actions{grid-template-columns:minmax(0,1fr);gap:10px;width:100%;display:grid}.balancing-apartment-select{flex:none;width:100%;min-width:0;max-width:none;margin:0}.result-actions .secondary-button{width:100%;min-width:0;margin:0}}.balancing-apartment-select:focus{border-color:#5a84ba;box-shadow:0 0 0 4px #5a84ba21}.balance-status{color:#a03a3a;background:#fff5f5;border-color:#e7c3c3}.balance-status:has(strong){color:#2f6b49;background:#eff8f2;border-color:#b7d9c4}.result-export-footer .unbalanced-status{color:#a03a3a}.result-export-footer .balanced-status{color:#2f6b49}@media (width>=621px){html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{border:0}.app{border:0;outline:0}.page-header{text-align:center;justify-items:center}.page-header h1,.page-header>p:last-child{margin-inline:auto}.section-header{text-align:left;justify-content:flex-start}.results-header{flex-wrap:wrap;align-items:center}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.results-header{text-align:left;justify-content:flex-start;align-items:flex-start}.results-header>div{width:100%}.results-header h2,.results-header p{text-align:left}.desktop-results-table th,.desktop-results-table td{text-align:center;vertical-align:middle}.desktop-results-table th:first-child,.desktop-results-table td:first-child{text-align:left}.desktop-results-table .adjustment-controls{margin-inline:auto}.secondary-button{white-space:nowrap;width:auto;min-width:max-content;padding-inline:22px}}