:root{--bg:#0e131c;--s1:#141b27;--s2:#19222f;--s3:#212c3d;--bd:#28334a;--bd2:#34425d;--tx:#e9e6df;--mu:#93a0b6;--mu2:#6d7b93;--ac:#d8b26a;--acd:#b58f4b;--acbg:#d8b26a21;--acx:#1c150a;--ok:#7cc8a0;--bad:#f08575;--warn:#efc062;--info:#84b3f2;--okbg:#7cc8a021;--badbg:#f0857524;--warnbg:#efc06221;--infobg:#84b3f221;--mubg:#93a0b61f;--sans:ui-sans-serif,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--shadow:0 18px 50px #00000073;--radius:12px}:root[data-theme=light]{--bg:#eef1f6;--s1:#fff;--s2:#f4f6fa;--s3:#e8ecf3;--bd:#d6dce8;--bd2:#c3ccdc;--tx:#182033;--mu:#56627a;--mu2:#7a869c;--ac:#9a6f1c;--acd:#7d5a14;--acbg:#9a6f1c1a;--acx:#fff;--ok:#1f7a4d;--bad:#b8402f;--warn:#996a06;--info:#2a62b8;--okbg:#1f7a4d1a;--badbg:#b8402f1a;--warnbg:#996a061c;--infobg:#2a62b81a;--mubg:#56627a1a;--shadow:0 18px 50px #141e3c33}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--tx);font:14.5px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--ac);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}h1,h2,h3,h4{margin:0;font-weight:600}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--s1);border-right:1px solid var(--bd);flex-direction:column;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:2px 8px 18px;display:flex}.mark{background:var(--ac);border-radius:7px;flex:none;width:30px;height:30px;position:relative}.mark:before,.mark:after{content:"";background:var(--acx);opacity:.85;height:2px;position:absolute;left:7px;right:7px}.mark:before{box-shadow:0 5px 0 var(--acx);top:10px}.mark:after{top:20px;left:12px}.brand b{font:600 19px var(--serif);letter-spacing:.2px;color:var(--tx)}.brand small{font:400 12px var(--sans);color:var(--mu);display:block}.nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow:auto}.nav button{color:var(--mu);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;padding:8px 10px;font-size:14.5px;font-weight:500;display:flex}.nav button:hover{background:var(--s2);color:var(--tx)}.nav button.active{background:var(--acbg);color:var(--ac)}.nav .nav-icon{text-align:center;flex:none;width:18px}.sidebar-foot{border-top:1px solid var(--bd);justify-content:space-between;align-items:center;gap:8px;padding:10px 8px 0;display:flex}.main{flex-direction:column;min-width:0;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:26px clamp(16px,3vw,40px) 0;display:flex}.topbar h1{font:600 30px/1.15 var(--serif);letter-spacing:.1px}.topbar .actions{align-items:center;gap:8px;display:flex}.content{width:100%;max-width:1380px;margin:0 auto;padding:22px clamp(16px,3vw,40px) 60px}.card{background:var(--s1);border:1px solid var(--bd);border-radius:var(--radius);margin-bottom:18px;padding:16px 18px}.card>.ch{border-bottom:1px solid var(--bd);align-items:center;gap:10px;margin:-16px -18px 16px;padding:14px 18px;display:flex}.card>.ch h3{font:600 17px var(--serif)}.card>.cb{padding:16px 18px}.card h2{font:600 17px var(--serif);margin:0 0 4px}.card h3{font:600 15px var(--serif);color:var(--ac);margin:18px 0 8px}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px;margin-bottom:18px;display:grid}.stat{background:var(--s1);border:1px solid var(--bd);border-radius:var(--radius);padding:14px 16px}.stat-label{color:var(--mu);font-size:13px}.stat-value{font:600 26px/1.2 var(--serif);font-variant-numeric:tabular-nums;margin-top:2px}.stat-value.owes{color:var(--bad)}.stat-value.paid{color:var(--ok)}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{color:var(--mu);text-align:left;border-bottom:1px solid var(--bd2);white-space:nowrap;padding:9px 14px;font-size:12.5px;font-weight:500}tbody td{border-bottom:1px solid var(--bd);vertical-align:middle;padding:10px 14px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--s2)}td.amount,th.amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tfoot td{border-top:3px double var(--bd2);border-bottom:0;padding-top:11px;font-weight:600}.badge{white-space:nowrap;background:var(--mubg);color:var(--mu);border-radius:99px;align-items:center;padding:1px 9px;font-size:12px;font-weight:500;line-height:19px;display:inline-flex}.badge.housing{background:var(--infobg);color:var(--info)}.badge.tenant{background:var(--acbg);color:var(--ac)}.badge.paid,.badge.good{background:var(--okbg);color:var(--ok)}.badge.owes,.badge.bad{background:var(--badbg);color:var(--bad)}.badge.warn{background:var(--warnbg);color:var(--warn)}.badge.neutral{background:var(--mubg);color:var(--mu)}.muted,.mu{color:var(--mu)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.owes{color:var(--bad);font-weight:600}.paid{color:var(--ok);font-weight:600}button,.btn{border:1px solid var(--bd2);background:var(--s2);cursor:pointer;white-space:nowrap;color:var(--tx);border-radius:6px;align-items:center;gap:7px;padding:7px 13px;font-size:14.5px;font-weight:500;display:inline-flex}button:hover,.btn:hover{background:var(--s3)}button.primary,.btn.primary{background:var(--ac);border-color:var(--ac);color:var(--acx);font-weight:600}button.primary:hover,.btn.primary:hover{background:var(--acd);border-color:var(--acd)}button.danger,.btn.danger{color:var(--bad);border-color:var(--badbg);background:0 0}button.danger:hover,.btn.danger:hover{background:var(--badbg)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{padding:3px 9px;font-size:12.5px}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.theme-btn{border:1px solid var(--bd2);background:0 0;border-radius:99px;padding:5px 12px;font-size:13px}input,select,textarea{font:inherit;border:1px solid var(--bd2);background:var(--s2);color:var(--tx);border-radius:6px;width:100%;padding:8px 11px}input:focus,select:focus,textarea:focus{outline:2px solid var(--ac);outline-offset:-1px;border-color:var(--ac)}input[type=checkbox]{width:auto;accent-color:var(--ac)}label.field{margin-bottom:12px;display:block}label.field>span{color:var(--mu);margin-bottom:4px;font-size:13px;display:block}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.alert{border:1px solid var(--bd2);border-radius:8px;margin:12px 0;padding:12px 14px;font-size:14px}.alert.error{background:var(--badbg);border-color:var(--bad);color:var(--bad)}.alert.ok{background:var(--okbg);border-color:var(--ok);color:var(--ok)}.alert.info{background:var(--infobg);border-color:var(--info);color:var(--info)}.center-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{text-align:center;width:100%;max-width:400px;padding:28px}.auth-card h2{font:600 22px var(--serif);margin-bottom:8px}.clickable{cursor:pointer}.big{font:600 30px/1.2 var(--serif);font-variant-numeric:tabular-nums}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.form-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.doc-row{border-bottom:1px solid var(--bd);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.doc-row:last-child{border-bottom:0}button.secondary,.btn.secondary{background:0 0}.modal-backdrop{z-index:60;background:#05080d9e;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0}.modal{background:var(--s1);border:1px solid var(--bd2);border-radius:var(--radius);box-shadow:var(--shadow);width:min(560px,100%);max-height:calc(100vh - 96px);padding:20px 22px;overflow:auto}.modal h3{font-family:var(--serif);margin:0 0 14px}.modal label{color:var(--mu);margin-bottom:10px;font-size:13px;display:block}.modal .form-row label{flex:1;min-width:140px;margin-bottom:0}.input,select.input,input.input,textarea.input{background:var(--s2);border:1px solid var(--bd2);width:100%;color:var(--tx);font-size:14px;font-family:var(--sans);border-radius:8px;padding:8px 10px}.input:focus{outline:2px solid var(--ac);outline-offset:-1px;border-color:var(--ac)}select.input{width:auto}.input.sm{padding:5px 8px;font-size:13px}ul.plain{margin:0;padding:0;list-style:none}ul.plain li{border-bottom:1px solid var(--bd);padding:7px 0}ul.plain li:last-child{border-bottom:0}.small{font-size:12.5px}tr.total-row td{border-top:2px solid var(--bd2);font-weight:600}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;height:auto;padding:10px;position:static;overflow-x:auto}.brand{white-space:nowrap;padding:0 10px 0 0}.nav{flex-direction:row;padding:0}.nav button{white-space:nowrap}.sidebar-foot{border:0;padding:0}.topbar{padding:16px 14px 0}.topbar h1{font-size:24px}.content{padding:16px 14px 40px}}