@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800&display=swap";
:root{--blue:#15283b;--green:#2cbfae;--amber:#f3b45a;--warm:#f7f7f2;--muted:#6c7883;--border:#e5e8e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--warm);color:var(--blue);margin:0;font-family:Nunito Sans,Avenir Next,Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}main{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;height:100vh;padding:28px 20px 24px;display:flex;position:sticky;top:0}.brand{padding:0 8px 28px;display:block}.brand img{width:174px;height:auto;display:block}nav{gap:7px;display:grid}nav a,.sidebar-footer>a{color:#60707d;border-radius:11px;align-items:center;gap:14px;min-height:46px;padding:0 14px;font-weight:600;display:flex}nav a svg,nav a>span,.sidebar-footer>a>span{place-items:center;width:21px;height:21px;font-size:18px;display:grid}nav a:hover,.sidebar-footer>a:hover{color:var(--blue);background:#f2f7f5}nav a.active{color:#087f72;background:#e8f8f5}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.profile{align-items:center;gap:11px;margin-top:15px;padding:10px;display:flex}.profile>span{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.profile div{display:grid}.profile strong{font-size:14px}.profile small{color:var(--muted)}.content{width:100%;max-width:1500px;margin:auto;padding:44px clamp(28px,5vw,78px) 22px}header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.7px;margin:4px 0 7px;font-size:32px;line-height:1.15}header>div>p:last-child{color:var(--muted)}.eyebrow{color:#81909a;letter-spacing:1.35px;font-size:11px;font-weight:800}.primary{background:var(--green);color:#092d2a;cursor:pointer;border:0;border-radius:10px;padding:13px 18px;font-weight:800;box-shadow:0 5px 15px #2cbfae28}.primary span{margin-right:7px;font-size:19px}.primary:hover{background:#22ae9e}.primary:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px;display:grid}.stats article{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 3px 15px #15283b08}.stat-icon{background:#edf1f4;border-radius:13px;place-items:center;width:48px;height:48px;font-size:24px;font-weight:800;display:grid}.green .stat-icon{color:#168b7e;background:#e2f8f4}.amber .stat-icon{color:#bd7721;background:#fff2dc}.stats article>div:last-child{display:grid}.stats strong{font-size:26px;line-height:1.1}.stats span{color:var(--muted);font-size:13px}.grid{grid-template-columns:1.25fr 1fr;gap:20px;margin-bottom:20px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:24px;box-shadow:0 3px 15px #15283b08}.card-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-title h2{margin-top:3px;font-size:19px}.card-title a{color:#148f82;font-size:13px;font-weight:700}.progress>div:first-child{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.progress span{color:var(--muted)}.progress strong{font-size:13px}.bar{background:#edf0ef;border-radius:10px;height:10px;overflow:hidden}.bar span{background:var(--green);border-radius:10px;width:75%;height:100%;display:block}.payment-summary{align-items:center;gap:19px;margin-top:20px;font-size:13px;display:flex}.payment-summary div{align-items:center;gap:7px;display:flex}.payment-summary>strong{margin-left:auto;font-size:21px}.dot{border-radius:50%;width:8px;height:8px}.green-dot{background:var(--green)}.amber-dot{background:var(--amber)}.reminders ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.reminders li{align-items:center;gap:14px;display:flex}.reminders time{color:#a86111;text-align:center;background:#fff4e4;border-radius:10px;place-content:center;width:49px;height:52px;font-size:9px;font-weight:800;display:grid}.reminders time strong{font-size:19px;line-height:1}.reminders li>div{display:grid}.reminders li strong{font-size:14px}.reminders li span{color:var(--muted);margin-top:3px;font-size:12px}.properties{padding-bottom:10px}.row{border-top:1px solid #edf0ef;grid-template-columns:minmax(220px,1.8fr) 1fr .75fr .6fr 30px;align-items:center;gap:16px;padding:15px 4px;display:grid}.property{align-items:center;gap:12px;display:flex}.property>span{color:#148f82;background:#e8f8f5;border-radius:9px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.property div,.row>div:not(.property){display:grid}.row small{color:var(--muted);font-size:11px}.row strong{font-size:13px}.status{border-radius:20px;justify-self:start;padding:5px 10px;font-size:11px;font-weight:800}.paid{color:#087f72;background:#e5f8f4}.pending{color:#9a5c0d;background:#fff1dc}.row button{color:#84909a;cursor:pointer;background:0 0;border:0;font-weight:800}footer{color:#89949b;justify-content:space-between;padding:24px 4px 0;font-size:11px;display:flex}@media (max-width:900px){main{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;height:auto;padding:18px 22px;position:static}.brand{padding:0}.brand img{width:145px}.sidebar nav,.sidebar-footer{display:none}.content{padding:28px 20px}.grid{grid-template-columns:1fr}}@media (max-width:650px){header{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr}.row{grid-template-columns:1fr .7fr}.row>div:nth-child(3),.row>.status,.row>button{display:none}.card{padding:19px}.content{padding:24px 14px}footer{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}