@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#13293d;--ink:#243241;--muted:#75808c;--line:#e7ebef;--bg:#f5f7f8;--gold:#b98516;--gold2:#d4a43a;--green:#218d61;--red:#c96059;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:var(--navy);color:#eaf0f3;padding:25px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 38px}.brand img{width:45px;height:45px;object-fit:contain;background:#fff;border-radius:8px}.brand span{font:700 14px Manrope;letter-spacing:.02em}.sidebar nav{display:grid;gap:6px}.nav{border:0;background:transparent;color:#aab8c2;padding:14px 14px;border-radius:10px;text-align:left;font:600 14px 'DM Sans';cursor:pointer;display:flex;align-items:center;gap:13px}.nav span{width:22px;text-align:center;color:#d7a23a;font-weight:700}.nav.active,.nav:hover{background:#284157;color:white}.nav b{margin-left:auto;background:#d5a23b;color:#172c40;border-radius:20px;padding:2px 7px;font-size:11px}.side-footer{margin-top:auto;padding:14px 12px}.help{border-top:1px solid #365068;padding-top:18px;color:#9fb0bc;line-height:1.5}.help strong{display:block;color:#eef4f5;margin-top:4px}.logout{margin-top:26px;border:0;background:none;color:#b5c1ca;font:600 13px 'DM Sans';cursor:pointer}main{margin-left:252px;flex:1;padding:0 42px 60px;max-width:1500px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--gold);font-weight:700;margin:0 0 7px}.muted{color:var(--muted);line-height:1.6}h1,h2,h3{font-family:Manrope;margin:0;color:var(--navy)}h1{font-size:22px}h2{font-size:28px;letter-spacing:-.04em}h3{font-size:17px}.header-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:white;border-radius:50%;font-size:18px;color:var(--navy);position:relative}.notify i{position:absolute;width:7px;height:7px;background:#ca6058;border-radius:50%;right:6px;top:5px}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#d4a43a;color:var(--navy);font-weight:800}.avatar.small{width:40px;height:40px;background:#dcebe5;color:var(--green)}.avatar.large{width:74px;height:74px;font-size:22px}.menu{display:none}.view{display:none;padding-top:38px}.active-view{display:block}.welcome-row,.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.welcome-row h2{margin-bottom:5px}.gold-btn{border:0;border-radius:8px;background:var(--gold);color:white;padding:13px 18px;font-weight:700;cursor:pointer;box-shadow:0 7px 15px #b9851625}.gold-btn:hover{background:#9f7110}.outline-btn,.text-btn{border:1px solid var(--line);background:white;border-radius:7px;padding:10px 14px;color:var(--navy);font-weight:700;cursor:pointer}.text-btn{border:0;padding:0;color:var(--gold);background:transparent}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.stats article,.card{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:21px;box-shadow:0 5px 20px #1a30400b}.stats article{display:flex;align-items:center;gap:13px}.stat-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:18px}.stat-icon.gold{background:#fbf0d5;color:var(--gold)}.stat-icon.green{background:#e1f3eb;color:var(--green)}.stat-icon.navy{background:#e3eaf0;color:var(--navy)}.stats p{margin:0;color:var(--muted);font-size:12px}.stats strong{display:block;font:800 22px Manrope;margin:4px 0}.stats small{color:#9aa4ab}.status{font-size:11px;font-weight:700;border-radius:20px;padding:5px 8px;white-space:nowrap;margin-left:auto}.status.due{color:#a67612;background:#fff3d8}.status.good{color:var(--green);background:#e2f4eb}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1.35fr 1fr}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.pill{font-size:11px;padding:6px 10px;border-radius:20px;font-weight:700}.pill.active{background:#e3f4eb;color:var(--green)}.home-card,.quick-card{min-height:310px}.home-body{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}.property-art{border-radius:9px;overflow:hidden;position:relative;min-height:195px;background:#eef2f3}.home-details{display:grid;align-content:center;gap:16px}.home-details div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px}.home-details span{color:var(--muted)}.home-details strong{color:var(--navy)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-grid button{background:#f8fafb;border:1px solid var(--line);padding:17px 13px;text-align:left;border-radius:9px;cursor:pointer}.quick-grid button:hover{border-color:#d4a43a;background:#fffaf0}.quick-grid span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#e8f3ee;color:var(--green);font-weight:800;margin-bottom:11px}.quick-grid strong{display:block;color:var(--navy);font-size:13px}.quick-grid small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.lower{margin-top:18px}.activity{display:grid}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.activity-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:800}.activity-icon.green{background:#e5f4ec;color:var(--green)}.activity-icon.gold{background:#fff1d1;color:var(--gold)}.activity-icon.navy{background:#e5edf3;color:var(--navy)}.activity-row strong{display:block;font-size:13px}.activity-row small{display:block;color:var(--muted);margin-top:3px}.amount{margin-left:auto;color:var(--gold);font-size:12px}.amount.positive{color:var(--green)}.notice-card{background:#172f43;color:#ecf4f3;position:relative;overflow:hidden}.notice-card h3{color:white;font-size:20px;margin:12px 0}.notice-card .muted{color:#afc0ca}.notice-card .text-btn{color:#e0b652}.notice-accent{position:absolute;right:-30px;top:-40px;width:160px;height:160px;border:25px solid #d4a43a55;border-radius:50%}.payment-hero{background:linear-gradient(120deg,#183a50,#254f62);border-radius:13px;color:white;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.payment-hero p{margin:0;color:#b5c9d0}.payment-hero h3{font-size:35px;color:white;margin:7px 0}.payment-hero span{color:#c6d4da}.progress-ring{width:84px;height:84px;border:8px solid #d4a43a;border-left-color:#d4a43a55;border-radius:50%;display:grid;place-items:center;align-content:center}.progress-ring strong{font-size:17px}.progress-ring small{font-size:9px;color:#cad8dd}.table{margin:0 -21px}.tr{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:10px;align-items:center;padding:17px 21px;border-top:1px solid var(--line)}.tr.th{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;padding-top:4px}.tr strong{text-align:right}.maintenance-list{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.request-card,.empty-help{background:white;border:1px solid var(--line);border-radius:13px;padding:23px}.request-top{display:flex;justify-content:space-between}.request-id{font-weight:700;color:var(--navy)}.request-card h3{margin:18px 0 5px}.request-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:20px 0 13px}.request-progress{height:7px;border-radius:4px;background:#e9eef0;overflow:hidden}.request-progress span{display:block;height:100%;background:var(--green)}.request-card>small{display:block;margin-top:9px;color:var(--muted)}.empty-help{text-align:center;padding:45px 20px}.empty-help>span{display:grid;place-items:center;margin:0 auto 15px;width:45px;height:45px;border-radius:50%;background:#fff1d1;color:var(--gold);font-size:26px}.inbox{padding:7px 20px}.message{display:flex;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid var(--line);position:relative}.message:last-child{border-bottom:0}.message p{margin:5px 0;color:var(--muted)}.message small{color:#9ba5ad}.message .dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--gold)}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.doc{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px}.doc-icon{font-size:10px;font-weight:800;color:#c96059;background:#fbe7e5;padding:9px 7px;border-radius:7px}.doc h3{font-size:14px}.doc p{margin:5px 0 0;color:var(--muted);font-size:11px}.doc button{margin-left:auto;border:0;background:none;font-size:20px;color:var(--gold);cursor:pointer}.profile-card{max-width:780px}.profile-head{display:flex;align-items:center;gap:17px;padding-bottom:22px;border-bottom:1px solid var(--line)}.profile-head h3{font-size:21px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:25px}.profile-fields span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.profile-fields strong{font-size:14px}.toast{position:fixed;right:30px;bottom:28px;background:#172f43;color:white;border-radius:8px;padding:14px 17px;box-shadow:0 8px 25px #0f233455;opacity:0;transform:translateY(10px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:900px){.sidebar{width:210px}.sidebar .brand span{font-size:12px}main{margin-left:210px;padding-inline:22px}.stats{grid-template-columns:1fr}.grid.two,.maintenance-list{grid-template-columns:1fr}.doc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.sidebar{transform:translateX(-100%);z-index:5;transition:.25s}.sidebar.open{transform:none}main{margin-left:0;padding-inline:16px}header{height:82px}.menu{display:block;border:0;background:none;font-size:20px;color:var(--navy);margin-right:10px}header>div:first-of-type{margin-right:auto}h1{font-size:17px}.header-actions .icon-btn{display:none}.view{padding-top:27px}.welcome-row,.page-title{display:block}.welcome-row .gold-btn,.page-title .gold-btn{margin-top:18px}.home-body{grid-template-columns:1fr}.home-card,.quick-card{min-height:auto}.quick-grid{grid-template-columns:1fr 1fr}.lower{margin-top:16px}.tr{grid-template-columns:1fr 1.5fr 1fr}.tr>*:last-child{display:none}.profile-fields{grid-template-columns:1fr}.doc-grid{grid-template-columns:1fr}.request-meta{display:grid;gap:6px}}
.property-art.photo-home{background:#eef2f3!important;min-height:195px}.property-art.photo-home:before,.property-art.photo-home:after{display:none!important;content:none!important}.property-art.photo-home .property-art-image{display:block;width:100%;height:100%;min-height:195px;object-fit:cover;position:absolute;inset:0}