:root{--navy:#102e2a;--green:#a6c77d;--ink:#203d34;--muted:#7f8e86;--line:#e8ede7;--paper:#f6f8f4;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:13px var(--font);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.layout{min-height:100vh;display:grid;grid-template-columns:226px 1fr}.sidebar{background:var(--navy);color:#e8f0e9;padding:23px 15px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:9px;padding:0 9px;font:800 17px var(--display);letter-spacing:-.8px;color:white}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#315344;color:#d0e9aa;font-size:17px}.brand span:last-child em{font-style:normal;color:#b8cead;font-weight:500}.workspace-label{padding:27px 10px 8px;color:#87a095;font-size:8px;font-weight:700;letter-spacing:.15em}.nav-item{height:39px;border:0;background:none;color:#bbcec3;text-align:left;padding:0 11px;border-radius:6px;margin:2px 0;display:flex;align-items:center;gap:11px;font-size:11px}.nav-item span{font-size:15px;width:17px;text-align:center;color:#98b19e}.nav-item:hover,.nav-item.active{background:#234439;color:white}.nav-item.active span{color:#cae4a9}.sidebar-spacer{flex:1}.sidebar-profile{border-top:1px solid #ffffff1a;padding:15px 7px 2px;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#e8d8c6;color:#775b42;font-weight:700;font-size:9px}.sidebar-profile b,.sidebar-profile small{display:block;font-size:10px}.sidebar-profile small{color:#9fb2a6;font-size:8px;margin-top:3px}.main{min-width:0}.topbar{height:67px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:10px;color:#96a198}.crumb b{color:#40584d;font-weight:600}.top-actions{display:flex;align-items:center;gap:11px}.top-icon{border:1px solid var(--line);background:white;border-radius:6px;width:31px;height:31px;color:#61766b;position:relative}.notif-dot{position:absolute;right:6px;top:5px;width:5px;height:5px;background:#e7a458;border-radius:50%;border:1px solid white}.demo-tag{font-size:8px;letter-spacing:.08em;background:#f0f5e9;color:#648050;padding:7px 9px;border-radius:20px}.content{max-width:1200px;padding:28px 34px 50px;margin:auto}.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-title h1{font:700 24px var(--display);letter-spacing:-1px;margin:0}.page-title p{font-size:10px;color:var(--muted);margin:6px 0 0}.button{border:0;border-radius:6px;padding:11px 14px;background:var(--navy);color:white;font-size:10px;font-weight:600}.button:hover{background:#285446}.button.light{color:#345246;background:#edf3e7;border:1px solid #e0e9d8}.button.small{padding:8px 10px;font-size:9px}.button.danger{background:#fff0ee;color:#a95a52}.card{background:white;border:1px solid var(--line);border-radius:8px;padding:17px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat-label{font-size:8px;letter-spacing:.07em;color:#87948b;font-weight:700}.stat-num{font:700 24px var(--display);letter-spacing:-1px;margin:12px 0 6px}.stat-note{font-size:9px;color:#849189}.positive{color:#638c4c;font-weight:600}.stat-icon{float:right;color:#72935e;background:#eff5e9;width:25px;height:25px;border-radius:6px;display:grid;place-items:center}.main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.85fr);gap:14px;margin-bottom:14px}.card-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:13px}.card-head h2{font:700 12px var(--display);margin:0}.card-head p{font-size:9px;color:#8b9890;margin:4px 0 0}.select{font-size:9px;border:1px solid var(--line);background:white;padding:7px;border-radius:5px;color:#596e62}.chart{width:100%;height:172px}.chart-grid{stroke:#eef1ed;stroke-width:1}.chart-line{fill:none;stroke:#91b872;stroke-width:3;stroke-linecap:round}.chart-area{fill:url(#fill)}.chart-label{font:9px var(--font);fill:#95a198}.chart-legend{display:flex;gap:14px;color:#819087;font-size:8px}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91b872;margin-right:5px}.legend-dot.gold{background:#e1b35e}.payment-list{display:grid;gap:11px}.payment-person{display:flex;align-items:center;gap:8px}.person-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eee5db;color:#886c53;font-size:8px;font-weight:bold}.payment-person b,.payment-person small{display:block;font-size:9px}.payment-person small{font-size:8px;color:#94a097;margin-top:3px}.payment-line{display:flex;justify-content:space-between;align-items:center}.payment-line strong{font-size:9px}.badge{font-size:7px;border-radius:15px;padding:5px 7px}.badge.paid{background:#edf5e7;color:#668a51}.badge.due{background:#fbf2df;color:#a17d38}.badge.late{background:#fceae7;color:#b65f54}.table-card{padding:0;overflow:hidden}.table-toolbar{padding:16px 17px;display:flex;align-items:center;justify-content:space-between}.table-toolbar h2{font:700 12px var(--display);margin:0}.table-toolbar button{border:0;background:none;color:#678b54;font-size:9px;font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th{text-align:left;padding:10px 16px;background:#fafbf9;border-block:1px solid #edf0eb;font-size:7px;color:#919d95;letter-spacing:.08em}td{padding:12px 16px;border-bottom:1px solid #f0f2ef;font-size:9px;color:#52685c}tr:last-child td{border:0}td b{color:#314b3e;font-weight:600}.property-cell{display:flex;align-items:center;gap:8px}.property-mini{width:30px;height:26px;border-radius:4px;background:linear-gradient(145deg,#c8d2bb,#788e70);display:grid;place-items:center;color:white}.actions-cell button{border:0;background:#edf4e8;color:#65874e;border-radius:4px;padding:6px;font-size:8px}.content-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-action{border:1px solid var(--line);background:#fff;border-radius:6px;text-align:left;padding:12px;color:#476151;font-size:9px}.quick-action span{display:block;font-size:17px;color:#83a665;margin-bottom:8px}.alert{background:#f0f6e9;border:1px solid #e1ebd6;border-radius:7px;padding:12px;color:#5f7950;font-size:9px;line-height:1.6;margin-bottom:14px}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 25%,#e5efd9,transparent 45%),#f6f8f4;padding:22px}.login-box{width:min(510px,100%);background:#fff;border:1px solid var(--line);border-radius:13px;padding:33px;box-shadow:0 20px 65px #173b3510}.login-box>.brand{color:var(--navy);padding:0}.login-box h1{font:700 24px var(--display);letter-spacing:-1px;margin:25px 0 7px}.login-box>p{font-size:11px;line-height:1.7;color:#7d8b82;margin:0 0 22px}.role-options{display:grid;gap:9px}.role-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:white;border:1px solid var(--line);border-radius:8px;padding:13px;transition:.2s}.role-option:hover{border-color:#acc68c;background:#fbfdf9;transform:translateY(-1px)}.role-symbol{width:34px;height:34px;border-radius:8px;background:#edf4e6;color:#688d50;display:grid;place-items:center;font-size:16px}.role-option b,.role-option small{display:block}.role-option b{font-size:11px;color:#314b3f}.role-option small{font-size:9px;color:#8a978e;margin-top:4px}.role-arrow{margin-left:auto;color:#789364}.login-bottom{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8a978e}.login-bottom a{color:#61854d;font-weight:600}.modal-cover{position:fixed;inset:0;z-index:20;background:#102e2a88;display:grid;place-items:center;padding:18px}.modal{width:min(450px,100%);background:white;border-radius:10px;padding:22px;box-shadow:0 20px 65px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-header h2{font:700 17px var(--display);margin:0}.close{border:0;background:#f1f4ef;width:28px;height:28px;border-radius:50%;font-size:18px;color:#617369}.field{display:grid;gap:6px;margin:12px 0}.field label{font-size:9px;font-weight:600;color:#54685c}.field input,.field select{border:1px solid #dfe6dc;border-radius:5px;padding:10px;font-size:10px;outline-color:#9dbb80}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.button.cancel{background:#f1f4ef;color:#607268}.empty-state{padding:30px;text-align:center;color:#89978e;font-size:10px}@media(max-width:1000px){.layout{grid-template-columns:190px 1fr}.sidebar{padding-inline:10px}.topbar{padding-inline:22px}.content{padding-inline:22px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.layout{grid-template-columns:1fr}.sidebar{min-height:0;height:57px;position:sticky;top:0;z-index:10;padding:0 14px;flex-direction:row;align-items:center}.workspace-label,.sidebar nav,.sidebar-spacer,.sidebar-profile{display:none}.brand{padding:0}.sidebar:after{content:'☰';margin-left:auto;color:#c5d7ca}.topbar{height:52px;padding:0 15px}.content{padding:20px 14px 35px}.page-title{align-items:start;gap:8px}.page-title h1{font-size:20px}.page-title p{max-width:230px;line-height:1.5}.page-title>.button{font-size:8px;padding:9px}.stats{gap:8px}.stat-num{font-size:20px}.main-grid,.content-row{grid-template-columns:1fr}.chart{height:150px}.demo-tag{display:none}.login-box{padding:25px 20px}.login-box h1{font-size:21px}}
.portal-legal,.login-legal{display:flex;flex-wrap:wrap;gap:11px;align-items:center;color:#9aa59c;font-size:8px}.portal-legal{padding-top:23px}.portal-legal a,.login-legal a{color:#72866f;text-decoration:none}.login-legal{border-top:1px solid var(--line);padding-top:12px;margin-top:11px}