:root{--ink:#16231f;--muted:#71807a;--line:#e7ebe8;--cream:#f7f9f6;--paper:#fff;--green:#1d6a53;--green-dark:#174c3e;--mint:#e4f3ed;--amber:#f0aa42;--red:#c95850;--blue:#5f7ed7;--shadow:0 10px 35px rgba(25,47,38,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:var(--green-dark);color:#eaf4ef;padding:25px 16px 18px;display:flex;flex-direction:column;gap:30px}.brand{display:flex;gap:11px;align-items:center;padding:0 12px}.brand-mark{width:34px;height:34px;border-radius:11px;background:#f0d38f;color:var(--green-dark);display:grid;place-items:center;font-weight:800;font-size:18px}.brand strong{display:block;font-family:Georgia,serif;font-size:21px;letter-spacing:-.03em}.brand small{display:block;color:#9fc6b5;font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-top:1px}.portfolio{border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:12px 13px;position:relative}.portfolio span{font-size:9px;letter-spacing:.13em;color:#83ad9c}.portfolio strong{display:block;font-size:12px;margin-top:7px}.portfolio button{position:absolute;right:10px;bottom:12px;background:none;border:0;color:#a8cabc;font-size:17px}.sidebar nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#a8cabc;text-align:left;padding:11px 12px;border-radius:9px;font:inherit;display:flex;align-items:center;gap:11px;cursor:pointer}.nav-item span{width:18px;text-align:center;font-size:17px}.nav-item b{margin-left:auto;font-size:11px;color:#c8e0d5;background:rgba(255,255,255,.1);border-radius:10px;padding:2px 7px}.nav-item.active,.nav-item:hover{background:#2c7560;color:#fff}.nav-item.active span{color:#f4d997}.alert-badge{background:#a6534d!important;color:#fff!important}.sidebar-bottom{margin-top:auto;display:grid;gap:20px}.profile{border-top:1px solid rgba(255,255,255,.13);padding:18px 8px 0;display:flex;align-items:center;gap:9px}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:10px;color:#9fc6b5;margin-top:3px}.profile>span:last-child{margin-left:auto;color:#9fc6b5}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0d38f;color:var(--green-dark);font-size:10px;font-weight:700}.main-content{flex:1;min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{color:var(--muted);font-size:12px}.crumb span{margin:0 9px;color:#bcc6c1}.crumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:9px}.icon-btn,.help-btn{border:0;background:transparent;color:var(--muted);cursor:pointer}.icon-btn{font-size:22px;position:relative}.icon-btn i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--red);top:2px;right:1px}.help-btn{border:1px solid var(--line);border-radius:8px;padding:8px 13px;font-size:12px}.view{display:none;padding:37px 42px 60px;max-width:1500px;margin:auto}.view.active-view{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:31px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--green);font-weight:800;margin:0 0 9px}.page-head h1{font-family:Georgia,serif;font-size:36px;letter-spacing:-.04em;margin:0 0 7px;font-weight:500}.subtitle{color:var(--muted);margin:0}.primary{background:var(--green);color:#fff;border:0;border-radius:8px;padding:12px 17px;font-weight:700;cursor:pointer;box-shadow:0 4px 9px rgba(29,106,83,.16)}.primary:hover{background:#278060}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:19px}.metric-card,.panel,.report-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.metric-card{min-height:160px;padding:20px;position:relative;overflow:hidden}.metric-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.metric-card>strong{display:block;font-size:24px;letter-spacing:-.04em;margin-top:14px;font-weight:650}.metric-card>small{color:var(--muted);font-size:11px;display:block;margin-top:5px}.trend{font-size:10px;font-weight:700;padding:4px 7px;border-radius:20px}.trend.up{background:var(--mint);color:var(--green)}.trend.warn{background:#fff5df;color:#a56b17}.trend.down{background:#eaf3ff;color:#5271b9}.sparkline,.cost-bars{display:flex;align-items:flex-end;gap:5px;height:31px;position:absolute;bottom:17px;right:20px}.sparkline span{width:8px;background:#a8d1c2;border-radius:5px 5px 1px 1px}.sparkline span:last-child{background:var(--green)}.cost-bars span{width:10px;background:#d1e4de;border-radius:5px 5px 1px 1px}.cost-bars span:nth-child(2),.cost-bars span:last-child{background:#91bcae}.progress{height:7px;background:#e9efec;border-radius:8px;margin-top:23px;overflow:hidden}.progress span{display:block;height:100%;background:var(--green);border-radius:8px}.progress-note{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:7px}.occupancy{margin-top:24px}.occupancy>div{height:7px;background:#ecf0ed;border-radius:7px;overflow:hidden}.occupancy span{display:block;height:100%;background:var(--green);border-radius:7px}.occupancy b{display:block;color:var(--green);font-size:10px;margin-top:9px}.occupancy em{font-style:normal;color:var(--muted);font-weight:400;margin-left:4px}.content-grid,.bottom-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:17px;margin-bottom:17px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel h2{font-size:16px;margin:0 0 6px;letter-spacing:-.02em}.panel-head p{font-size:11px;color:var(--muted);margin:0}.text-btn{border:0;background:transparent;color:var(--green);font-weight:700;font-size:11px;cursor:pointer;padding:0}.attention-list{display:grid;gap:1px}.attention-item{border:0;border-top:1px solid var(--line);background:none;display:grid;grid-template-columns:31px 1fr auto 14px;align-items:center;gap:11px;padding:15px 0;text-align:left;cursor:pointer;color:var(--ink)}.attention-item:first-child{border-top:0;padding-top:0}.attention-item>div strong,.attention-item>div small{display:block}.attention-item strong{font-size:12px}.attention-item small{color:var(--muted);font-size:10px;margin-top:5px}.attention-item>b{text-align:right;font-size:11px}.attention-item>b small{font-weight:400}.attention-item>span:last-child{color:#9badA4;font-size:20px}.dot{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:10px}.dot.red{background:#fbe9e7;color:var(--red)}.dot.amber{background:#fff2d9;color:#a8711b}.dot.blue{background:#e9efff;color:#5973bc}.property-list{display:grid;gap:4px}.property-row{display:grid;grid-template-columns:31px 1fr auto auto;align-items:center;gap:10px;border-top:1px solid var(--line);padding:13px 0}.property-row:first-child{border-top:0;padding-top:0}.property-row>div strong,.property-row>div small{display:block}.property-row strong{font-size:12px}.property-row small{font-size:10px;color:var(--muted);margin-top:4px}.property-row>b{font-size:11px}.property-icon{height:31px;width:31px;border-radius:9px;display:grid;place-items:center;font-size:17px}.property-icon.commercial{background:#f7efe0;color:#b58135}.property-icon.home{background:#e6f2ee;color:var(--green)}.occupancy-pill{font-size:9px;border-radius:20px;padding:4px 7px}.occupancy-pill.occupied{background:var(--mint);color:var(--green)}.occupancy-pill.partial{background:#eaf0ff;color:#5a73b4}.occupancy-pill.vacant{background:#fff1df;color:#a66e1b}.timeline-row{display:grid;grid-template-columns:30px 1fr 110px auto;align-items:center;gap:11px;border-top:1px solid var(--line);padding:13px 0}.timeline-row>div strong,.timeline-row>div small{display:block}.timeline-row strong{font-size:11px}.timeline-row small,.timeline-row time{font-size:10px;color:var(--muted);margin-top:4px}.timeline-row time{text-align:right}.timeline-row>b{font-size:11px;text-align:right}.timeline-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:12px}.timeline-icon.green{background:var(--mint);color:var(--green)}.timeline-icon.amber{background:#fff2d9;color:#a8711b}.timeline-icon.blue{background:#e9efff;color:#5973bc}.positive{color:var(--green)}.insight{background:#f0e8d5;border-color:#e5d7b9;display:flex;flex-direction:column;align-items:flex-start}.insight-kicker{color:#9f7643;font-size:9px;font-weight:800;letter-spacing:.15em}.insight h2{font-family:Georgia,serif;font-weight:400;font-size:22px;line-height:1.15;margin:14px 0 10px}.insight h2 strong{color:#9b6f34}.insight p{font-size:11px;color:#766b5b;line-height:1.6;margin:0 0 18px;max-width:340px}.outline-btn{background:transparent;border:1px solid #bca47b;color:#806034;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:700}.filter-row{display:flex;gap:9px;margin-bottom:16px}.search-field{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;color:var(--muted);flex:1;max-width:390px}.search-field input{border:0;outline:0;font:inherit;margin-left:8px;width:80%}.filter-btn{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--muted);font-size:11px}.property-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.property-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.property-cover{height:130px;padding:13px;display:flex;justify-content:space-between;align-items:flex-start}.cover-1{background:linear-gradient(135deg,#c9b79b,#e9dfcc 55%,#9c8b75)}.cover-2{background:linear-gradient(135deg,#abbfc6,#e1e8e8 50%,#72888a)}.cover-3{background:linear-gradient(135deg,#cbad91,#ead7c7 50%,#8d6e59)}.property-cover button{border:0;background:rgba(255,255,255,.7);border-radius:6px;padding:4px 8px;color:#38403c}.status-tag{font-size:10px;border-radius:15px;padding:5px 9px;font-weight:700}.status-tag.occupied{background:rgba(228,243,237,.95);color:var(--green)}.status-tag.vacant{background:rgba(255,244,218,.95);color:#9c6d1a}.property-card-body{padding:17px}.property-card h3{font-size:14px;margin:0 0 5px}.property-card p{font-size:10px;color:var(--muted);margin:0}.property-stats{display:flex;gap:34px;border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.property-stats span{display:flex;flex-direction:column;gap:4px}.property-stats small{font-size:9px;color:var(--muted)}.property-stats b{font-size:12px}.mini-tenants{display:flex;align-items:center;gap:4px;margin-top:17px}.mini-tenants span{height:22px;width:22px;border-radius:50%;display:grid;place-items:center;background:#f2e5d3;color:#80633f;font-size:8px;font-weight:700;border:2px solid white;margin-left:-4px}.mini-tenants span:first-child{margin-left:0}.mini-tenants small{font-size:10px;color:var(--muted);margin-left:5px}.empty-tenant{border-top:1px solid var(--line);margin-top:16px;padding-top:13px;color:#aa792b;font-size:10px;display:flex;justify-content:space-between;align-items:center}.maintenance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.maintenance-summary>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;grid-template-columns:14px 1fr;column-gap:9px;align-items:center}.summary-dot{grid-row:span 2;width:11px;height:11px;border-radius:50%}.summary-dot.red{background:var(--red)}.summary-dot.amber{background:var(--amber)}.summary-dot.green{background:#6aad8b}.summary-dot.blue{background:var(--blue)}.maintenance-summary strong{font-size:21px}.maintenance-summary small{font-size:10px;color:var(--muted)}.table-panel{padding-bottom:8px}.table{width:100%}.table-head,.table-row{display:grid;grid-template-columns:1.4fr 1.1fr .95fr 1fr .65fr;gap:14px;align-items:center}.table-head{color:#8b9892;text-transform:uppercase;letter-spacing:.1em;font-size:9px;padding:0 0 11px;border-bottom:1px solid var(--line)}.table-row{padding:16px 0;border-bottom:1px solid var(--line);font-size:11px}.table-row:last-child{border-bottom:0}.table-row span:first-child b,.table-row span:first-child small{display:block}.table-row span:first-child small{font-size:9px;color:var(--muted);margin-top:5px}.state{font-size:9px;border-radius:15px;padding:5px 8px;display:inline-block;width:max-content}.state.urgent{color:#a94d48;background:#fbe9e7}.state.progress{color:#9b6e1a;background:#fff3df}.state.done{color:var(--green);background:var(--mint)}.finance-hero{background:var(--green-dark);border-radius:14px;padding:25px 28px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.finance-hero span,.finance-hero small{display:block;color:#a8cabc;font-size:11px}.finance-hero strong{display:block;font:500 31px Georgia,serif;margin:10px 0}.chart{height:70px;display:flex;align-items:flex-end;gap:8px;padding:0 15px}.chart span{width:14px;background:#83b9a5;border-radius:4px 4px 0 0}.chart span:nth-child(5),.chart span:nth-child(8){background:#f0d38f}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-card{padding:22px}.report-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:17px}.report-icon.blue{background:#e9efff;color:#5973bc}.report-icon.amber{background:#fff2d9;color:#a8711b}.report-icon.green{background:var(--mint);color:var(--green)}.report-card h3{font-size:14px;margin:18px 0 8px}.report-card p{font-size:11px;line-height:1.55;color:var(--muted);min-height:36px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:11px 15px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1000px){.sidebar{width:210px}.view{padding-left:26px;padding-right:26px}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.bottom-grid{grid-template-columns:1fr}.property-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.sidebar{width:66px;padding:20px 9px}.brand{padding:0;justify-content:center}.brand>div,.portfolio,.nav-item:not(.active)::after,.nav-item b,.nav-item{font-size:0}.nav-item{justify-content:center;padding:12px}.nav-item span{font-size:18px}.nav-item.active{font-size:0}.profile div,.profile>span:last-child{display:none}.profile{padding:14px 0 0;justify-content:center}.topbar{padding:0 18px}.help-btn{display:none}.view{padding:26px 17px 45px}.page-head{align-items:flex-start;gap:15px;flex-direction:column}.page-head h1{font-size:30px}.metric-grid,.maintenance-summary,.property-cards,.report-grid{grid-template-columns:1fr}.metric-card{min-height:145px}.table-panel{overflow:auto}.table{min-width:700px}.finance-hero{align-items:flex-start;flex-direction:column;gap:20px}.content-grid,.bottom-grid{gap:13px}.attention-item{grid-template-columns:31px 1fr auto}.attention-item>span:last-child{display:none}}