:root{--paper:#f4f2ec;--ink:#0e1318;--muted:#68717a;--red:#d83a2f;--orange:#f1953f;--green:#1f9d55;--slate:#8a949e;--white:#fff;--line:#e5e2da;--shadow:0 1px 3px rgba(0,0,0,.08);font-family:-apple-system,"Segoe UI",Roboto,Inter,sans-serif;color:var(--ink);font-size:15px;line-height:1.45}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden;background:var(--paper)}button,input,select{font:inherit;color:inherit}.top-rule{height:4px;background:var(--red)}.site-header{min-height:78px;padding:14px max(20px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(14,19,24,.08);background:rgba(244,242,236,.96)}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--red);color:#fff;font-size:22px;font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:-.01em}.brand small{font-size:12px;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.year-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.year-control select{padding:7px 28px 7px 10px;border:1px solid #d7d3ca;border-radius:8px;background:#fff;font-weight:700}.button{border:0;border-radius:8px;padding:8px 12px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button:focus-visible,.status-chip:focus-visible,[contenteditable]:focus-visible,select:focus-visible,.table-shell:focus-visible{outline:3px solid rgba(216,58,47,.25);outline-offset:2px}.button.primary{background:var(--red);color:#fff}.button.secondary{background:#fff;border:1px solid #d7d3ca}.button.ghost{background:transparent;color:var(--muted)}.button.tiny{padding:6px 8px;font-size:11px;white-space:nowrap}main{width:min(1440px,calc(100% - 40px));margin:28px auto 54px}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.stat,.card,.action-card{background:var(--white);border:1px solid rgba(14,19,24,.06);border-radius:14px;box-shadow:var(--shadow)}.stat{padding:17px 18px;min-width:0}.stat-value{display:block;font-size:26px;line-height:1.1;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.stat-label{display:block;margin-top:8px;font-size:13px;font-weight:750}.stat-sub{display:block;margin-top:2px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat.risk .stat-value{color:var(--red)}.insight{margin:14px 0 22px;padding:11px 16px;border-left:3px solid var(--red);border-radius:0 9px 9px 0;background:rgba(255,255,255,.55);color:#505861;font-size:13px}.action-grid{display:grid;grid-template-columns:1.35fr .8fr .9fr;gap:14px;margin-bottom:22px}.action-card{padding:18px;min-width:0}.action-card header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.action-card h2,.section-heading h1,.section-heading h2{margin:0;letter-spacing:-.025em}.action-card h2{font-size:16px}.badge{min-width:25px;padding:3px 7px;border-radius:999px;background:#f1efea;color:#59626b;text-align:center;font-size:11px;font-weight:800}.action-list{display:grid;gap:0}.action-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #efede7;font-size:12px}.action-row:first-child{border-top:0;padding-top:0}.action-main{min-width:0;flex:1}.action-main strong,.action-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-main span{color:var(--muted);font-size:11px}.action-meta{text-align:right;white-space:nowrap}.action-meta strong{display:block;color:var(--red)}.action-meta span{color:var(--muted);font-size:10px}.empty-state{margin:0;color:var(--muted);font-size:12px}.unit-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.unit-pill{padding:5px 9px;border-radius:7px;background:#f0efeb;color:#4f5860;font-size:12px;font-weight:800}.eyebrow{margin:0 0 3px;text-transform:uppercase;letter-spacing:.12em;color:var(--red);font-size:10px;font-weight:850}.sheet-section{overflow:hidden}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 22px}.section-heading h1{font-size:22px}.section-heading h2{font-size:17px}.section-heading.compact{padding:0 0 20px;align-items:center}.section-note{margin:0;color:var(--muted);font-size:12px}.table-shell{width:100%;max-height:660px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;overscroll-behavior:contain}table{border-collapse:separate;border-spacing:0;min-width:1540px;width:100%;font-size:12px;font-variant-numeric:tabular-nums}th,td{height:45px;padding:6px 8px;border-right:1px solid #ece9e3;border-bottom:1px solid #ece9e3;background:#fff;text-align:left;white-space:nowrap}thead th{position:sticky;top:0;z-index:5;height:39px;background:#f8f7f4;color:#68717a;text-transform:uppercase;letter-spacing:.055em;font-size:10px;font-weight:850}tbody tr:hover td{background:#fbfaf7}tfoot th,tfoot td{position:sticky;bottom:0;z-index:4;background:#f8f7f4;font-weight:800;border-bottom:0}.col-unit{width:74px;min-width:74px;max-width:74px;position:sticky;left:0;z-index:2}.col-tenant{width:160px;min-width:160px;max-width:160px;position:sticky;left:74px;z-index:2;box-shadow:3px 0 5px rgba(0,0,0,.035)}thead .col-unit,thead .col-tenant{z-index:7;background:#f8f7f4}tfoot .col-unit,tfoot .col-tenant{z-index:6;background:#f8f7f4}.col-contact{min-width:150px}.col-rent{min-width:74px;text-align:right}.col-date{min-width:106px}.month-col{width:67px;min-width:67px;text-align:center}[contenteditable="true"]{border-radius:5px;overflow:hidden;text-overflow:ellipsis;max-width:100%}[contenteditable="true"]:hover{box-shadow:inset 0 0 0 1px #ddd8ce}[contenteditable="true"]:focus{background:#fff!important;box-shadow:inset 0 0 0 2px var(--red);outline:none}.placeholder:empty:before{content:attr(data-placeholder);color:#b0b5b9}.status-chip{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:50px;height:27px;border:0;border-radius:7px;background:#f4f3f0;color:#a0a6ab;font-size:9px;font-weight:850;text-transform:uppercase;cursor:pointer}.status-chip.paid{background:#e5f5eb;color:#14723e}.status-chip.vacant{background:#eceff1;color:#65717b}.status-chip.note{background:#f5eee4;color:#88622f}.status-chip.overdue{background:#fff0dd;color:#a65b0e}.status-chip.very-late{background:#fde7e5;color:#a72a22}.status-chip.future{color:#b0b4b8}.method-glyph{font-size:10px;font-weight:900}.sheet-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:var(--muted);font-size:11px}.charts-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:22px}.chart-card{padding:20px 22px;min-height:275px}.monthly-chart{height:185px;display:flex;align-items:flex-end;gap:9px;padding-top:10px;border-bottom:1px solid #ddd9d0}.bar-item{height:100%;min-width:0;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar-value{font-size:9px;color:var(--muted);white-space:nowrap}.bar{width:min(28px,72%);min-height:2px;border-radius:5px 5px 2px 2px;background:var(--red)}.bar-label{position:relative;top:25px;color:var(--muted);font-size:9px}.method-chart{padding-top:15px}.stacked{display:flex;height:20px;overflow:hidden;border-radius:8px;background:#efede8}.stacked span:nth-child(1){background:var(--red)}.stacked span:nth-child(2){background:var(--orange)}.stacked span:nth-child(3){background:var(--ink)}.method-legend{display:grid;gap:15px;margin-top:24px}.legend-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;font-size:12px}.dot{width:9px;height:9px;border-radius:50%}.legend-row:nth-child(1) .dot{background:var(--red)}.legend-row:nth-child(2) .dot{background:var(--orange)}.legend-row:nth-child(3) .dot{background:var(--ink)}.legend-row span{color:var(--muted)}.legend-row strong{font-variant-numeric:tabular-nums}.popover{position:fixed;z-index:30;width:230px;padding:12px;border:1px solid #ddd8ce;border-radius:12px;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.16)}.popover-title{margin:0 0 9px;font-size:12px}.popover-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.popover .button{font-size:11px}.popover .paid-choice{grid-column:1/-1;background:#e5f5eb;color:#14723e}.popover-sep{grid-column:1/-1;margin:1px 0;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.toast{position:fixed;z-index:50;right:22px;bottom:22px;transform:translateY(20px);padding:10px 14px;border-radius:9px;background:var(--ink);color:#fff;opacity:0;pointer-events:none;transition:.2s;font-size:12px;box-shadow:0 8px 30px rgba(0,0,0,.2)}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.action-grid{grid-template-columns:1fr 1fr}.action-card:first-child{grid-column:1/-1}.charts-grid{grid-template-columns:1fr}.method-chart{max-width:600px}}
@media(max-width:700px){.site-header{align-items:flex-start;flex-direction:column;gap:12px}.toolbar{width:100%;justify-content:flex-start}.brand small{display:none}main{width:calc(100% - 24px);margin-top:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:14px}.stat-value{font-size:22px}.action-grid{grid-template-columns:1fr}.action-card:first-child{grid-column:auto}.action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.action-row .button{grid-column:1/-1;justify-self:end}.section-heading{align-items:flex-start;flex-direction:column;padding:17px}.section-note{display:none}.sheet-footer{align-items:flex-start;gap:12px}.charts-grid{gap:12px}.chart-card{padding:17px}.bar-value{display:none}.monthly-chart{gap:3px}.toast{left:12px;right:12px;text-align:center}.popover{width:220px}.button{padding:7px 9px}.insight{overflow-wrap:anywhere}}
@media(max-width:390px){.toolbar{gap:5px}.year-control{width:100%;margin-bottom:2px}.toolbar .button{flex:1}.stat-sub{white-space:normal}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sync-status{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:850;background:#e5f5eb;color:#116837}.sync-status.saving{background:#fff0dd;color:#8b4a08}.sync-status.offline{background:#eceff1;color:#4e5962}.action-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0}.action-chip{min-height:46px;padding:10px 16px;border:2px solid transparent;border-radius:999px;font-weight:850;cursor:pointer}.action-chip.urgent{background:#fde7e5;border-color:#e9a19c;color:#8e201a;font-size:15px}.action-chip.open{background:#e5f5eb;color:#116837}.late-list{display:inline-flex;align-items:center;min-height:42px;text-decoration:none;text-transform:uppercase}.grid-tools{display:flex;align-items:center;gap:14px}.search-box input{width:min(250px,60vw);min-height:42px;padding:9px 12px;border:1px solid #d7d3ca;border-radius:9px;background:#fff}.first-hint{margin:0 18px 12px;padding:11px 14px;border-radius:9px;background:#fff0dd;color:#754006;font-weight:750}.first-hint button{margin-left:8px;border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}.status-chip{min-width:52px;min-height:36px}.status-chip.paid{background:#ccebd7;color:#075d30}.status-chip.overdue{background:#ffe2bd;color:#783b00}.status-chip.very-late{background:#f8cbc7;color:#7f1711}.row-actions{display:flex;gap:5px}.text-reminder{text-decoration:none}.row-highlight td{animation:rowFlash 1.8s ease}.status-chip.pop{animation:paidPop .38s ease}.toast{display:flex;align-items:center;justify-content:center;gap:13px}.toast button{border:0;border-radius:5px;padding:5px 8px;background:#fff;color:var(--ink);font-weight:850;cursor:pointer}@keyframes paidPop{50%{transform:scale(1.25)}}@keyframes rowFlash{0%,45%{background:#fff0bd}100%{background:#fff}}@media(max-width:700px){.action-bar>*{flex:1 1 auto;text-align:center;justify-content:center}.grid-tools{width:100%;align-items:flex-start;flex-direction:column}.search-box,.search-box input{width:100%}.status-chip{min-width:56px;min-height:44px}.row-actions{grid-column:1/-1;justify-self:end}}@media(prefers-reduced-motion:reduce){.status-chip.pop,.row-highlight td{animation:none!important}}