@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#182341;background:#f5f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:29px;letter-spacing:-1.1px;margin-bottom:6px}h2{font-size:16px;letter-spacing:-.35px;margin-bottom:4px}h3{font-size:16px;margin:0 0 7px}p{color:#7b859c}small{font-size:12px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#101b3d;color:#fff;display:flex;flex-direction:column;z-index:40}.brand{display:flex;gap:10px;align-items:center;padding:28px 21px 30px}.brand-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#6155f2,#8b82ff);display:grid;place-items:center;color:#fff;box-shadow:0 6px 18px #544dd650}.brand strong{font:800 17px Manrope;letter-spacing:-.65px}.brand strong span{color:#b8b1ff}.brand small{display:block;font-size:9px;letter-spacing:1.4px;color:#94a1c3;margin-top:2px}.workspace{margin:0 14px 29px;padding:12px;border:1px solid #364369;background:#1b2a51;border-radius:12px;display:flex;gap:9px;align-items:center}.workspace-avatar{display:grid;place-items:center;width:32px;height:32px;background:#6255e8;border-radius:9px;font-weight:800;font-size:11px}.workspace div{flex:1}.workspace b,.workspace small{display:block;font-size:11px}.workspace small{font-size:10px;color:#a4b0d0;margin-top:3px}.nav-caption{color:#7383ae;letter-spacing:1.3px;font-weight:700;font-size:9px;padding:0 24px 13px}.sidebar nav{padding:0 12px;overflow:auto}.nav-item{width:100%;display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#b4bfd8;text-align:left;padding:12px 13px;margin-bottom:3px;border-radius:9px;font-weight:600;font-size:12px}.nav-item:hover{background:#23335a;color:#fff}.nav-item.active{background:#5149c6;color:#fff;box-shadow:0 4px 14px #050a2830}.nav-item span{flex:1}.nav-item i{background:#f65e77;font-size:10px;font-style:normal;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#fff}.sidebar-foot{margin-top:auto;padding:20px 15px;color:#8594b8;font-size:11px}.sidebar-foot>small{display:block;text-align:center;font-size:10px}.help{display:flex;gap:9px;align-items:center;padding:13px;background:#1b2a51;border-radius:10px;margin-bottom:18px;color:#aebde0}.help b{display:block;font-size:11px;color:#fff}.help small{font-size:10px}.main{margin-left:252px;min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid #e9ecf4;display:flex;justify-content:space-between;align-items:center;padding:0 34px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:#8d96a9}.breadcrumb strong{color:#263454}.top-actions{display:flex;align-items:center;gap:16px}.demo-label{font-size:10px;color:#6255e8;background:#f0edff;border-radius:20px;padding:8px 11px;font-weight:800;letter-spacing:.3px}.icon-button{position:relative;background:none;border:0;color:#65718b;padding:6px}.icon-button em{position:absolute;top:3px;right:4px;width:7px;height:7px;border-radius:50%;background:#f45a74;border:1px solid white}.avatar{background:#6255e8;color:#fff;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;font-size:11px;font-weight:800}.content{max-width:1510px;margin:auto;padding:34px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:29px}.eyebrow{font-size:10px;letter-spacing:1.2px;color:#6357e4;font-weight:800;margin-bottom:8px}.page-head p{font-size:13px;margin-bottom:0}.head-actions{display:flex;gap:10px;align-items:center}.head-actions select,.settings select,.simple-row select{border:1px solid #e1e5f0;background:#fff;border-radius:9px;padding:11px 13px;color:#34425d;font-weight:600;font-size:12px;max-width:190px}.primary{border:0;border-radius:9px;background:#6255e8;color:#fff;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px;box-shadow:0 6px 15px #6255e82a}.primary:hover{background:#4c41ce}.secondary{border:1px solid #e1e5f0;border-radius:9px;background:#fff;padding:10px 13px;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#43516c;font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:19px}.kpi,.panel,.mini-kpis>div{background:#fff;border:1px solid #e7ebf4;box-shadow:0 5px 22px #18284d07;border-radius:14px}.kpi{padding:19px 19px 17px;min-height:145px}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:#7d889e;font-size:12px;font-weight:700;margin-bottom:13px}.kpi-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.kpi-icon.green{color:#159b78;background:#e8f8f1}.kpi-icon.red{color:#e65a6b;background:#fff0f1}.kpi-icon.indigo{color:#6255e8;background:#f0edff}.kpi-icon.blue{color:#3985da;background:#edf5ff}.kpi strong{display:block;font:800 clamp(17px,1.8vw,25px) Manrope;letter-spacing:-1px;color:#1a2644;white-space:nowrap}.kpi small{display:block;color:#98a2b4;margin-top:9px;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:19px;margin-bottom:19px}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.panel-heading p{font-size:11px;margin-bottom:0}.legend{display:flex;align-items:center;gap:6px;font-size:10px;color:#7c87a0;white-space:nowrap}.legend i,.occupancy-row i{width:8px;height:8px;border-radius:50%;display:inline-block;background:#6255e8}.legend i:nth-of-type(2){background:#a7b4dc;margin-left:7px}.chart{height:265px;width:100%}.occupancy{display:flex;flex-direction:column}.donut{width:156px;height:156px;border-radius:50%;margin:7px auto 18px;display:grid;place-items:center}.donut>div{width:115px;height:115px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut b{font:800 29px Manrope}.donut small{color:#98a2b4}.occupancy-row{display:flex;justify-content:space-between;font-size:12px;color:#66728c;padding:7px 4px}.occupancy-row span{display:flex;align-items:center;gap:9px}.occupancy-row .pale{background:#e7eafa}.occupancy-row b{color:#263454}.link-action{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:#6255e8;font-weight:800;font-size:11px;padding:8px 0}.occupancy>.link-action{margin-top:auto}.table-panel{overflow:hidden}.charge-header,.charge-row{display:grid;grid-template-columns:2.2fr 1.1fr 1fr 1fr 1.5fr;gap:12px;align-items:center}.charge-header{font-size:9px;letter-spacing:.65px;font-weight:800;color:#9aa5b8;padding:12px 10px;border-bottom:1px solid #eef0f6}.charge-row{padding:17px 10px;border-bottom:1px solid #eef0f6;font-size:12px}.charge-row:last-child{border-bottom:0}.charge-name b,.charge-name small{display:block}.charge-name b{font-size:12px;color:#2b3853}.charge-name small{color:#9ba5b8;margin-top:5px}.charge-row strong{font-size:12px}.due{color:#77839c;display:flex;align-items:center;gap:6px}.charge-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.charge-actions button{background:#f0edff;color:#6255e8;border:0;border-radius:6px;padding:7px 8px;font-size:10px;font-weight:800}.pill{font-size:10px;font-weight:800;padding:6px 9px;border-radius:7px;display:inline-block;white-space:nowrap}.pill.success{color:#159b78;background:#e8f8f1}.pill.warning{color:#ba7b0b;background:#fff4de}.pill.danger{color:#db5368;background:#ffedf0}.pill.info{color:#6255e8;background:#f0edff}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.mini-kpis>div{padding:18px}.mini-kpis span{display:block;color:#8b96a9;font-size:12px}.mini-kpis b{display:block;font:800 23px Manrope;margin-top:6px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:12px}.search{border:1px solid #e3e7f0;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#8d97ab;width:min(100%,420px)}.search input{border:0;outline:0;height:42px;flex:1;min-width:0;font-size:12px}.muted{color:#8995a9;display:flex;align-items:center;gap:6px;font-size:12px}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.property-card{border:1px solid #e9ecf4;border-radius:13px;background:#fff;text-align:left;padding:0;overflow:hidden;transition:transform .2s,box-shadow .2s}.property-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1c2c5114}.property-art{height:118px;background:linear-gradient(135deg,#e8ebff,#cbd6f3 60%,#e9efff);display:flex;align-items:center;justify-content:center;color:#6873c6;position:relative}.property-art:after{content:"";position:absolute;bottom:0;left:0;right:0;height:17px;background:linear-gradient(90deg,#a8b9e8,#d7def6);clip-path:polygon(0 100%,18% 20%,34% 65%,52% 0,74% 60%,100% 10%,100% 100%)}.property-art .pill{position:absolute;top:12px;right:12px;z-index:1}.property-body{padding:17px}.property-kind{font-size:10px;color:#6255e8;font-weight:800;margin-bottom:7px}.property-body p{font-size:11px;display:flex;align-items:center;gap:4px;margin-bottom:19px}.property-bottom{border-top:1px solid #eff1f6;padding-top:13px;display:flex;justify-content:space-between;align-items:center}.property-bottom small{display:block;color:#9aa4b8;font-size:10px}.property-bottom b{font-size:15px;display:block;margin-top:3px}.property-bottom svg{color:#6255e8}.rows{display:flex;flex-direction:column}.simple-row{display:flex;gap:14px;align-items:center;padding:15px 4px;border-bottom:1px solid #eef0f6}.simple-row:last-child{border-bottom:0}.row-icon{width:40px;height:40px;border-radius:10px;background:#f0edff;color:#6255e8;display:grid;place-items:center}.row-main{flex:1;min-width:0}.row-main b,.row-main small{display:block}.row-main b{font-size:12px}.row-main small{color:#9aa5b8;margin-top:5px}.simple-row strong{font-size:13px}.settings{max-width:780px}.settings>p{font-size:12px}.setting-line{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #edf0f7}.setting-line b,.setting-line small{display:block}.setting-line small{color:#9ba5b8;margin-top:5px}.page-footer{text-align:center;padding:28px 0;color:#9aa5b8;font-size:11px}.page-footer b{color:#6255e8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1433a8;z-index:100;display:flex;justify-content:center;align-items:center;padding:20px}.dialog{position:relative;width:min(100%,520px);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;padding:28px;box-shadow:0 25px 70px #07112a60}.dialog-close{position:absolute;right:20px;top:20px;background:none;border:0;color:#8590a6}.dialog h2{font-size:22px}.dialog>p{font-size:12px}.dialog label{display:block;font-size:11px;font-weight:800;color:#596780;margin-top:15px}.dialog input,.dialog select{display:block;width:100%;border:1px solid #dce2ee;border-radius:8px;padding:12px;margin-top:7px;outline-color:#6255e8;background:#fff}.form-grid,.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.detail-grid{gap:15px;margin:24px 0}.detail-grid>div{background:#f6f7fc;padding:13px;border-radius:9px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:#8e99ae}.detail-grid b{font-size:12px;margin-top:5px}.full{width:100%;margin-top:19px}.toast{position:fixed;bottom:25px;right:25px;background:#18244b;color:#fff;border-radius:10px;box-shadow:0 8px 30px #0b164944;padding:14px 18px;z-index:120;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px}.toast svg{color:#66e0ad}.empty{padding:30px;text-align:center;font-size:12px}.bottom-nav,.mobile-menu,.close,.overlay{display:none}@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:25px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.opened{transform:translate(0)}.sidebar .close{display:block;background:none;color:#fff;border:0;margin-left:auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06112c88;z-index:35}.main{margin-left:0}.mobile-menu{display:grid;place-items:center;background:none;border:0;color:#1c294a}.topbar{padding:0 18px;height:63px}.breadcrumb{margin-right:auto;margin-left:14px}.content{padding:23px 18px 100px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid #e7eaf3;box-shadow:0 -4px 18px #13244a0d;justify-content:space-around;padding:10px 0 max(9px,env(safe-area-inset-bottom))}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:none;color:#8c98ae;min-width:52px}.bottom-nav button.selected{color:#6255e8}.bottom-nav small{font-size:9px;font-weight:800}.toast{bottom:84px;right:12px;left:12px}}@media(max-width:600px){h1{font-size:25px}.page-head{display:block;margin-bottom:22px}.head-actions{margin-top:16px}.head-actions select,.head-actions .primary{flex:1}.top-actions{gap:8px}.top-actions .icon-button:first-of-type{display:none}.demo-label{font-size:8px;padding:7px}.kpi-grid{gap:10px}.kpi{padding:13px;min-height:130px}.kpi-top{font-size:10px}.kpi-icon{width:28px;height:28px}.kpi strong{font-size:18px;letter-spacing:-.7px;white-space:normal}.kpi small{font-size:9px}.dashboard-grid{grid-template-columns:1fr;gap:13px}.panel{padding:16px}.chart{height:220px}.property-grid{grid-template-columns:1fr}.property-art{height:115px}.mini-kpis{gap:9px}.mini-kpis>div{padding:12px}.mini-kpis span{font-size:10px}.mini-kpis b{font-size:19px}.list-toolbar{display:block}.list-toolbar .muted{margin-top:12px}.charge-header{display:none}.charge-row{grid-template-columns:1fr auto;gap:9px;padding:15px 0}.charge-name{grid-column:1/3}.charge-row>.due{grid-column:1}.charge-row>strong:nth-of-type(1){display:none}.charge-row>strong:nth-of-type(2){grid-column:2;grid-row:2;text-align:right}.charge-actions{grid-column:1/3;justify-content:space-between}.charge-actions button{padding:9px 12px}.simple-row select{max-width:118px;font-size:10px}.legend{font-size:9px}.dialog{padding:22px}.page-footer{font-size:10px}.breadcrumb{font-size:11px}}