html,body,#root{min-width:100%;min-height:100%;margin:0}body{min-height:100vh}*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font-family:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0b1930;flex-direction:column;width:270px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:24px 22px;display:flex}.brand-mark{background:#15a36d;border-radius:12px;place-items:center;width:42px;height:42px;font-size:23px;font-weight:800;display:grid}.brand-name{letter-spacing:.5px;font-size:20px;font-weight:800}.brand-subtitle{color:#8fa3bd;margin-top:2px;font-size:11px}.organisation-card{background:#ffffff0f;border-radius:10px;align-items:center;gap:10px;margin:16px 14px 5px;padding:11px;display:flex}.organisation-avatar,.user-avatar{color:#fff;background:#15a36d;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.organisation-details{flex:1;min-width:0}.organisation-details strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.organisation-details span{color:#8fa3bd;font-size:10px}.navigation{flex:1;padding:7px 12px 25px}.nav-section{color:#657c99;letter-spacing:1.2px;margin:20px 10px 7px;font-size:9px;font-weight:800}.nav-item{color:#aebed1;cursor:pointer;border-radius:8px;align-items:center;gap:11px;height:39px;margin:2px 0;padding:0 11px;font-size:12px;font-weight:500;display:flex}.nav-item svg{width:17px;height:17px}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#15a36d}.sidebar-footer{border-top:1px solid #ffffff12;padding:16px 20px 20px}.system-online{color:#9fb0c4;font-size:10px}.online-dot{background:#23c483;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.version{color:#657c99;margin-top:6px;font-size:9px}.main-content{width:calc(100% - 270px);margin-left:270px}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-title h1{margin:0;font-size:17px}.topbar-title span{color:#7c899b;font-size:10px}.topbar-actions{align-items:center;gap:14px;display:flex}.search{color:#9aa6b5;border:1px solid #e3e8ef;border-radius:9px;align-items:center;gap:8px;width:220px;height:38px;padding:0 12px;font-size:11px;display:flex}.icon-button{background:#fff;border:1px solid #e3e8ef;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:relative}.notification-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.user-profile{align-items:center;gap:9px;padding-left:4px;display:flex}.user-profile strong,.user-profile span{display:block}.user-profile strong{font-size:11px}.user-profile span{color:#8995a5;font-size:9px}.dashboard-content{max-width:1500px;margin:auto;padding:28px 30px 50px}.welcome-row{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.eyebrow{letter-spacing:1.3px;font-weight:800;color:#15a36d!important;font-size:9px!important}.welcome-row h2{margin:4px 0 5px;font-size:24px}.welcome-row p{color:#788698;margin:0;font-size:11px}.estate-selector{background:#fff;border:1px solid #e1e7ef;border-radius:9px;min-width:185px;padding:9px 12px;position:relative}.estate-selector span,.estate-selector strong{display:block}.estate-selector span{color:#8995a5;font-size:8px}.estate-selector strong{margin-top:2px;font-size:11px}.estate-selector svg{position:absolute;top:17px;right:10px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;display:grid}.stat-card{background:#fff;border:1px solid #e4e9f0;border-radius:12px;padding:17px}.stat-card-top{color:#7b899a;justify-content:space-between;align-items:center;font-size:10px;display:flex}.stat-icon{color:#159468;background:#ecf8f3;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.stat-icon svg{width:16px}.stat-value{margin:8px 0 2px;font-size:25px;display:block}.stat-detail{color:#8a97a7;font-size:9px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:17px;display:grid}.panel{background:#fff;border:1px solid #e4e9f0;border-radius:12px;padding:18px}.panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.panel-header h3{margin:0;font-size:13px}.panel-header span{color:#8a97a7;font-size:9px}.panel-header button{color:#159468;background:0 0;border:0;font-size:9px;font-weight:700}.utility-row{border-top:1px solid #edf0f4;grid-template-columns:42px 1fr 60px 70px;align-items:center;gap:11px;padding:14px 0;display:grid}.utility-row:first-child{border-top:0}.utility-icon{color:#526579;background:#f1f5f8;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.utility-icon svg{width:18px}.utility-name strong,.utility-name span,.meter-count strong,.meter-count span{display:block}.utility-name strong{font-size:11px}.utility-name span,.meter-count span{color:#8996a6;font-size:8px}.meter-count strong{font-size:14px}.status-pill{color:#15855f;text-align:center;background:#ecf8f3;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:700}.occupancy-visual{justify-content:space-around;align-items:center;padding:14px 0 20px;display:flex}.occupancy-circle{background:conic-gradient(#15a36d 0 75%, #e8edf2 75% 100%);border-radius:50%;place-items:center;width:145px;height:145px;display:grid}.occupancy-circle:before{content:"";background:#fff;border-radius:50%;width:105px;height:105px;position:absolute}.occupancy-circle div{z-index:2;text-align:center;position:relative}.occupancy-circle strong,.occupancy-circle span{display:block}.occupancy-circle strong{font-size:22px}.occupancy-circle span{color:#8491a1;font-size:9px}.occupancy-details>div{align-items:center;gap:8px;margin:12px 0;display:flex}.occupancy-details p{color:#8491a1;margin:0;font-size:9px}.occupancy-details strong{color:#172033;font-size:13px;display:block}.legend{border-radius:50%;width:8px;height:8px}.legend.occupied{background:#15a36d}.legend.vacant{background:#dce3ea}.operations-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.operation-card{background:#f7f9fb;border-radius:9px;padding:14px}.operation-card strong,.operation-card span{display:block}.operation-card strong{font-size:21px}.operation-card span{color:#8290a1;font-size:8px}.empty-activity{color:#15a36d;border-top:1px solid #edf0f4;flex-direction:column;align-items:center;margin-top:16px;padding:22px 0 8px;display:flex}.empty-activity strong{color:#38485a;margin-top:5px;font-size:10px}.empty-activity span{color:#8a97a7;margin-top:2px;font-size:8px}.quick-action-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.quick-action{color:#536578;cursor:pointer;background:#fff;border:1px solid #e5eaf0;border-radius:9px;flex-direction:column;align-items:center;gap:7px;padding:15px 8px;display:flex}.quick-action:hover{color:#15a36d;border-color:#15a36d}.quick-action svg{width:18px}.quick-action span{font-size:8px;font-weight:600}.loading-screen{color:#fff;background:#0b1930;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;display:flex}.loading-logo{background:#15a36d;border-radius:13px;place-items:center;width:50px;height:50px;font-size:27px;font-weight:800;display:grid}@media (width<=1000px){.sidebar{width:220px}.main-content{width:calc(100% - 220px);margin-left:220px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.search{display:none}}.platform-brand{border-bottom:1px solid #ffffff14;padding:20px 18px 16px}.platform-logo{object-fit:contain;object-position:left center;width:160px;max-height:50px}.organisation-brand{background:#ffffff0f;border-radius:11px;align-items:center;gap:11px;margin:14px;padding:14px;display:flex}.organisation-logo-placeholder{color:#13345c;background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:46px;height:46px;line-height:.9;display:flex}.organisation-logo-placeholder span{font-size:15px;font-weight:900}.organisation-logo-placeholder strong{letter-spacing:1px;font-size:6px}.organisation-brand-text{min-width:0}.organisation-brand-text strong,.organisation-brand-text span{display:block}.organisation-brand-text strong{font-size:11px}.organisation-brand-text span{color:#8fa3bd;margin-top:3px;font-size:8px}.sidebar-footer-brand{text-align:center;border-top:1px solid #ffffff14;padding:14px 18px 20px}.footer-sums-logo{object-fit:contain;max-width:74px;max-height:68px}.copyright{color:#a6b4c6;margin-top:5px;font-size:8px}.copyright-sub{color:#647991;margin-top:2px;font-size:7px}.page-content{max-width:1500px;margin:auto;padding:28px 30px 50px}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.page-header h2{margin:4px 0;font-size:25px}.page-header p{color:#7e8b9c;margin:0;font-size:11px}.primary-button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:8px;padding:11px 16px;font-size:10px;font-weight:700}.estate-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.estate-card{color:inherit;background:#fff;border:1px solid #e3e9ef;border-radius:12px;padding:18px;text-decoration:none;transition:all .2s}.estate-card:hover{border-color:#16a34a;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a12}.estate-card-header{justify-content:space-between;align-items:center;display:flex}.estate-icon{color:#16a34a;background:#edf9f3;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.estate-card h3{margin:15px 0 5px;font-size:15px}.estate-location{color:#8b98a8;align-items:center;gap:5px;font-size:9px;display:flex}.estate-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.estate-stats>div{background:#f7f9fb;border-radius:8px;padding:10px}.estate-stats strong,.estate-stats span{display:block}.estate-stats strong{margin-top:4px;font-size:14px}.estate-stats span{color:#8694a5;font-size:7px}.estate-card-footer{color:#159468;border-top:1px solid #edf0f4;justify-content:space-between;margin-top:16px;padding-top:12px;font-size:9px;font-weight:700;display:flex}.back-link{color:#607286;align-items:center;gap:6px;margin-bottom:20px;font-size:10px;text-decoration:none;display:inline-flex}.estate-utility-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.estate-utility-card{border:1px solid #e4eaf0;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.estate-utility-card strong,.estate-utility-card span{display:block}.estate-utility-card strong{font-size:11px}.estate-utility-card span{color:#8996a6;margin-top:3px;font-size:8px}.nav-item{text-decoration:none}@media (width<=1000px){.estate-grid,.estate-utility-grid{grid-template-columns:1fr}}.electricity-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.electricity-header h2{color:#111827;margin:5px 0 8px;font-size:28px}.electricity-header p:not(.eyebrow){color:#64748b;max-width:720px;margin:0;line-height:1.6}.electricity-live-status{background:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;align-items:center;gap:11px;min-width:190px;padding:13px 16px;display:flex}.live-dot{background:#16a34a;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #16a34a1f}.electricity-live-status div{flex-direction:column;display:flex}.electricity-live-status span{color:#64748b;font-size:11px}.electricity-live-status strong{color:#166534;margin-top:2px;font-size:13px}.electricity-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.electricity-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:flex-start;gap:14px;padding:20px;display:flex}.electricity-kpi-card.warning{border-color:#fde68a}.electricity-kpi-card.danger{border-color:#fecaca}.electricity-kpi-card.healthy{border-color:#bbf7d0}.electricity-kpi-icon{color:#16a34a;background:#f0fdf4;border-radius:11px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.electricity-kpi-icon svg{width:20px;height:20px}.electricity-kpi-card>div:last-child{flex-direction:column;min-width:0;display:flex}.electricity-kpi-label{color:#64748b;font-size:12px;font-weight:600}.electricity-kpi-card strong{color:#111827;margin-top:5px;font-size:22px}.electricity-kpi-card small{color:#94a3b8;margin-top:4px;font-size:11px}.electricity-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:20px;margin-bottom:20px;display:grid}.electricity-section-header{margin-bottom:18px}.electricity-section-header h3{color:#111827;margin:0;font-size:16px}.electricity-section-header p{color:#94a3b8;margin:4px 0 0;font-size:12px}.chart-container{width:100%;height:300px}.efficiency-score{justify-content:center;padding:2px 0 17px;display:flex}.efficiency-ring{border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;display:flex}.efficiency-ring>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:104px;height:104px;display:flex}.efficiency-ring strong{color:#111827;font-size:22px}.efficiency-ring span{color:#94a3b8;margin-top:2px;font-size:11px}.balance-list{border-top:1px solid #eef2f7}.balance-row{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:20px;padding:11px 0;display:flex}.balance-row span{color:#64748b;font-size:12px}.balance-row strong{color:#1f2937;font-size:12px}.warning-text{color:#b45309!important}.efficiency-status{border-radius:8px;align-items:center;gap:7px;margin-top:16px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.efficiency-status.healthy{color:#15803d;background:#f0fdf4}.efficiency-status.warning{color:#b45309;background:#fffbeb}.efficiency-status.danger{color:#b91c1c;background:#fef2f2}.top-consumer-list,.meter-alert-list{flex-direction:column;display:flex}.top-consumer-row{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;padding:12px 0;display:flex}.top-consumer-row:last-child,.meter-alert-row:last-child{border-bottom:none}.consumer-rank{color:#475569;background:#f1f5f9;border-radius:8px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.consumer-name{flex-direction:column;flex:1;min-width:0;display:flex}.consumer-name strong{color:#1f2937;font-size:12px}.consumer-name span{color:#94a3b8;margin-top:2px;font-size:10px}.consumer-value{text-align:right;flex-direction:column;display:flex}.consumer-value strong{color:#111827;font-size:13px}.consumer-value span{color:#94a3b8;font-size:10px}.meter-alert-row{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;padding:12px 0;display:flex}.meter-alert-icon{color:#dc2626;background:#fef2f2;border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.meter-alert-icon.warning{color:#d97706;background:#fffbeb}.meter-alert-row>div:nth-child(2){flex-direction:column;flex:1;display:flex}.meter-alert-row strong{color:#1f2937;font-size:12px}.meter-alert-row span{color:#94a3b8;margin-top:2px;font-size:10px}.meter-alert-status{color:#b91c1c;background:#fef2f2;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700}.electricity-empty-state,.page-error{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:165px;display:flex}.electricity-empty-state strong,.page-error strong{color:#334155;margin-top:8px;font-size:13px}.electricity-empty-state span,.page-error span{margin-top:4px;font-size:11px}.page-loading{color:#64748b;padding:40px}@media (width<=1100px){.electricity-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.electricity-main-grid{grid-template-columns:1fr}}@media (width<=700px){.electricity-header{flex-direction:column}.electricity-kpi-grid{grid-template-columns:1fr}.electricity-live-status{width:100%}}.electricity-tabs{background:#e9eef4;border-radius:10px;gap:6px;width:fit-content;margin-bottom:20px;padding:5px;display:flex}.electricity-tab{color:#64748b;border-radius:7px;padding:8px 14px;font-size:12px;font-weight:700;text-decoration:none}.electricity-tab:hover{color:#0f172a}.electricity-tab.active{color:#15803d;background:#fff;box-shadow:0 1px 3px #0f172a14}.meter-registry-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.registry-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:13px;align-items:center;gap:13px;padding:17px 18px;display:flex}.registry-stat-card.healthy{border-color:#bbf7d0}.registry-stat-card.danger{border-color:#fecaca}.registry-stat-icon{color:#16a34a;background:#f0fdf4;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.registry-stat-card.danger .registry-stat-icon{color:#dc2626;background:#fef2f2}.registry-stat-card>div:last-child{flex-direction:column;display:flex}.registry-stat-card span{color:#64748b;font-size:11px;font-weight:600}.registry-stat-card strong{color:#111827;margin-top:2px;font-size:20px}.meter-registry-panel{overflow:hidden;padding:0!important}.meter-registry-toolbar{border-bottom:1px solid #e8edf2;grid-template-columns:minmax(260px,1fr) 150px 160px 140px;gap:10px;padding:18px;display:grid}.meter-search{color:#94a3b8;background:#fff;border:1px solid #dbe3ec;border-radius:9px;align-items:center;gap:8px;padding:0 12px;display:flex}.meter-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;height:38px;font-size:12px}.meter-registry-toolbar select{color:#475569;background:#fff;border:1px solid #dbe3ec;border-radius:9px;outline:none;height:40px;padding:0 10px;font-size:11px}.meter-table-wrapper{overflow-x:auto}.meter-registry-table{border-collapse:collapse;width:100%}.meter-registry-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e8edf2;padding:11px 14px;font-size:10px;font-weight:700}.meter-registry-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:13px 14px;font-size:11px}.meter-registry-table tbody tr{transition:background .15s}.meter-registry-table tbody tr:hover{background:#fafcfd}.meter-identity{align-items:center;gap:10px;min-width:180px;display:flex}.meter-type-icon{color:#16a34a;background:#f0fdf4;border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.meter-identity>div:last-child,.meter-location,.meter-reading-cell{flex-direction:column;display:flex}.meter-identity strong,.meter-location strong,.meter-reading-cell strong{color:#1f2937;font-size:11px}.meter-identity span,.meter-location span,.meter-reading-cell span{color:#94a3b8;margin-top:2px;font-size:9px}.meter-role-badge{color:#475569;background:#f1f5f9;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.meter-role-badge.role-bulk{color:#047857;background:#ecfdf5}.meter-role-badge.role-commonarea{color:#2563eb;background:#eff6ff}.meter-comms-cell,.meter-online-state{align-items:center;gap:6px;display:flex}.meter-comms-cell{color:#64748b}.meter-online-state.online{color:#15803d}.meter-online-state.offline{color:#dc2626}.meter-online-state span{font-size:10px;font-weight:700}.meter-view-button{color:#64748b;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;text-decoration:none;display:flex}.meter-view-button:hover{color:#16a34a;background:#f0fdf4}.meter-registry-footer{color:#94a3b8;background:#fafcfd;padding:12px 18px;font-size:10px}.meter-no-results{color:#94a3b8;text-align:center;padding:35px}@media (width<=1050px){.meter-registry-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.meter-registry-toolbar{grid-template-columns:1fr 1fr}}@media (width<=650px){.meter-registry-summary,.meter-registry-toolbar{grid-template-columns:1fr}}.meter-detail-back{margin-bottom:14px}.meter-detail-back a{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.meter-detail-back a:hover{color:#15803d}.meter-detail-header{margin-bottom:20px}.meter-detail-title-row{align-items:center;gap:12px;display:flex}.meter-detail-title-row h2{color:#111827;margin:4px 0 6px;font-size:28px}.meter-detail-header p:not(.eyebrow){color:#64748b;margin:0}.meter-detail-status{border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.meter-detail-status.online{color:#15803d;background:#f0fdf4}.meter-detail-status.offline{color:#dc2626;background:#fef2f2}.meter-detail-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.meter-detail-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:13px;align-items:center;gap:12px;padding:17px;display:flex}.meter-detail-kpi-icon{color:#16a34a;background:#f0fdf4;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.meter-detail-kpi>div:last-child{flex-direction:column;display:flex}.meter-detail-kpi span{color:#64748b;font-size:10px;font-weight:600}.meter-detail-kpi strong{color:#111827;margin-top:3px;font-size:17px}.meter-telemetry-panel{margin-bottom:20px}.telemetry-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.telemetry-item{background:#f8fafc;border-radius:10px;flex-direction:column;padding:13px;display:flex}.telemetry-item span{color:#64748b;font-size:9px;font-weight:600}.telemetry-item strong{color:#111827;margin-top:4px;font-size:14px}.meter-detail-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:20px;margin-bottom:20px;display:grid}.account-holder-card{flex-direction:column;align-items:center;display:flex}.account-holder-avatar{color:#16a34a;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.account-holder-name{color:#111827;margin-top:9px;font-size:15px}.account-holder-reference{color:#94a3b8;margin-top:2px;font-size:10px}.account-holder-type{color:#047857;background:#ecfdf5;border-radius:7px;margin-top:7px;padding:5px 9px;font-size:9px;font-weight:700}.account-contact-list{border-top:1px solid #eef2f7;width:100%;margin-top:15px}.account-contact-row{color:inherit;border-bottom:1px solid #eef2f7;align-items:center;gap:10px;padding:10px 0;text-decoration:none;display:flex}.account-contact-row:hover{background:#fafcfd}.contact-row-icon{color:#64748b;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.account-contact-row>div:last-child{flex-direction:column;display:flex}.account-contact-row span{color:#94a3b8;font-size:9px}.account-contact-row strong{color:#334155;margin-top:2px;font-size:11px}.meter-info-list{border-top:1px solid #eef2f7}.meter-info-row{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:25px;padding:11px 0;display:flex}.meter-info-row>div{color:#64748b;align-items:center;gap:6px;display:flex}.meter-info-row span{font-size:10px}.meter-info-row strong{color:#1f2937;text-align:right;font-size:11px}@media (width<=1100px){.meter-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.meter-detail-main-grid{grid-template-columns:1fr}}@media (width<=650px){.meter-detail-kpis,.telemetry-grid{grid-template-columns:1fr}.meter-detail-title-row{flex-direction:column;align-items:flex-start}}.resident-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.resident-header h2{color:#111827;margin:4px 0 7px;font-size:28px}.resident-header p:not(.eyebrow){color:#64748b;margin:0}.resident-home-chip{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7;border-radius:11px;align-items:center;gap:10px;padding:12px 15px;display:flex}.resident-home-chip div{flex-direction:column;display:flex}.resident-home-chip span{color:#64748b;font-size:9px}.resident-home-chip strong{color:#166534;margin-top:2px;font-size:13px}.resident-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.resident-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:17px;display:flex}.resident-summary-card.healthy{border-color:#bbf7d0}.resident-summary-card.warning{border-color:#fde68a}.resident-summary-card.danger{border-color:#fecaca}.resident-summary-card span{color:#64748b;font-size:10px;font-weight:600}.resident-summary-card strong{color:#111827;margin-top:3px;font-size:21px}.resident-utilities-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.resident-utility-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:20px}.resident-utility-card.electricity{border-top:3px solid #16a34a}.resident-utility-card.water{border-top:3px solid #0284c7}.resident-utility-card.gas{border-top:3px solid #ea580c}.resident-utility-top{justify-content:space-between;align-items:center;display:flex}.resident-utility-icon{color:#16a34a;background:#f0fdf4;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.resident-utility-card.water .resident-utility-icon{color:#0284c7;background:#f0f9ff}.resident-utility-card.gas .resident-utility-icon{color:#ea580c;background:#fff7ed}.resident-utility-status{border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:700;display:flex}.resident-utility-status.online{color:#15803d;background:#f0fdf4}.resident-utility-status.offline{color:#dc2626;background:#fef2f2}.resident-utility-title{flex-direction:column;margin-top:16px;display:flex}.resident-utility-title span{color:#111827;font-size:17px;font-weight:700}.resident-utility-title strong{color:#94a3b8;margin-top:3px;font-size:10px}.resident-reading{flex-direction:column;margin-top:20px;display:flex}.resident-reading>span{color:#64748b;font-size:10px}.resident-reading>strong{color:#111827;margin-top:4px;font-size:27px}.resident-reading small,.resident-usage-grid small{color:#94a3b8;margin-left:4px;font-size:10px;font-weight:600}.resident-usage-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.resident-usage-grid>div{background:#f8fafc;border-radius:9px;flex-direction:column;padding:11px;display:flex}.resident-usage-grid span{color:#94a3b8;font-size:9px}.resident-usage-grid strong{color:#334155;margin-top:3px;font-size:13px}.resident-meter-meta{gap:6px;margin-top:14px;display:flex}.resident-meter-meta span{color:#64748b;background:#f1f5f9;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:700}.resident-utility-action{color:#15803d;cursor:pointer;background:#f0fdf4;border:none;border-radius:9px;width:100%;margin-top:16px;padding:10px;font-size:10px;font-weight:700}.resident-utility-card.water .resident-utility-action{color:#0369a1;background:#f0f9ff}.resident-utility-card.gas .resident-utility-action{color:#c2410c;background:#fff7ed}.resident-bottom-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.resident-empty-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:170px;display:flex}.resident-empty-state strong{color:#334155;margin-top:8px;font-size:12px}.resident-empty-state span{margin-top:3px;font-size:10px}.resident-actions{flex-direction:column;gap:9px;display:flex}.resident-actions button{color:#16a34a;cursor:pointer;text-align:left;background:#fff;border:1px solid #e8edf2;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.resident-actions button:hover{background:#f8fafc}.resident-actions button div{flex-direction:column;display:flex}.resident-actions strong{color:#334155;font-size:11px}.resident-actions span{color:#94a3b8;margin-top:2px;font-size:9px}.resident-alert-list{flex-direction:column;gap:8px;display:flex}.resident-alert{background:#f8fafc;border-radius:9px;justify-content:space-between;gap:15px;padding:11px;display:flex}.resident-alert>div{flex-direction:column;display:flex}.resident-alert strong{color:#334155;font-size:11px}.resident-alert span{color:#64748b;margin-top:3px;font-size:9px}.resident-alert small{font-size:8px;font-weight:700}.resident-alert.critical small{color:#dc2626}.resident-alert.warning small{color:#d97706}@media (width<=1050px){.resident-utilities-grid{grid-template-columns:1fr}.resident-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.resident-header,.resident-bottom-grid{grid-template-columns:1fr}.resident-header{flex-direction:column}.resident-bottom-grid,.resident-summary-grid{grid-template-columns:1fr}}.resident-sidebar{background:#0b1c32}.resident-profile-card{align-items:center}.resident-profile-avatar{color:#15803d;background:#ecfdf5;border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:13px;font-weight:800;display:flex}.resident-topbar{justify-content:space-between}.topbar-title{flex-direction:column;display:flex}.topbar-title strong{color:#111827;font-size:17px}.topbar-title span{color:#94a3b8;margin-top:2px;font-size:10px}.resident-topbar-home{color:#475569;background:#fff;border:1px solid #dbe3ec;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:11px;font-weight:700;display:flex}.topbar-icon-button{color:#475569;background:#fff;border:1px solid #dbe3ec;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.topbar-user{align-items:center;gap:9px;display:flex}.user-avatar{color:#fff;background:#16a34a;border-radius:9px;justify-content:center;align-items:center;width:37px;height:37px;font-size:11px;font-weight:800;display:flex}.user-info{flex-direction:column;display:flex}.user-info strong{color:#1f2937;font-size:11px}.user-info span{color:#94a3b8;margin-top:1px;font-size:9px}.resident-analytics-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.resident-analytics-header h2{color:#111827;margin:4px 0 7px;font-size:27px}.resident-analytics-header p:not(.eyebrow){color:#64748b;margin:0}.analytics-period-toggle{background:#e9eef4;border-radius:9px;gap:5px;padding:4px;display:flex}.analytics-period-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 13px;font-size:10px;font-weight:700}.analytics-period-toggle button.active{color:#15803d;background:#fff}.resident-analytics-grid{gap:20px;display:grid}.resident-analytics-card{border-top:3px solid #16a34a}.resident-analytics-card.water{border-top-color:#0284c7}.resident-analytics-card.gas{border-top-color:#ea580c}.resident-analytics-title{align-items:center;gap:11px;margin-bottom:18px;display:flex}.resident-analytics-icon{color:#16a34a;background:#f0fdf4;border-radius:10px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.resident-analytics-card.water .resident-analytics-icon{color:#0284c7;background:#f0f9ff}.resident-analytics-card.gas .resident-analytics-icon{color:#ea580c;background:#fff7ed}.resident-analytics-title h3{color:#111827;margin:0;font-size:16px}.resident-analytics-title span{color:#94a3b8;margin-top:2px;font-size:9px;display:block}.resident-analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:17px;display:grid}.analytics-metric,.analytics-change{background:#f8fafc;border-radius:9px;flex-direction:column;justify-content:center;min-height:68px;padding:11px;display:flex}.analytics-metric span,.analytics-change>span{color:#94a3b8;font-size:8px;font-weight:600}.analytics-metric strong{color:#1f2937;margin-top:4px;font-size:13px}.analytics-metric small{color:#64748b;margin-top:2px;font-size:8px}.analytics-change>div{align-items:center;gap:5px;margin-top:5px;display:flex}.change-up{color:#dc2626}.change-down{color:#15803d}.change-neutral{color:#64748b}.analytics-change strong{font-size:11px}.resident-analytics-chart{width:100%;height:245px}.resident-insight{color:#d97706;background:#fffbeb;border-radius:9px;align-items:flex-start;gap:9px;margin-top:14px;padding:11px;display:flex}.resident-insight div{flex-direction:column;display:flex}.resident-insight strong{color:#92400e;font-size:9px}.resident-insight span{color:#a16207;margin-top:2px;font-size:9px;line-height:1.5}.resident-analytics-period{color:#94a3b8;align-items:center;gap:5px;margin-top:10px;font-size:8px;display:flex}@media (width<=900px){.resident-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.resident-analytics-header{flex-direction:column}.resident-analytics-metrics{grid-template-columns:1fr}}.resident-notifications-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.resident-notifications-header h2{color:#111827;margin:4px 0 7px;font-size:27px}.resident-notifications-header p:not(.eyebrow){color:#64748b;margin:0}.mark-all-read{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ec;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:700;display:inline-flex}.resident-message-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.message-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:16px;display:flex}.message-summary-card span{color:#64748b;font-size:9px;font-weight:600}.message-summary-card strong{color:#111827;margin-top:3px;font-size:20px}.message-summary-card.active{border-color:#bbf7d0}.message-summary-card.warning{border-color:#fde68a}.message-summary-card.critical{border-color:#fecaca}.resident-message-panel{overflow:hidden;padding:0!important}.resident-message-list{flex-direction:column;display:flex}.resident-message-row{border-bottom:1px solid #eef2f7;align-items:flex-start;gap:12px;padding:15px 17px;display:flex}.resident-message-row.unread{background:#fcfefc}.resident-message-row.read{opacity:.76}.resident-message-icon{color:#2563eb;background:#eff6ff;border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.resident-message-icon.warning{color:#d97706;background:#fffbeb}.resident-message-icon.critical{color:#dc2626;background:#fef2f2}.resident-message-content{flex-direction:column;flex:1;min-width:0;display:flex}.resident-message-title-row{align-items:center;gap:7px;display:flex}.resident-message-title-row strong{color:#1f2937;font-size:12px}.unread-dot{background:#16a34a;border-radius:50%;width:7px;height:7px}.resident-message-content>span{color:#64748b;margin-top:4px;font-size:10px;line-height:1.5}.resident-message-meta{gap:9px;margin-top:7px;display:flex}.resident-message-meta span{color:#94a3b8;font-size:8px}.resident-message-actions{align-items:center;gap:7px;display:flex}.resident-message-actions button{color:#15803d;cursor:pointer;background:0 0;border:none;font-size:9px;font-weight:700}.resident-message-actions a{color:#64748b;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.resident-bell-button{color:#475569;background:#fff;border:1px solid #dbe3ec;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;display:flex;position:relative}.resident-bell-badge{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:7px;font-weight:800;display:flex;position:absolute;top:-5px;right:-5px}@media (width<=700px){.resident-notifications-header{flex-direction:column}.resident-message-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.resident-message-row{flex-wrap:wrap}}.resident-cctv-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.resident-cctv-header h2{color:#111827;margin:4px 0 7px;font-size:27px}.resident-cctv-header p:not(.eyebrow){color:#64748b;margin:0}.resident-cctv-security{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:9px;padding:11px 13px;display:flex}.resident-cctv-security div{flex-direction:column;display:flex}.resident-cctv-security span{color:#64748b;font-size:8px}.resident-cctv-security strong{color:#166534;margin-top:2px;font-size:10px}.resident-live-view-panel{margin-bottom:20px;overflow:hidden;padding:0!important}.resident-live-view-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.resident-camera-title{color:#16a34a;align-items:center;gap:10px;display:flex}.resident-camera-title h3{color:#111827;margin:0;font-size:15px}.resident-camera-title span{color:#94a3b8;margin-top:2px;font-size:9px;display:block}.resident-camera-online{border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:700;display:flex}.resident-camera-online.online{color:#15803d;background:#f0fdf4}.resident-camera-online.offline{color:#dc2626;background:#fef2f2}.resident-demo-video{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:370px;position:relative}.resident-demo-video-overlay{z-index:2;justify-content:space-between;display:flex;position:absolute;top:14px;left:14px;right:14px}.resident-live-badge{color:#fff;background:#0f172ac7;border-radius:7px;align-items:center;gap:6px;padding:6px 8px;font-size:8px;font-weight:800;display:inline-flex}.resident-live-badge span{background:#ef4444;border-radius:50%;width:7px;height:7px}.resident-expand-button{color:#fff;cursor:pointer;background:#0f172ac7;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.resident-camera-illustration{color:#cbd5e1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.resident-camera-illustration strong{color:#fff;margin-top:13px;font-size:17px}.resident-camera-illustration span{color:#94a3b8;margin-top:5px;font-size:9px}.resident-live-view-footer{background:#f8fafc;flex-wrap:wrap;gap:18px;padding:12px 17px;display:flex}.resident-live-view-footer div{color:#64748b;align-items:center;gap:5px;font-size:9px;display:flex}.resident-camera-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.resident-camera-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:0;overflow:hidden}.resident-camera-card.active{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a14}.resident-camera-preview{color:#64748b;background:#172033;justify-content:center;align-items:center;min-height:125px;display:flex;position:relative}.resident-camera-preview-label{color:#cbd5e1;background:#0f172acc;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:700;position:absolute;bottom:8px;left:8px}.resident-camera-card-body{justify-content:space-between;align-items:center;gap:10px;padding:11px;display:flex}.resident-camera-card-body>div:first-child{flex-direction:column;display:flex}.resident-camera-card-body strong{color:#1f2937;font-size:10px}.resident-camera-card-body span{color:#94a3b8;margin-top:2px;font-size:8px}.resident-camera-status-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.resident-camera-status-dot.online{background:#16a34a}.resident-camera-status-dot.offline{background:#dc2626}.resident-cctv-note{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;align-items:flex-start;gap:10px;padding:13px;display:flex}.resident-cctv-note div{flex-direction:column;display:flex}.resident-cctv-note strong{color:#1e40af;font-size:9px}.resident-cctv-note span{color:#1d4ed8;margin-top:3px;font-size:9px;line-height:1.5}@media (width<=900px){.resident-camera-grid{grid-template-columns:1fr}}@media (width<=650px){.resident-cctv-header{flex-direction:column}.resident-demo-video{min-height:260px}}.commercial-page{flex-direction:column;gap:22px;display:flex}.commercial-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.commercial-eyebrow{letter-spacing:.14em;color:#16a34a;margin-bottom:7px;font-size:11px;font-weight:800}.commercial-heading h1{color:#0f172a;margin:0;font-size:30px;line-height:1.15}.commercial-heading p{color:#64748b;margin:8px 0 0;font-size:14px}.commercial-live{color:#15803d;white-space:nowrap;background:#f0fdf4;border:1px solid #dcfce7;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.commercial-live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.commercial-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.commercial-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:14px;padding:19px;display:flex;box-shadow:0 3px 14px #0f172a0a}.commercial-stat-icon{color:#16a34a;background:#f0fdf4;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.commercial-stat-icon svg{width:21px;height:21px}.commercial-stat-content{flex-direction:column;min-width:0;display:flex}.commercial-stat-content>span{color:#64748b;font-size:12px;font-weight:600}.commercial-stat-content>strong{color:#0f172a;margin-top:5px;font-size:23px;line-height:1.2}.commercial-stat-content>small{color:#94a3b8;margin-top:6px;font-size:11px}.commercial-main-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;display:grid}.commercial-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 3px 14px #0f172a0a}.commercial-panel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.commercial-panel-header span{color:#94a3b8;letter-spacing:.12em;font-size:10px;font-weight:800;display:block}.commercial-panel-header h2{color:#0f172a;margin:4px 0 0;font-size:18px}.commercial-month-revenue{text-align:right}.commercial-month-revenue span{letter-spacing:normal;font-size:11px;font-weight:600}.commercial-month-revenue strong{color:#16a34a;margin-top:4px;font-size:18px;display:block}.commercial-chart{width:100%;height:255px}.commercial-revenue-strip{border-top:1px solid #eef2f7;grid-template-columns:repeat(3,1fr);margin-top:10px;padding-top:16px;display:grid}.commercial-revenue-strip>div{border-right:1px solid #eef2f7;flex-direction:column;gap:4px;padding:0 15px;display:flex}.commercial-revenue-strip>div:first-child{padding-left:0}.commercial-revenue-strip>div:last-child{border-right:0}.commercial-revenue-strip span{color:#94a3b8;font-size:11px}.commercial-revenue-strip strong{color:#0f172a;font-size:15px}.vending-success{background:#f0fdf4;border:1px solid #dcfce7;border-radius:14px;align-items:center;gap:14px;margin-bottom:15px;padding:16px;display:flex}.vending-success-value{color:#16a34a;font-size:27px;font-weight:800}.vending-success>div:last-child{flex-direction:column;display:flex}.vending-success strong{color:#14532d;font-size:13px}.vending-success span{color:#64748b;margin-top:2px;font-size:10px}.vending-list{flex-direction:column;gap:9px;display:flex}.vending-row{border:1px solid #e2e8f0;border-radius:11px;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.vending-row-label{color:#475569;align-items:center;gap:9px;font-size:12px;display:flex}.vending-row-label svg{width:17px;height:17px}.vending-row.success svg{color:#16a34a}.vending-row.pending svg{color:#d97706}.vending-row.failed svg{color:#dc2626}.vending-row strong{color:#0f172a}.commercial-customer-summary{color:#16a34a;border-top:1px solid #eef2f7;align-items:center;gap:12px;margin-top:17px;padding-top:17px;display:flex}.commercial-customer-summary>div{flex-direction:column;display:flex}.commercial-customer-summary strong{color:#0f172a;font-size:20px}.commercial-customer-summary span{color:#64748b;font-size:11px}.commercial-record-count{color:#64748b;background:#f8fafc;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.commercial-table-wrap{overflow-x:auto}.commercial-table{border-collapse:collapse;width:100%;font-size:12px}.commercial-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:11px 12px;font-size:10px}.commercial-table td{color:#475569;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:13px 12px}.commercial-table tbody tr:last-child td{border-bottom:0}.commercial-table tbody tr:hover{background:#fafdfb}.commercial-customer-cell{flex-direction:column;gap:3px;display:flex}.commercial-customer-cell strong{color:#0f172a}.commercial-customer-cell span{color:#94a3b8;font-size:10px}.commercial-money{font-weight:700;color:#0f172a!important}.commercial-status{border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.commercial-status.tokengenerated,.commercial-status.metercredited{color:#15803d;background:#dcfce7}.commercial-status.pending{color:#b45309;background:#fef3c7}.commercial-status.failed{color:#b91c1c;background:#fee2e2}.commercial-empty{text-align:center;color:#94a3b8!important;padding:35px!important}.commercial-loading,.commercial-error{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:30px}.commercial-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@media (width<=1150px){.commercial-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-main-grid{grid-template-columns:1fr}}@media (width<=700px){.commercial-heading{flex-direction:column}.commercial-stat-grid{grid-template-columns:1fr}.commercial-revenue-strip{grid-template-columns:1fr;gap:12px}.commercial-revenue-strip>div{border-right:0;padding:0}}.resident-wallet-page{flex-direction:column;gap:20px;display:flex}.resident-wallet-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.resident-wallet-heading h2{color:#0f172a;margin:3px 0 6px;font-size:28px}.resident-wallet-heading>div>p:last-child{color:#64748b;margin:0;font-size:13px}.resident-wallet-refresh{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;display:flex}.resident-wallet-summary{grid-template-columns:1.3fr 1fr 1fr;gap:16px;display:grid}.resident-balance-card,.resident-wallet-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:19px;box-shadow:0 3px 14px #0f172a0a}.resident-balance-card{align-items:center;gap:15px;display:flex}.resident-balance-icon{color:#16a34a;background:#f0fdf4;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.resident-balance-card>div:last-child,.resident-wallet-info-card{flex-direction:column;display:flex}.resident-balance-card span,.resident-wallet-info-card>span{color:#64748b;font-size:11px}.resident-balance-card strong{color:#0f172a;margin-top:3px;font-size:27px}.resident-wallet-info-card>strong{color:#0f172a;margin-top:7px;font-size:20px}.resident-wallet-info-card strong small{color:#64748b;font-size:11px}.resident-balance-card small,.resident-wallet-info-card>small{color:#94a3b8;margin-top:5px;font-size:10px}.resident-purchase-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px;display:grid}.resident-amount-label{color:#475569;margin:18px 0 7px;font-size:12px;font-weight:700;display:block}.resident-amount-input{background:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;display:flex;overflow:hidden}.resident-amount-input span{color:#64748b;padding-left:16px;font-size:22px;font-weight:700}.resident-amount-input input{color:#0f172a;border:0;outline:0;width:100%;padding:15px 13px;font-size:21px;font-weight:700}.resident-quick-amounts{gap:8px;margin-top:10px;display:flex}.resident-quick-amounts button{color:#15803d;cursor:pointer;background:#f0fdf4;border:1px solid #dcfce7;border-radius:9px;padding:7px 11px;font-size:11px;font-weight:700}.resident-purchase-preview{border:1px solid #e2e8f0;border-radius:12px;margin-top:18px;overflow:hidden}.resident-preview-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:20px;padding:11px 13px;display:flex}.resident-preview-row:last-child{border-bottom:0}.resident-preview-row span{color:#64748b;font-size:12px}.resident-preview-row strong{color:#0f172a;font-size:12px}.resident-preview-row.highlight strong{color:#16a34a}.resident-preview-row.danger strong{color:#dc2626}.resident-buy-button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:17px;padding:13px 16px;font-weight:800;display:flex}.resident-buy-button:disabled{opacity:.45;cursor:not-allowed}.resident-purchase-error{color:#b91c1c;background:#fef2f2;border-radius:9px;margin-top:13px;padding:10px 12px;font-size:11px}.resident-destination-meter{background:#f0fdf4;border-radius:12px;margin:16px 0;padding:17px}.resident-destination-meter span{color:#64748b;font-size:10px;display:block}.resident-destination-meter strong{color:#15803d;margin-top:5px;font-size:19px;display:block}.resident-destination-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:14px;padding:11px 0;font-size:11px;display:flex}.resident-destination-row span{color:#64748b}.resident-destination-row strong{color:#0f172a;text-align:right}.resident-token-success{background:#fff;border:1px solid #bbf7d0;border-radius:16px;padding:22px;box-shadow:0 3px 14px #0f172a0a}.resident-token-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.resident-token-heading{margin-top:13px}.resident-token-heading>span{color:#16a34a;letter-spacing:.12em;font-size:10px;font-weight:800}.resident-token-heading h3{color:#0f172a;margin:4px 0}.resident-token-heading p{color:#64748b;margin:0;font-size:12px}.resident-token-box{color:#fff;background:#0f172a;border-radius:13px;margin-top:18px;padding:17px}.resident-token-box>span{color:#94a3b8;font-size:10px;display:block}.resident-token-box>strong{letter-spacing:.06em;margin:7px 0 12px;font-size:24px;display:block}.resident-token-box button{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;display:flex}.resident-token-meta{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.resident-token-meta>div{flex-direction:column;gap:4px;display:flex}.resident-token-meta span{color:#94a3b8;font-size:10px}.resident-token-meta strong{color:#0f172a;font-size:12px}@media (width<=900px){.resident-wallet-summary,.resident-purchase-grid{grid-template-columns:1fr}.resident-token-meta{grid-template-columns:repeat(2,1fr)}}.resident-transactions-page{flex-direction:column;gap:20px;display:flex}.resident-transaction-summary{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.resident-transaction-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.resident-transaction-summary-card>div:last-child{flex-direction:column;gap:4px;display:flex}.resident-transaction-summary-card span{color:#64748b;font-size:11px}.resident-transaction-summary-card strong{color:#0f172a;font-size:21px}.resident-transactions-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.resident-transactions-header h3{color:#0f172a;margin:0}.resident-transactions-header p{color:#64748b;margin:4px 0 0;font-size:11px}.resident-transaction-search{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 11px;display:flex}.resident-transaction-search input{color:#0f172a;border:0;outline:0;min-width:220px}.resident-transaction-list{flex-direction:column;gap:12px;display:flex}.resident-transaction-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:14px;padding:16px;display:flex}.resident-transaction-icon{border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.resident-transaction-icon.credit{color:#16a34a;background:#f0fdf4}.resident-transaction-icon.debit{color:#ea580c;background:#fff7ed}.resident-transaction-icon svg{width:20px;height:20px}.resident-transaction-main{flex:1;min-width:0}.resident-transaction-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.resident-transaction-title-row>div:first-child{flex-direction:column;gap:3px;display:flex}.resident-transaction-title-row strong{color:#0f172a}.resident-transaction-title-row span{color:#64748b;font-size:11px}.resident-transaction-amount{white-space:nowrap;font-size:17px;font-weight:800}.resident-transaction-amount.credit{color:#16a34a}.resident-transaction-amount.debit{color:#dc2626}.resident-transaction-meta{border-top:1px solid #f1f5f9;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;padding-top:13px;display:grid}.resident-transaction-meta>div{flex-direction:column;gap:3px;display:flex}.resident-transaction-meta span{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:9px}.resident-transaction-meta strong{color:#475569;overflow-wrap:anywhere;font-size:10px}.resident-purchase-history{background:#f8fafc;border-radius:12px;margin-top:14px;padding:14px}.resident-purchase-history-top{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.resident-purchase-history-top>div{flex-direction:column;gap:3px;display:flex}.resident-purchase-history-top span,.resident-history-token span,.resident-history-provider{color:#64748b;font-size:10px}.resident-purchase-history-top strong{color:#0f172a;font-size:11px}.resident-vending-success{align-items:center;gap:5px;display:flex;color:#16a34a!important}.resident-history-token{color:#fff;background:#0f172a;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;padding:12px;display:flex}.resident-history-token>div{flex-direction:column;gap:5px;display:flex}.resident-history-token span{color:#94a3b8}.resident-history-token strong{letter-spacing:.05em;font-size:17px}.resident-history-token button{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;display:flex}.resident-history-provider{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:10px;display:flex}.resident-history-provider strong{color:#475569}@media (width<=900px){.resident-transaction-summary,.resident-transaction-meta,.resident-purchase-history-top{grid-template-columns:1fr}.resident-transactions-header{flex-direction:column;align-items:stretch}.resident-transaction-search input{width:100%;min-width:0}.resident-transaction-title-row{flex-direction:column}}.sums-login-page{background:radial-gradient(circle at 0 0,#16a34a1a,#0000 35%),#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:30px;display:flex}.sums-login-brand{flex-direction:column;align-items:center;gap:7px;display:flex}.sums-login-brand img{width:210px;max-width:80vw}.sums-login-brand span{color:#64748b;font-size:12px}.sums-login-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(430px,100%);padding:30px;box-shadow:0 18px 50px #0f172a14}.sums-login-heading{margin-bottom:24px}.sums-login-heading p{color:#16a34a;letter-spacing:.14em;margin:0 0 6px;font-size:10px;font-weight:800}.sums-login-heading h1{color:#0f172a;margin:0;font-size:28px}.sums-login-heading span{color:#64748b;margin-top:8px;font-size:12px;line-height:1.6;display:block}.sums-login-card form{flex-direction:column;display:flex}.sums-login-card label{color:#475569;margin:13px 0 7px;font-size:11px;font-weight:700}.sums-login-input{color:#94a3b8;background:#fff;border:1px solid #cbd5e1;border-radius:11px;align-items:center;gap:9px;padding:0 13px;display:flex}.sums-login-input:focus-within{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a14}.sums-login-input input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;padding:13px 0;font-size:13px}.sums-login-button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:13px 15px;font-weight:800;display:flex}.sums-login-button:disabled{opacity:.6;cursor:wait}.sums-login-error{color:#b91c1c;background:#fef2f2;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:11px}.sums-login-footer{text-align:center;color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:22px;padding-top:17px;font-size:10px}.sums-logout-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.sums-logout-button:hover{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.ite-login-brand img{width:320px;max-width:86vw}.ite-login-brand span{color:#36506b;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.ite-login-page .sums-login-card{border-top:3px solid #16a34a}