:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:500;color-scheme:dark;color:#f8fafc;background-color:#0b1120}body{margin:0;display:block;min-width:320px;min-height:100vh;background:radial-gradient(circle at top center,#1e293b,#0b1120 70%);color:#f8fafc}#root{width:100%}.top-bar{background:#0f172a66;border-bottom:1px solid rgba(255,255,255,.05);padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.logo-text{display:flex;flex-direction:column}.logo-title{font-weight:800;font-size:16px;letter-spacing:-.02em;color:#fff;line-height:1.1}.logo-subtitle{font-size:11px;color:#64748b;font-weight:600}.dash-header{padding:24px;display:flex;justify-content:space-between;align-items:flex-end}.dash-title{font-size:24px;font-weight:800;color:#fff;margin:0;line-height:1.2}.dash-subtitle{font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px;margin-top:6px}.selector-field{background:#1e293b;border:1px solid rgba(255,255,255,.05);color:#cbd5e1;border-radius:8px;padding:10px 16px;font-size:13px;outline:none;cursor:pointer;width:260px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.selector-field:focus{border-color:#3b82f6}.btn-sync{background:#1e293b;color:#f8fafc;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 16px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-sync:hover{background:#334155}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 24px 24px}.kpi-card{background:#1e293b;border-radius:12px;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.bd-grey{border-left:4px solid #f8fafc}.bd-green{border-left:4px solid #34d399}.bd-yellow{border-left:4px solid #fbbf24}.bd-red{border-left:4px solid #ef4444}.bd-purple{border-left:4px solid #8b5cf6}.bd-blue{border-left:4px solid #3b82f6}.bd-pink{border-left:4px solid #ec4899}.icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.bg-grey-tint{background:#f8fafc1a;color:#f8fafc}.bg-green-tint{background:#34d3991a;color:#34d399}.bg-yellow-tint{background:#fbbf241a;color:#fbbf24}.bg-red-tint{background:#ef44441a;color:#ef4444}.bg-purple-tint{background:#8b5cf61a;color:#8b5cf6}.bg-blue-tint{background:#3b82f61a;color:#3b82f6}.bg-pink-tint{background:#ec48991a;color:#ec4899}.kpi-value{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:4px;line-height:1}.kpi-label{font-size:.65rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.1em}.kpi-badge{position:absolute;top:20px;right:20px;background:#34d3991a;color:#34d399;font-size:10px;font-weight:700;padding:4px 8px;border-radius:12px}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:0 24px 24px}.chart-card{background:#1e293b;border-radius:12px;padding:24px}.chart-title{font-size:14px;font-weight:700;color:#f8fafc;margin-bottom:4px}.chart-subtitle{font-size:11px;color:#64748b;margin-bottom:24px}.occupancy-list{display:flex;flex-direction:column;gap:12px}.occupancy-item{display:flex;justify-content:space-between;align-items:center}.finance-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.finance-row:last-child{margin-bottom:0}.finance-label{color:#64748b;font-size:13px;font-weight:500}.finance-value{color:#fff;font-size:14px;font-weight:700}.finance-divider{height:2px;background:#ffffff0d;margin:16px 0;border-radius:2px}.loading-overlay{position:fixed;inset:0;background:#0f172ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.finance-blocks-container{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}.finance-block{flex:1;background:#ffffff08;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.finance-block.clickable{cursor:pointer;border:1px solid rgba(244,63,94,.4)}.finance-block.clickable:hover{background:#f43f5e1a;transform:translateY(-2px)}.finance-block-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.finance-block-value{font-size:20px;font-weight:800;color:#f8fafc}.modal-overlay{position:fixed;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#1e293b;width:800px;max-width:90vw;max-height:80vh;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.modal-title{color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;gap:12px}.modal-body{padding:24px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}.defaulters-table{width:100%;border-collapse:collapse}.defaulters-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.05)}.defaulters-table td{padding:16px;font-size:14px;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.02)}.defaulters-table tr.hoverable-row:hover td{background:#ffffff05}.expanded-row-bg td{padding:0!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.expanded-details{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:24px 16px 24px 44px;background:#0003;border-left:2px solid #f43f5e}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:10px;font-weight:700;color:#64748b;letter-spacing:.05em}.detail-value{font-size:14px;font-weight:700;color:#f8fafc}.text-red{color:#f43f5e}.text-yellow{color:#fbbf24}.text-muted{color:#94a3b8;font-weight:600!important}.close-button{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#fff}.top-bar-actions{display:flex;align-items:center;gap:16px}.top-bar-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;font-weight:600}.dash-header-status{font-size:12px;font-weight:600;color:#34d399;display:flex;align-items:center;gap:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.top-bar{flex-direction:column;align-items:flex-start;gap:16px}.top-bar-actions{flex-direction:column;width:100%;align-items:stretch}.selector-field{width:100%;max-width:100%}.btn-sync{width:100%;justify-content:center}.dash-header{flex-direction:column;align-items:flex-start;gap:12px}.kpi-grid{grid-template-columns:1fr}.finance-blocks-container{flex-direction:column}.finance-block{width:100%}.expanded-details{grid-template-columns:1fr;padding:16px}.modal-content{width:95%}}