:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:var(--officejur-primary,#17213a);--navy-2:var(--officejur-primary-soft,#23304f);--gold:var(--officejur-accent,#8b651f);--gold-light:var(--officejur-accent-light,#d9bd7a);--paper:var(--officejur-surface,#fff);--bg:var(--officejur-canvas,#eef1f5);--line:var(--officejur-line,#d9dee7);--text:var(--officejur-text,#182033);--muted:var(--officejur-muted,#667085);--danger:var(--officejur-danger,#b3261e);--ok:var(--officejur-success,#067647);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background:var(--bg);margin:0;font-size:14px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.topbar{z-index:20;background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:10px 22px;display:flex;position:sticky;top:0;box-shadow:0 8px 28px #17213a2e}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:40px;height:40px}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:18px}.brand small{color:#c8cfdd;margin-top:2px;font-size:11px}.button,.tabs button{border:1px solid #0000;border-radius:7px;min-height:40px;padding:0 14px;font-weight:750}.button.primary{background:var(--gold);color:#fff}.button.secondary{color:#fff;background:0 0;border-color:#ffffff3d}.button.secondary.dark,.button.ghost{border-color:var(--line);color:var(--navy);background:#fff}.button.danger{color:var(--danger);background:#fff;border-color:#b3261e3d}.button:hover,.tabs button:hover{filter:brightness(1.06)}.workspace{grid-template-columns:minmax(300px,380px) minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.people-pane{border-right:1px solid var(--line);background:#f8f9fb;padding:18px}.pane-head h1{color:var(--navy);margin:0;font-family:Georgia,serif;font-size:24px}.pane-head p,.person-header p{color:var(--muted);margin:4px 0 0;font-size:12px;font-weight:650}.person-form,.payment-form{gap:11px;display:grid}.person-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-top:16px}label{color:#344054;gap:5px;min-width:0;font-size:12px;font-weight:650;display:grid}input{width:100%;min-height:40px;color:var(--text);background:#fff;border:1px solid #cfd5df;border-radius:6px;outline:none;padding:0 10px}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b387311f}.search-box{margin:14px 0}.people-list{gap:8px;display:grid}.person-item{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#fff;border-radius:8px;gap:3px;padding:11px;display:grid}.person-item.is-active{border-color:var(--gold);box-shadow:0 0 0 3px #b387311f}.person-item strong{color:var(--navy)}.person-item span{color:var(--muted);font-size:12px}.detail-pane{min-width:0;padding:18px}.empty-state{border:1px dashed var(--line);min-height:calc(100vh - 104px);color:var(--muted);text-align:center;background:#fff;border-radius:8px;align-content:center;place-items:center;gap:6px;display:grid}.empty-state strong{color:var(--navy);font-family:Georgia,serif;font-size:22px}.person-header{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px;display:flex}.name-input{min-height:42px;color:var(--navy);border:0;padding:0;font-family:Georgia,serif;font-size:28px;font-weight:700}.name-input:focus{box-shadow:none;border-color:#0000}.tabs{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:12px;padding:5px;display:inline-grid}.tabs button{min-width:120px;color:var(--muted);background:0 0;border-color:#0000;font-size:13px}.tabs button.is-active{background:var(--navy);color:#fff;box-shadow:0 4px 12px #17213a2e}.tab-panel{gap:12px;display:grid}.payment-form{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1.1fr .8fr .9fr minmax(160px,1fr) auto;align-items:end;padding:14px}.payment-actions{gap:7px;display:grid}.month-tools{justify-content:center;align-items:center;gap:10px;display:flex}.month-tools strong{min-width:80px;color:var(--navy);text-align:center;font-family:Georgia,serif;font-size:20px}.month-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.month-card,.metric,.chart-panel{border:1px solid var(--line);background:#fff;border-radius:8px}.month-card{gap:10px;min-height:158px;padding:13px;display:grid}.month-card header{justify-content:space-between;align-items:center;gap:8px;display:flex}.month-card h3{color:var(--navy);margin:0;font-family:Georgia,serif;font-size:17px}.badge{color:var(--muted);background:#eef1f5;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.badge.paid{color:var(--ok);background:#ecfdf3}.month-card .value{color:var(--navy);font-size:22px;font-weight:850}.month-card p{min-height:34px;color:var(--muted);margin:0;font-size:12px}.payment-list{gap:7px;max-height:220px;padding-right:2px;display:grid;overflow:auto}.payment-row{background:#fbfcfe;border:1px solid #edf0f4;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.payment-row strong,.payment-row span{display:block}.payment-row strong{color:var(--navy);font-size:13px}.payment-row span{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.3}.payment-row-actions{gap:5px;display:grid}.mini-button{border:1px solid var(--line);min-height:28px;color:var(--navy);background:#fff;border-radius:6px;padding:0 8px;font-size:11px;font-weight:800}.mini-button.danger{color:var(--danger);border-color:#b3261e38}.month-actions{gap:8px;margin-top:auto;display:flex}.month-actions .button{flex:1;min-height:34px;padding:0 10px;font-size:12px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{gap:7px;padding:14px;display:grid}.metric span{color:var(--muted);font-size:12px;font-weight:750}.metric strong{color:var(--navy);font-size:22px}.charts{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);gap:12px;display:grid}.chart-panel{min-width:0;padding:14px}.chart-panel>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.chart-panel header strong{color:var(--navy);font-family:Georgia,serif;font-size:17px}.chart-panel header span{color:var(--muted);font-size:12px}.pie-wrap{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:18px;display:grid}.pie-chart{aspect-ratio:1;width:190px;box-shadow:inset 0 0 0 18px #fff, 0 0 0 1px var(--line);background:#eef1f5;border-radius:50%}.pie-legend{gap:8px;display:grid}.legend-item{color:var(--muted);grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;display:grid}.legend-color{border-radius:3px;width:12px;height:12px}.bar-chart{grid-template-columns:repeat(12,minmax(22px,1fr));align-items:end;gap:8px;min-height:260px;padding-top:10px;display:grid}.bar-item{grid-template-rows:1fr auto;gap:7px;min-width:0;height:250px;display:grid}.bar{background:linear-gradient(180deg, var(--gold-light), var(--gold));border-radius:5px 5px 0 0;align-self:end;min-height:3px}.bar-item span{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.modal{z-index:50;background:#17213a73;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.payments-card,.delete-card{background:#fff;border-radius:8px;width:min(720px,100%);box-shadow:0 24px 70px #17213a47}.payments-card{width:min(860px,100%)}.payments-card>header,.delete-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;display:flex}.payments-card header strong,.delete-card header strong{color:var(--navy);font-family:Georgia,serif;font-size:20px;display:block}.payments-card header span,.delete-card header span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.delete-card{width:min(520px,100%)}.delete-card.is-danger{border:1px solid #b3261e47}.delete-card>header{justify-content:flex-start}.delete-card.is-danger header strong,.delete-card.is-danger header span{color:var(--danger)}.warning-mark{width:34px;height:34px;color:var(--danger);background:#b3261e14;border:1px solid #b3261e38;border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:900;display:inline-grid}.delete-name-row{padding:16px 16px 0}.delete-error{min-height:20px;color:var(--danger);margin:0;padding:10px 16px 0;font-size:12px;font-weight:750}.delete-card footer{justify-content:flex-end;gap:8px;padding:16px;display:flex}.modal-payment-list{max-height:min(58vh,560px);padding:14px 16px;overflow:auto}.modal-payment-form{border:1px solid var(--line);background:#f8f9fb;border-radius:8px;gap:12px;margin:14px 16px 0;padding:14px;display:grid}.modal-payment-form>div:first-child strong,.modal-payment-form>div:first-child span{display:block}.modal-payment-form>div:first-child strong{color:var(--navy);font-family:Georgia,serif;font-size:17px}.modal-payment-form>div:first-child span{color:var(--muted);margin-top:3px;font-size:12px;font-weight:650}.modal-payment-fields{grid-template-columns:1fr .8fr .9fr minmax(160px,1fr);gap:10px;display:grid}.modal-payment-actions{justify-content:flex-end;gap:8px;display:flex}.modal-payment-list .payment-list{max-height:none;padding-right:0}.payments-card footer{justify-content:flex-end;padding:0 16px 16px;display:flex}.empty-payments{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:8px;padding:18px;font-size:13px;font-weight:700}.close-button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:#fff;border-radius:50%}[hidden]{display:none!important}@media (max-width:1080px){.workspace,.charts{grid-template-columns:1fr}.people-pane{border-right:0;border-bottom:1px solid var(--line)}.payment-form,.modal-payment-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-actions{grid-column:1/-1}}@media (max-width:760px){.topbar{flex-direction:column;align-items:flex-start}.top-actions,.top-actions .button{width:100%}.person-form,.payment-form,.modal-payment-fields,.stats-grid,.month-grid,.pie-wrap{grid-template-columns:1fr}.person-header{flex-direction:column}.person-header .button,.tabs{width:100%}.month-tools{justify-content:space-between}.payment-row{grid-template-columns:1fr}.payment-row-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-payment-actions{flex-direction:column}}body{font-size:16px}.brand-mark{color:#d9bd7a;letter-spacing:-1px;border:1px solid #d9bd7a;padding:10px;font-weight:800}.site-credit{text-align:center;color:#667085;padding:20px;font-size:14px}.top-actions{align-items:center;gap:16px;display:flex}.top-actions button{color:#17213a}:is(input:focus-visible,button:focus-visible){outline-offset:3px;outline:3px solid #b38731}label,.person-item span,.month-card span,.brand small,.pane-head p,.person-header p{font-size:14px}input{font-size:16px}