:root{--primary-h: 221;--primary-s: 83%;--primary-l: 53%;--bg-h: 210;--bg-s: 40%;--bg-l: 98%;--text-main: #1E293B;--text-muted: #64748B;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-light: hsl(var(--primary-h), var(--primary-s), 95%);--bg-color: hsl(var(--bg-h), var(--bg-s), var(--bg-l));--sidebar-width: 260px;--header-height: 70px;--card-shadow: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--hover-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -2px rgb(0 0 0 / .05);--border-color: #E2E8F0;--radius: 12px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;position:fixed;height:100vh;z-index:50;transition:transform .3s ease;left:0;top:0}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease}.mobile-header{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:10px 0 25px -5px #0000001a}.main-content{margin-left:0;width:100%}.top-bar{padding:0 1rem;height:60px;position:static}.top-bar h1{font-size:1.1rem}.content-area{padding:1rem}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:60}.sidebar .logo.desktop-only{display:none}}.top-bar{height:var(--header-height);background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:40}.top-bar h1{font-size:1.5rem;font-weight:700;margin:0}.user-profile{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-info .name{font-weight:600;font-size:.9rem}.user-info .role{font-size:.75rem;color:var(--text-muted)}.content-area{padding:2rem;max-width:1400px;width:100%;box-sizing:border-box;margin:0 auto}.logo{font-size:1.5rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.logo span{color:var(--primary)}.nav-group{margin-bottom:2rem}.nav-group.bottom{margin-top:auto}.nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;font-weight:600}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-weight:500;position:relative;margin-bottom:4px}.nav-item:hover{background-color:var(--bg-color);color:var(--text-main)}.nav-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.active-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);height:20px;width:4px;background:var(--primary);border-radius:4px 0 0 4px}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--card-shadow);border:1px solid var(--border-color);overflow:hidden}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem}@media(max-width:480px){.action-grid{grid-template-columns:1fr}}.action-card{padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border-color);background:#fff;transition:all .3s ease;cursor:pointer;border-left-width:4px}.action-card:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.action-card.danger{border-left-color:var(--danger);background:linear-gradient(to right,rgba(239,68,68,.05),transparent)}.action-card.danger .action-title,.action-card.danger .action-icon{color:var(--danger)}.action-card.warning{border-left-color:var(--warning);background:linear-gradient(to right,rgba(245,158,11,.05),transparent)}.action-card.warning .action-title,.action-card.warning .action-icon{color:var(--warning)}.action-card.info{border-left-color:var(--info);background:linear-gradient(to right,rgba(59,130,246,.05),transparent)}.action-card.info .action-title,.action-card.info .action-icon{color:var(--info)}.action-header{display:flex;justify-content:space-between;margin-bottom:1rem}.action-title{font-size:.875rem;font-weight:700;text-transform:uppercase;margin:0}.action-count{font-size:2.25rem;font-weight:800;color:var(--text-main)}.action-label{font-size:.875rem;color:var(--text-muted)}.main-stats-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:1024px){.main-stats-grid{grid-template-columns:1fr;gap:1rem}}.chart-card{padding:1.5rem;height:320px;display:flex;flex-direction:column}.chart-container{flex:1;width:100%;min-height:0}.card-title{font-size:1.125rem;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;gap:8px}.occupancy-card{padding:1.5rem;height:320px}.donut-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.donut-chart{width:160px;height:160px;position:relative}.donut-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#e2e8f0;stroke-width:2.5}.circle-progress{fill:none;stroke:var(--primary);stroke-width:2.5;stroke-linecap:round;transition:stroke-dasharray 1s ease}.donut-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-percent{font-size:1.75rem;font-weight:800;color:var(--text-main)}.donut-label{font-size:.75rem;color:var(--text-muted)}.donut-subtext{margin-top:1rem;font-size:.875rem;color:var(--text-muted);font-weight:500}.space-y-large{display:flex;flex-direction:column;gap:1.5rem}.filters-bar{padding:1rem;display:flex;gap:1rem;flex-wrap:wrap}.search-wrapper,.filter-wrapper{position:relative;display:flex;align-items:center}.search-wrapper{flex:1}.search-icon,.filter-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius);outline:none;transition:border .2s;box-sizing:border-box}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.filter-select{padding:.75rem 2rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius);outline:none;background:#f8fafc;color:var(--text-muted);font-weight:500;cursor:pointer}.modern-table{width:100%;border-collapse:separate;border-spacing:0}.modern-table th{text-align:left;padding:1rem 1.5rem;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--border-color);background:#fcfcfc}.modern-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover{background-color:#f8fafc}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center}.user-name{font-weight:600;color:var(--text-main)}.status-pill{padding:4px 12px;border-radius:99px;font-size:.75rem;font-weight:700;display:inline-block}.status-pill.success{background:#ecfdf5;color:#047857}.status-pill.warning{background:#fffbeb;color:#b45309}.status-pill.danger{background:#fef2f2;color:#b91c1c}.status-pill.info{background:#eff6ff;color:#1d4ed8}.status-pill.neutral{background:#f1f5f9;color:#475569}.icon-btn.success{color:#059669;background:transparent;border:none;padding:8px;border-radius:50%;cursor:pointer;transition:background .2s}.icon-btn.success:hover{background:#ecfdf5}.stats-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{padding:1.25rem;border-radius:var(--radius);background:#fff;border:1px solid var(--border-color);box-shadow:var(--card-shadow);display:flex;flex-direction:column}.summary-card.success{border-bottom:4px solid var(--success)}.summary-card.info{border-bottom:4px solid var(--info)}.summary-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;margin-bottom:4px}.summary-value{font-size:1.5rem;font-weight:700;color:var(--text-main)}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.room-card{background:#fff;border-radius:var(--radius);border:1px solid var(--border-color);padding:1.25rem;position:relative;cursor:pointer;transition:all .2s;overflow:hidden}.room-card:hover{transform:translateY(-4px);box-shadow:var(--hover-shadow)}.room-card.occupied{border-left:4px solid var(--info)}.room-card.vacant{border-left:4px solid var(--success)}.room-card.maintenance{border-left:4px solid var(--warning);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#FFFBEB 10px,#FFFBEB 20px)}.room-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.room-number{font-size:1.125rem;font-weight:800;color:var(--text-main)}.ping-indicator{width:8px;height:8px;background:var(--success);border-radius:50%;position:relative}.ping-indicator:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--success);opacity:.5;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.room-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px}.room-price{font-weight:600;color:var(--text-main)}.room-footer{margin-top:1rem;display:flex;justify-content:flex-end}.status-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;display:flex;align-items:center;gap:4px}.status-badge.occupied{background:#eff6ff;color:var(--info)}.status-badge.vacant{background:#ecfdf5;color:var(--success)}.status-badge.maintenance{background:#fffbeb;color:var(--warning)}.settings-container{max-width:800px;margin:0 auto}.settings-card{border-radius:var(--radius);background:#fff;border:1px solid var(--border-color);overflow:hidden}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#fafafa}.header-title{font-size:1.25rem;font-weight:700;margin:0}.header-subtitle{font-size:.875rem;color:var(--text-muted);margin:4px 0 0}.form-grid{padding:2rem;display:flex;flex-direction:column;gap:2rem}.form-section{border-bottom:1px dashed var(--border-color);padding-bottom:2rem}.form-section:last-child{border-bottom:none}.section-header{font-size:.875rem;text-transform:uppercase;font-weight:700;margin-bottom:1.5rem;color:var(--text-main)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.input-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.input-group input{padding:.6rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;transition:border .2s}.input-group input:focus{border-color:var(--primary);outline:none}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-switch input{display:none}.slider{width:44px;height:24px;background:#cbd5e1;border-radius:24px;position:relative;transition:background .3s}.slider:after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.slider{background:var(--primary)}.toggle-switch input:checked+.slider:after{transform:translate(20px)}.label-text{font-size:.9rem;font-weight:500}.card-footer{background:#fafafa;padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.primary-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.primary-btn:hover{background:#1d4ed8}.text-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:500}.text-btn:hover{color:var(--primary)}.mobile-header{display:none;padding:1rem;background:#fff;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;position:sticky;top:0;z-index:60}.menu-btn{background:none;border:none;cursor:pointer;padding:4px}.desktop-only{display:flex}@media(max-width:768px){.sidebar{transform:translate(-100%);width:240px;box-shadow:0 0 20px #0000001a}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-header{display:flex}.desktop-only,.top-bar{display:none}.content-area{padding:1rem}.action-grid,.main-stats-grid,.input-row,.input-row-3{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;width:100%;max-width:500px;border-radius:var(--radius);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.125rem}.close-btn{background:transparent;border:none;cursor:pointer;color:var(--text-muted)}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.modal-footer{padding:1rem 1.5rem;background:#f9fafb;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--border-color)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-main)}.form-input,.form-select{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.secondary-btn{background:#fff;border:1px solid var(--border-color);color:var(--text-main);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:#f1f5f9}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.currency-badge{background:var(--bg-color);color:var(--text-muted);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px}.target-widget-content{display:flex;flex-direction:column;justify-content:space-between;flex:1}.revenue-summary{margin-bottom:2rem}.revenue-main{display:flex;flex-direction:column;margin-bottom:.5rem}.revenue-label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.05em}.revenue-amount{font-size:2.25rem;font-weight:800;color:var(--text-main);line-height:1.1}.revenue-sub{display:flex;gap:1rem}.revenue-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted)}.revenue-item strong{color:var(--text-main)}.dot{width:8px;height:8px;border-radius:50%}.dot.rent{background:var(--success)}.dot.deposit{background:var(--warning)}.progress-container{position:relative;margin-bottom:1.5rem}.progress-header{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-bottom:6px;font-weight:500}.progress-track{background:var(--bg-color);border-radius:99px;overflow:hidden;height:10px;width:100%}.progress-fill{background:var(--primary);height:100%;border-radius:99px;transition:width 1s ease}.timeline-info{position:relative;height:20px;margin-top:4px}.timeline-marker{position:absolute;transform:translate(-50%);font-size:.7rem;color:var(--text-muted);font-weight:600;white-space:nowrap;display:flex;flex-direction:column;align-items:center;top:-2px}.widget-footer-simple{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.status-text{display:flex;align-items:center;gap:6px;margin:0;font-weight:500}.status-text.danger{color:var(--danger)}.status-text.success{color:var(--success)}.new-tenants-badge{background:var(--primary-light);color:var(--primary);padding:4px 8px;border-radius:99px;font-size:.7rem;font-weight:700}.payments-header-card{background:#fff;padding:1.5rem;border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid var(--border-color)}.payments-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.filters-row{display:flex;gap:1rem;flex-wrap:wrap}.search-input-wrapper{flex:2;background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.search-icon-sm{color:var(--text-muted)}.clean-input{border:none;background:transparent;width:100%;outline:none;font-size:.9rem;color:var(--text-main)}.select-group{display:flex;gap:1rem;flex:1}.custom-select-wrapper{position:relative;flex:1;min-width:140px}.clean-select{width:100%;appearance:none;background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius);padding:.75rem 2rem .75rem 1rem;outline:none;cursor:pointer;font-size:.9rem;color:var(--text-main);font-weight:500}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.btn-primary-outline{display:flex;align-items:center;gap:8px;padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--border-color);background:#fff;color:var(--text-main);font-weight:600;cursor:pointer;transition:all .2s;font-size:.85rem}.btn-primary-outline:hover{background:#f8fafc;border-color:var(--primary);color:var(--primary)}.payment-summary-card{background:#1e3a8a;color:#fff;padding:1.5rem;border-radius:var(--radius);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 15px -3px #1e3a8a66}.summary-left{display:flex;flex-direction:column}.summary-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;opacity:1;font-weight:700;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.summary-amount{font-size:2rem;font-weight:800}.summary-badge{background:#fff3;padding:4px 12px;border-radius:99px;font-size:.8rem;font-weight:500}.transactions-list{display:flex;flex-direction:column;gap:.75rem}.transaction-item{background:#fff;border-radius:var(--radius);border:1px solid var(--border-color);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;transition:all .2s;cursor:default}.transaction-item:hover{transform:translate(4px);border-color:var(--primary-light);box-shadow:var(--card-shadow)}.tx-icon-col{width:50px}.tx-icon-bg{width:40px;height:40px;border-radius:12px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.tx-icon-bg.success{background:#ecfdf5;color:#059669}.tx-icon-bg.pending{background:#fffbeb;color:#d97706}.tx-details-col{flex:1;display:flex;flex-direction:column}.tx-name{font-weight:600;color:var(--text-main);font-size:.95rem}.tx-meta{font-size:.8rem;color:var(--text-muted);margin-top:2px}.tx-amount-col{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.tx-amount{font-weight:700;color:var(--success);font-size:1rem}.tx-status{font-size:.7rem;text-transform:uppercase;font-weight:600;margin-top:4px;color:var(--text-muted)}.tx-status.verified{color:var(--success)}.tx-status.pending{color:var(--warning)}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-icon{opacity:.2;margin-bottom:1rem}.room-card{position:relative;overflow:hidden}.room-overlay{position:absolute;bottom:-100%;left:0;right:0;background:#1e293bf2;color:#fff;padding:1rem;transition:bottom .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:10;border-top:2px solid var(--primary);max-height:80%;overflow-y:auto}.room-card:hover .room-overlay{bottom:0}.overlay-title{font-size:.75rem;text-transform:uppercase;font-weight:700;color:#94a3b8;margin-bottom:.5rem;letter-spacing:.05em}.residents-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.residents-list li{font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:8px}.no-residents{font-size:.85rem;color:#cbd5e1;font-style:italic}body.dark-mode{--bg-color: #020617;--text-main: #F1F5F9;--text-muted: #94A3B8;--border-color: #1E293B;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .5)}body.dark-mode .sidebar,body.dark-mode .top-bar,body.dark-mode .card,body.dark-mode .summary-card,body.dark-mode .search-input,body.dark-mode .filter-select,body.dark-mode .transaction-item,body.dark-mode .modern-table th,body.dark-mode .modern-table td,body.dark-mode .modern-table tr:hover,body.dark-mode .group-items{background-color:#0f172a!important;border-color:#1e293b!important;color:#f8fafc!important}body.dark-mode .logo{color:#e2e8f0}body.dark-mode .nav-item:hover,body.dark-mode .nav-item.active{background-color:#334155;color:#fff}body.dark-mode .user-info .name{color:#e2e8f0}body.dark-mode .tx-name,body.dark-mode .tx-amount{color:#e2e8f0!important}body.dark-mode .code-badge{background:#334155!important;color:#cbd5e1!important;border-color:#475569!important}body.dark-mode .date-header{color:#94a3b8!important}body.dark-mode{--bg-color: #0F172A !important;--text-main: #F8FAFC !important;--text-muted: #94A3B8 !important;--border-color: #334155 !important}body.dark-mode,body.dark-mode .app-container{background-color:#0f172a!important;color:#f8fafc!important}body.dark-mode .sidebar,body.dark-mode .top-bar,body.dark-mode .card,body.dark-mode .action-card,body.dark-mode .summary-card,body.dark-mode .room-card,body.dark-mode .settings-card,body.dark-mode .payments-header-card,body.dark-mode .payment-summary-card,body.dark-mode .modern-table th,body.dark-mode .transaction-item,body.dark-mode .filter-select,body.dark-mode .search-input,body.dark-mode .form-card,body.dark-mode .log-card,body.dark-mode .stat-card-small,body.dark-mode .filters-bar,body.dark-mode .table-card{background-color:#1e293b!important;color:#f8fafc!important;border-color:#334155!important}body.dark-mode .secondary-btn,body.dark-mode .btn-primary-outline{color:#f8fafc!important;border-color:#334155!important;background-color:#0f172a!important}body.dark-mode .secondary-btn:hover,body.dark-mode .btn-primary-outline:hover{background-color:#334155!important}body.dark-mode .cat-btn{background-color:#0f172a!important;border-color:#334155!important;color:#f8fafc!important}body.dark-mode .cat-btn:hover{background-color:#334155!important}body.dark-mode .exp-date{background-color:#0f172a!important}body.dark-mode .exp-date .day,body.dark-mode .exp-title{color:#f8fafc!important}body.dark-mode .exp-item,body.dark-mode .expense-item{border-bottom-color:#334155!important}body.dark-mode .group-header-row{background-color:#1e293b!important;color:#f8fafc!important}body.dark-mode .group-header{color:#f8fafc!important}body.dark-mode .count-badge{background-color:#334155!important;color:#cbd5e1!important}body.dark-mode .detail-section{background-color:#0f172a!important;border:1px solid #334155!important}body.dark-mode .d-value{color:#f8fafc!important}body.dark-mode input,body.dark-mode select,body.dark-mode .search-input,body.dark-mode .clean-input,body.dark-mode .clean-select,body.dark-mode .input-group input,body.dark-mode .input-group select,body.dark-mode .form-input,body.dark-mode .form-select{background-color:#0f172a!important;border:1px solid #475569!important;color:#f8fafc!important}body.dark-mode input::placeholder{color:#64748b!important}body.dark-mode .category-btn{background-color:#0f172a!important;border-color:#334155!important;color:#f8fafc!important}body.dark-mode .category-btn.active,body.dark-mode .cat-btn.active{border-color:transparent!important;color:#fff!important;background-color:#3b82f6!important}body.dark-mode .room-card{border-left-width:4px!important}body.dark-mode .room-card.occupied{background-color:#1e293b!important;border-left-color:#3b82f6!important}body.dark-mode .room-card.vacant{background-color:#1e293b!important;border-left-color:#10b981!important}body.dark-mode .nav-item:hover{background-color:#334155!important;color:#f8fafc!important}body.dark-mode .modern-table tr:hover,body.dark-mode .transaction-item:hover,body.dark-mode .tenant-row:hover{background-color:#334155!important}body.dark-mode .section-title,body.dark-mode .card-title,body.dark-mode .header-title,body.dark-mode .revenue-amount,body.dark-mode .summary-value,body.dark-mode .action-count,body.dark-mode .room-number{color:#f8fafc!important}body.dark-mode .action-label,body.dark-mode .summary-label,body.dark-mode .room-type{color:#94a3b8!important}body.dark-mode .card-header,body.dark-mode .card-header-row{background-color:#1e293b!important;border-bottom-color:#334155!important}