: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));--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--premium-shadow: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--accent-gradient: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);--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}@keyframes dropDown{0%{transform:translateY(-100vh) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.bg-drop{position:fixed;width:2px;height:20px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2));pointer-events:none;z-index:-1;animation:dropDown linear infinite}.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 1.5rem 3rem;position:fixed;height:100vh;z-index:50;transition:transform .3s ease;left:0;top:0;overflow-y:auto;scrollbar-width:thin}.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}html,body{max-width:100vw;overflow-x:hidden}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0000008c;z-index:99;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fadeIn .2s ease}.sidebar-backdrop.visible{display:block}@media(min-width:769px)and (max-width:1024px){.action-grid{grid-template-columns:1fr 1fr}.content-area{padding:1.5rem}.main-stats-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{position:fixed;top:0;left:0;width:80vw;max-width:300px;height:100vh;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100;overflow-y:auto;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:6px 0 30px #0000002e}.main-content{margin-left:0!important;width:100%;max-width:100vw;flex:1}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:56px;background:#fff;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:60;box-shadow:0 1px 8px #00000012;width:100%;flex-shrink:0}.mobile-header .logo{margin-bottom:0;font-size:1.2rem}.menu-btn{background:none;border:none;cursor:pointer;padding:8px;color:var(--text-main);display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.menu-btn:hover{background:var(--bg-color)}body.dark-mode .mobile-header{background:#0f172a;border-bottom-color:#1e293b}body.dark-mode .menu-btn{color:#f1f5f9}.sidebar .logo.desktop-only{display:none}.top-bar{display:none!important}.content-area{padding:.875rem;max-width:100%}h1,.page-title{font-size:clamp(1.1rem,5vw,1.6rem)!important}.portfolio-info h1{font-size:clamp(1.3rem,6vw,2rem)!important;letter-spacing:-.5px}.action-count{font-size:clamp(1.4rem,7vw,2.5rem)!important}.revenue-amount{font-size:clamp(1.5rem,7vw,2.25rem)!important}.action-grid,.main-stats-grid,.stats-grid,.metrics-grid,.summary-grid,.form-row,.input-row,.input-row-3{grid-template-columns:1fr!important}.form-row{gap:.75rem}.card{border-radius:10px}.action-card{min-height:100px;padding:1rem}.primary-btn,.btn-primary,.secondary-btn,.btn-secondary{min-height:44px;padding:10px 16px;font-size:.875rem}.modal-overlay{align-items:flex-end;padding:0}.modal-content,.premium-modal{width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;max-height:92vh;overflow-y:auto}.form-group label{font-size:.875rem}input,select,textarea,.form-input,.clean-input,.clean-select{font-size:16px!important;width:100%}.payments-header-card{padding:1rem}.payments-title-row{flex-direction:column;gap:.75rem;align-items:flex-start}.payments-title-row>div:last-child{width:100%;display:flex;gap:.5rem}.payments-title-row button{flex:1}.filters-row{flex-direction:column;gap:.75rem}.select-group{width:100%;display:flex;gap:.5rem}.select-group .custom-select-wrapper{flex:1}.card-primary-row{flex-wrap:wrap;gap:8px}.amount-anchor{margin-left:auto}.card-raw-data{padding-left:0!important}.raw-data-grid{grid-template-columns:1fr 1fr!important}.tenant-financials{flex-wrap:wrap;gap:.5rem}.balance-badge{font-size:.75rem;padding:4px 10px}.ledger-row{grid-template-columns:1fr!important;gap:8px}.details-col{flex-wrap:wrap;gap:.75rem}.card-summary{padding:.875rem 1rem}.messaging-header{flex-direction:column;align-items:flex-start;gap:.75rem}.header-actions{width:100%;overflow-x:auto;display:flex;gap:.5rem;padding-bottom:4px;-webkit-overflow-scrolling:touch}.btn-tab{white-space:nowrap;padding:8px 14px;font-size:.8rem;flex-shrink:0}.property-profile-container{padding:1rem}.profile-card{padding:1.25rem}.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;font-size:.85rem}.modern-table,.modern-table thead,.modern-table tbody,.modern-table th,.modern-table td,.modern-table tr{display:block}.modern-table thead tr{position:absolute;top:-9999px;left:-9999px}.modern-table tr{margin-bottom:1rem;border:1px solid var(--border-color);border-radius:var(--radius);background:#fff;padding:1rem;box-shadow:var(--card-shadow)}.modern-table td{border:none;border-bottom:1px solid #f1f5f9;padding:.6rem 0;display:flex;justify-content:space-between;align-items:center;text-align:right}.modern-table td:last-child{border-bottom:none}.modern-table td:before{content:attr(data-label);font-weight:700;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;text-align:left;width:45%;flex-shrink:0}.nav-item{padding:.7rem .875rem;font-size:.9rem}.portfolio-header{flex-direction:column;align-items:flex-start;gap:.75rem}.feed-item{padding:.75rem}.feed-text{font-size:.85rem}.user-cell{flex-direction:row}}@media(max-width:380px){.content-area{padding:.6rem}.action-card{padding:.875rem}.nav-item span{font-size:.85rem}.raw-data-grid{grid-template-columns:1fr!important}}.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;flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.5rem;white-space:nowrap}.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}.action-card{padding:1.5rem;border-radius:20px;border:1px solid var(--border-color);background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;position:relative;overflow:hidden}.action-card:hover{transform:translateY(-5px);box-shadow:var(--premium-shadow)}.action-card.danger{border-top:4px solid var(--danger);background:linear-gradient(to bottom,#ef444405,#fff)}.action-card.warning{border-top:4px solid var(--warning);background:linear-gradient(to bottom,#f59e0b05,#fff)}.action-card.info{border-top:4px solid var(--info);background:linear-gradient(to bottom,#3b82f605,#fff)}.action-card.success{border-top:4px solid var(--success);background:linear-gradient(to bottom,#10b98105,#fff)}.action-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.action-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.action-icon{opacity:.2;position:absolute;right:-10px;bottom:-10px;transform:scale(2)}.action-count{font-size:2.5rem;font-weight:800;color:#1e293b;margin:10px 0 5px}.action-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.dashboard-container{position:relative;padding:10px}.dashboard-container:before{content:"";position:fixed;inset:0;background-image:radial-gradient(#e2e8f0 1px,transparent 1.5px);background-size:30px 30px;opacity:.4;z-index:-1;pointer-events:none}.portfolio-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-end}.portfolio-info h1{font-size:2.5rem;font-weight:900;margin:0;letter-spacing:-1px}.portfolio-info p{margin:5px 0 0;color:var(--text-muted);font-weight:500}.intelligence-card{background:#fff;border-radius:24px;border:1px solid var(--border-color);padding:24px;transition:background .3s ease}.feed-list{display:flex;flex-direction:column;gap:15px}.feed-item{display:flex;align-items:center;gap:15px;padding:12px;border-radius:16px;background:var(--bg-color);border:1px solid transparent;transition:all .2s}.feed-item:hover{background:#fff;border-color:var(--border-color);box-shadow:0 4px 6px #00000005}.feed-icon{padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:center}.feed-info{flex:1}.feed-text{font-size:.9rem;font-weight:600;margin-bottom:2px}.feed-time{font-size:.75rem;color:var(--text-muted)}.main-stats-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.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}.donut-chart-master{width:180px;height:180px;position:relative;margin:20px 0}.donut-chart-master svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg-master{fill:none;stroke:#f1f5f9;stroke-width:8}.circle-progress-master{fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1.5s cubic-bezier(.4,0,.2,1)}.donut-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.donut-main-val{font-size:2.25rem;font-weight:900;color:var(--text-main);line-height:1}.donut-sub-lab{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.occupancy-legend{display:flex;gap:20px;margin-top:10px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.active{background-color:var(--primary)}.legend-dot.empty{background-color:#f1f5f9}.card-header-flex{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem}.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)}.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}.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}.revenue-amount{font-size:2.25rem;font-weight:800;color:var(--text-main);line-height:1.1}.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-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}.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}.filters-row{display:flex;gap:1rem;flex-wrap:wrap}.clean-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius);background:#f8fafc;outline:none;font-size:.9rem;color:var(--text-main);transition:border-color .2s,box-shadow .2s}.clean-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.clean-input::placeholder{color:#94a3b8}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.clean-select{width:100%;appearance:none;background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius);padding:.75rem 1rem;outline:none;cursor:pointer}.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}.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}.transaction-item:hover{transform:translate(4px);border-color:var(--primary-light)}.tx-amount{font-weight:700;color:var(--success);font-size:1rem}.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}body.dark-mode{--bg-color: #020617;--card-bg: #0f172a;--text-main: #F1F5F9;--text-muted: #94A3B8;--border-color: #1E293B;background-color:#020617!important;color:#f1f5f9!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 .modern-table th,body.dark-mode .transaction-item,body.dark-mode .intelligence-card{background:#0f172a!important;color:#f1f5f9!important}body.dark-mode .feed-item{background:#ffffff0a!important}body.dark-mode .secondary-btn{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}.text-green-500{color:#10b981!important;stroke:#10b981!important}.text-blue-500{color:#3b82f6!important;stroke:#3b82f6!important}.text-purple-500{color:#8b5cf6!important;stroke:#8b5cf6!important}.text-orange-500{color:#f59e0b!important;stroke:#f59e0b!important}.text-red-500{color:#ef4444!important;stroke:#ef4444!important}body.dark-mode .filter-select,body.dark-mode .search-input,body.dark-mode .modal-content{background-color:#0f172a!important;border-color:#1e293b!important;color:#f8fafc!important}body.dark-mode input,body.dark-mode select,body.dark-mode .clean-input,body.dark-mode .clean-select{background-color:#1e293b!important;border:1px solid #334155!important;color:#f8fafc!important}body.dark-mode .nav-item:hover,body.dark-mode .nav-item.active{background-color:#334155;color:#fff}body.dark-mode .modern-table tr:hover{background-color:#1e293b}.loading-state,.error-state{display:flex;align-items:center;justify-content:center;min-height:200px;font-weight:600;color:#64748b;background:#fff;border-radius:var(--radius);border:1px solid var(--border-color);margin:20px 0}body.dark-mode .loading-state,body.dark-mode .error-state{background:#0f172a;color:#94a3b8;border-color:#1e293b}