:root{--ink:#203333;--muted:#81908e;--line:#e9eeed;--green:#16836c;--bg:#f6f8f8}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #70c5b2}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:238px;padding:30px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.6px;align-items:center;gap:9px;padding:0 12px;font-size:29px;font-weight:700;display:flex}.brandmark{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:39px;height:40px;display:grid}.brand span{letter-spacing:2px;color:#6f8380;margin-top:1px;font-size:8px;display:block}.workspace{border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;margin:35px 3px 28px;padding:12px 9px;font-size:12px;font-weight:600;display:flex}.workspace small,.profile small{color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;display:block}.workspace>svg{margin-left:auto}.mini-logo{color:var(--green);background:#f0f6f4;border-radius:6px;padding:8px 11px;font-size:16px}.navlabel{letter-spacing:1.6px;color:#9aa6a4;margin-bottom:13px;padding-left:14px;font-size:9px}nav{gap:6px;display:grid}nav button{text-align:left;color:#6f7d7a;border-radius:7px;align-items:center;gap:12px;padding:13px;font-size:12px;display:flex}nav button:hover{background:#f5f8f7}nav button.active{color:#137860;background:#eaf5f1;font-weight:650}nav em{background:#edf1f0;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-bottom{margin-top:auto;padding-top:35px}.support{color:#5e7670;padding:17px 10px;font-size:10px}.support small{color:#9aa6a4;margin:9px 0 0;font-size:9px;display:block}.live-dot,.connection i{background:#25a27f;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.profile{border-top:1px solid var(--line);text-align:left;align-items:center;gap:10px;width:100%;padding:20px 5px;font-size:11px;display:flex}.profile>svg{margin-left:auto}.avatar{color:#28745f;background:#e4efeb;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;font-weight:600;display:grid}.small{width:30px;height:30px;font-size:10px}main{width:calc(100% - 238px);margin-left:238px}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 36px;display:flex}.crumb{color:#97a39f;align-items:center;gap:15px;font-size:11px;display:flex}.crumb strong{color:#50645e;font-weight:500}.header-right{align-items:center;gap:23px;display:flex}.connection{color:#7d9088;font-size:10px}.iconbtn{color:#7b8d86;justify-content:center;align-items:center;padding:5px;display:inline-flex}.content{max-width:1500px;margin:auto;padding:33px 36px 0}.title-row{justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:1.8px;color:var(--green);margin-bottom:10px;font-size:9px;font-weight:650}h1{letter-spacing:-1px;margin:0 0 9px;font-size:27px;font-weight:550}p{color:#87958f;margin:0;line-height:1.6}.title-row p{font-size:12px}.primary,.subtle{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:11px;font-weight:550;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 3px 6px #0c614d12}.primary:hover{background:#126c59}.subtle{color:#5c7067;background:#fff;border:1px solid #e1e8e4}.toolbar{align-items:center;gap:16px;margin:20px 0;display:flex}.portfolio-select{color:#50675c;background:#fff;border:1px solid #e1e8e4;border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:flex}.portfolio-select select{color:inherit;background:0 0;border:0;outline:0;padding:11px 4px;font-size:11px}.date{color:#89988e;margin-left:auto;font-size:11px}.toolbar .subtle{padding:9px 12px}.demo{color:#6c8374;background:#edf5f1;border:1px solid #deebe4;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;font-size:10px;display:flex}.demo b{color:#4a6f5d;font-weight:600}.demo button{color:#18795d;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:9px;padding:20px 20px 17px}.stat-top{color:#778a80;justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-icon{border-radius:7px;padding:8px;display:flex}.blue{color:#6687ac;background:#eef4fa}.green{color:#3b9373;background:#eaf5f0}.orange{color:#ba8851!important;background:#fff4e7!important}.purple{color:#9680b8;background:#f3effa}.stat strong{letter-spacing:-1px;margin:10px 0;font-size:29px;font-weight:550;display:block}.stat small{color:#98a69d;font-size:10px}.overview-grid{grid-template-columns:1.75fr 1fr;gap:22px;margin-bottom:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;margin-bottom:23px;overflow:hidden}.overview-grid .panel{margin:0}.panel-head{justify-content:space-between;align-items:center;gap:12px;padding:21px 23px 17px;display:flex}h2{letter-spacing:-.2px;margin:0 0 6px;font-size:14px;font-weight:600}.panel-head p{font-size:10px}.tag{color:#419073;white-space:nowrap;background:#edf7f1;border-radius:4px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;display:inline-flex}.neutral{color:#819187;background:#f4f6f5}.finance-top{justify-content:space-between;align-items:center;margin-top:8px;padding:0 24px;display:flex}.finance-top small{color:#8b9a90;font-size:10px;display:block}.finance-top strong{letter-spacing:-.6px;margin-top:6px;font-size:24px;font-weight:550;display:block}.legend{color:#819388;gap:15px;font-size:9px;display:flex}.legend span,.collection-line span{align-items:center;gap:7px;display:flex}.green-dot,.gray-dot{background:#21896e;border-radius:2px;width:7px;height:7px;display:inline-block}.gray-dot{background:#dfe9e4}.bar-chart{background:repeating-linear-gradient(0deg,#0000 0 78px,#f1f4f2 79px 80px);border-bottom:1px solid #edf1ee;justify-content:space-around;align-items:flex-end;gap:12px;height:198px;margin:15px 25px 0 58px;display:flex;position:relative}.gridlines{color:#a5afa9;flex-direction:column;justify-content:space-between;height:165px;font-size:8px;display:flex;position:absolute;bottom:0;left:-44px}.bar-group{flex-direction:column;justify-content:flex-end;align-items:center;width:21%;height:190px;display:flex;position:relative}.bars{justify-content:center;align-items:flex-end;gap:5px;width:100%;height:165px;display:flex}.bar{border-radius:4px 4px 0 0;width:22px}.greenbar{background:#259278}.graybar{background:#dce9e3}.bar-group small{color:#90a096;white-space:nowrap;height:22px;margin-top:10px;font-size:8px}.chart-bottom{border-top:1px solid var(--line);color:#8d9c92;gap:30px;margin-top:20px;padding:15px 23px;font-size:9px;display:flex}.chart-bottom b{color:#547061;margin-left:8px;font-size:11px;font-weight:550}.ring{border-radius:50%;place-items:center;width:174px;height:174px;margin:12px auto 25px;display:grid}.ring>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:145px;height:145px;display:flex}.ring strong{letter-spacing:-1px;font-size:33px;font-weight:550}.ring small{color:#93a198;margin-top:6px;font-size:10px}.collection-line{justify-content:space-between;margin:12px 26px;font-size:10px;display:flex}.collection-line span{color:#8a9b91}.collection-line b{font-weight:550}.textlink{color:var(--green);align-items:center;gap:6px;font-size:10px;font-weight:550;display:inline-flex}.collection>.textlink{border-top:1px solid var(--line);justify-content:center;width:100%;margin-top:7px;padding:17px 24px}.count{color:#7d9385;background:#f0f4f1;border-radius:4px;margin-left:5px;padding:3px 6px;font-size:9px}.building-grid{grid-template-columns:repeat(4,1fr);gap:15px;padding:2px 23px 23px;display:grid}.building-card{text-align:left;background:#fff;border:1px solid #e6ece8;border-radius:7px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.building-card:hover{transform:translateY(-3px);box-shadow:0 8px 15px #15392a0b}.building-art{color:#86a296;background:#e8efeb linear-gradient(130deg,#0000 50%,#ffffff50 50%);justify-content:center;align-items:center;height:100px;display:flex;position:relative;overflow:hidden}.building-art:after{content:"";background:#b9cfc155;border-radius:50%;width:160px;height:65px;position:absolute;bottom:-35px}.building-art span{color:#6c8175;background:#fffb;border-radius:3px;padding:3px 6px;font-size:8px;position:absolute;top:10px;left:10px}.art1{color:#b6a68a;background-color:#f1ede5}.art2{color:#91abb5;background-color:#e8eff2}.art3{color:#b0a496;background-color:#f0ede8}.building-info{padding:13px 12px}.building-info h3{justify-content:space-between;align-items:center;margin:0 0 6px;font-size:11px;font-weight:600;display:flex}.building-info p{white-space:nowrap;text-overflow:ellipsis;margin-bottom:13px;font-size:8px;overflow:hidden}.building-info>div{color:#91a095;justify-content:space-between;align-items:center;font-size:8px;display:flex}.building-info .tag{padding:3px 6px;font-size:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%}th{color:#94a298;letter-spacing:.5px;background:#fafcfb;border-block:1px solid #f0f3f1;padding:13px 23px;font-size:8px;font-weight:500}td{color:#6c8173;border-bottom:1px solid #f0f3f1;padding:13px 23px;font-size:10px}tr:last-child td{border-bottom:0}.right{text-align:right}.transaction-name{align-items:center;gap:10px;display:flex}.transaction-name b{color:#4a6556;font-weight:500}.transaction-name small{color:#9aaba0;margin-top:5px;font-size:8px;display:block}.transaction-icon{color:#499b7c;background:#edf7f1;border-radius:6px;padding:8px;display:flex}.transaction-icon.out{color:#b28a62;background:#faf1e9}.amount{color:#2a8c6b;font-weight:550}.debit{color:#977d65}.bottom-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.task{border-top:1px solid #f0f3f1;align-items:center;gap:11px;padding:16px 23px;display:flex}.task b,.announcement b{font-size:11px;font-weight:500}.task small,.announcement small{color:#9aa99e;margin-top:6px;font-size:9px;display:block}.task .tag{margin-left:auto}.check{border:1px solid #dbe6de;border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;padding:0;display:grid}.checked{color:#348a66;background:#eaf5ee;border-color:#a9cfba}.announcement{border-top:1px solid #f0f3f1;gap:12px;padding:17px 23px;display:flex}.announcement p{margin-top:5px;font-size:10px}.announcement-icon{color:#879b74;background:#f2f5ef;border-radius:6px;height:34px;padding:8px}.empty{text-align:center;color:#91a094;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex}.search{border:1px solid var(--line);color:#95a59a;border-radius:6px;align-items:center;width:260px;margin:0 23px 18px;padding:0 10px;display:flex}.search input{border:0;outline:0;min-width:0;padding:10px}footer{color:#a5b0a9;justify-content:space-between;padding:5px 0 25px;font-size:9px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#102e2666;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:480px;max-height:90vh;padding:26px;overflow:auto;box-shadow:0 20px 80px #153c2530}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{font-size:19px}.modal label{color:#60786a;flex-direction:column;gap:8px;margin:14px 0;font-size:11px;display:flex}.modal input,.modal select,.modal textarea{color:#334f40;background:#fff;border:1px solid #dfe7e2;border-radius:6px;outline-color:#54a48b;width:100%;padding:11px}.modal textarea{resize:vertical;min-height:80px}.formrow{gap:16px;display:flex}.formrow label{width:50%}.form-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.formhint{background:#f4f8f5;border-radius:6px;padding:12px;font-size:11px}.modal>p{margin-bottom:20px}.toast{color:#fff;z-index:100;background:#204d3c;border-radius:8px;align-items:center;gap:12px;padding:15px 25px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #143a2520}.alert{color:#9b6145;background:#fff0e8;gap:20px;margin-bottom:15px;padding:14px;display:flex}.alert a{text-decoration:underline}.alert button{margin-left:auto}.settings{padding:25px}.settings p{max-width:600px;margin:15px 0}.settings .subtle{margin-right:10px}.mobile-toggle{display:none}@media (width>=1600px){.content{padding-top:45px}.building-art{height:130px}}@media (width<=1150px){.sidebar{width:210px;padding-inline:12px}main{width:calc(100% - 210px);margin-left:210px}.content{padding:25px 22px 0}header{padding:0 22px}.stats{gap:12px}.stat{padding:15px}.stat strong{font-size:24px}.building-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1.4fr 1fr}.chart-bottom{gap:15px}.chart-bottom b{margin:5px 0 0;display:block}}@media (width<=800px){.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:5px 0 30px #12332115}.sidebar.show{transform:translate(0)}main{width:100%;margin:0}.mobile-toggle{display:flex}header{height:65px}.content{padding:24px 18px 0}.stats{grid-template-columns:repeat(2,1fr)}.overview-grid,.bottom-grid{grid-template-columns:1fr}.title-row{align-items:flex-start}h1{font-size:23px}.date{display:none}.toolbar{flex-wrap:wrap}.toolbar .subtle{margin-left:auto}.demo{flex-direction:column;align-items:flex-start}.panel-head,.building-grid{padding-inline:17px}.connection{display:none}.header-right{gap:12px}.crumb{gap:8px}.title-row .primary{padding:10px;font-size:10px}.title-row p{max-width:250px;font-size:11px}footer span:last-child{display:none}.task{padding-inline:17px}.building-art{height:115px}.toast{min-width:260px;font-size:11px}.portfolio-select select{max-width:210px}}.login-shell{background:radial-gradient(at 10% 10%,#dcece4,#0000 65%),#f6f8f7;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:35px 20px;display:flex}.login-brand{letter-spacing:-1px;align-items:center;gap:10px;margin-bottom:36px;font-size:30px;font-weight:700;display:flex}.login-brand img{width:40px}.login-brand span{letter-spacing:2px;color:#6b8275;align-self:flex-end;margin-bottom:5px;font-size:10px}.login-card{background:#fff;border:1px solid #e1e9e4;border-radius:14px;width:100%;max-width:440px;padding:35px;box-shadow:0 15px 60px #163e2410}.login-card h1{font-size:23px;line-height:1.3}.login-card p{font-size:12px}.login-card label{color:#607467;flex-direction:column;gap:8px;margin:22px 0 0;font-size:12px;display:flex}.login-card input{border:1px solid #d9e4dc;border-radius:6px;outline-color:#16836c;padding:13px}.login-card .primary{width:100%;margin-top:25px;padding:14px}.login-note{color:#92a096;margin-top:25px;font-size:10px;line-height:1.7;display:block}.login-footer{color:#8a9d90;margin-top:32px;font-size:11px}.login-error{color:#9f6140;background:#fff3e9;border-radius:6px;margin-top:20px;padding:12px;font-size:12px}.settings label{flex-direction:column;gap:8px;max-width:350px;margin:15px 0;display:flex}.settings input{border:1px solid #dfe7e2;border-radius:6px;padding:10px}.actions-cell button{color:#16836c;font-size:10px;text-decoration:underline}.modal .danger{color:#9b6040;background:#fff1e9}