@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Prompt:wght@200;300;400;500;600;700&display=swap";:root{--bg-primary:#0a0f1d;--bg-secondary:#111827;--bg-card:#111827b3;--bg-card-hover:#1f2937cc;--bg-sidebar:#0a0f1dd9;--color-accent:#0d9488;--color-accent-light:#14b8a6;--color-accent-dark:#0f766e;--color-accent-glow:#14b8a626;--color-text-primary:#f3f4f6;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-vacant:#10b981;--color-vacant-bg:#10b9811f;--color-vacant-border:#10b9814d;--color-occupied:#3b82f6;--color-occupied-bg:#3b82f61f;--color-occupied-border:#3b82f64d;--color-maintenance:#f97316;--color-maintenance-bg:#f973161f;--color-maintenance-border:#f973164d;--color-reserved:#fbbf24;--color-reserved-bg:#fbbf2414;--color-reserved-border:#fbbf2440;--color-unpaid:#ef4444;--color-unpaid-bg:#ef44441f;--color-unpaid-border:#ef44444d;--border-color:#ffffff14;--border-glow:#14b8a633;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #00000026;--shadow-glow:0 0 20px #14b8a640;--font-sans:"Outfit", "Prompt", system-ui, -apple-system, sans-serif;box-sizing:border-box}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;height:100%;color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-light)}#root{text-align:left;border:none;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.app-container{background:radial-gradient(circle at 10% 20%,#0a0f1d 0%,#111827 90.1%);width:100vw;min-height:100vh;display:flex;overflow:hidden}.main-content{box-sizing:border-box;flex:1;height:100vh;padding:2.5rem;overflow-y:auto}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;z-index:10;flex-direction:column;width:280px;height:100vh;padding:1.75rem;display:flex}.sidebar-header{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.logo-icon{background:linear-gradient(135deg, var(--color-accent-light), var(--color-accent-dark));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 10px #14b8a64d}.logo-icon svg{width:22px;height:22px}.logo-text h1{color:#fff;letter-spacing:-.5px;font-size:1.25rem;font-weight:700;line-height:1.2}.logo-text p{color:var(--color-text-secondary);letter-spacing:1px;font-size:.7rem;font-weight:600}.role-selector{border:1px solid var(--border-color);background-color:#ffffff0a;border-radius:30px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.35rem .75rem;display:flex}.role-badge{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;transition:color .3s}.role-badge.active{color:#fff;font-weight:600}.role-toggle-btn{cursor:pointer;background-color:#374151;border:none;border-radius:15px;width:50px;height:26px;transition:background-color .3s;position:relative}.role-toggle-btn.admin-active{background-color:var(--color-accent)}.toggle-slider{width:20px;height:20px;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:50px;transition:transform .3s;position:absolute;top:3px;left:3px}.role-toggle-btn.admin-active .toggle-slider{transform:translate(24px)}.sidebar-nav{flex-direction:column;flex:1;gap:.4rem;display:flex}.nav-section-title{color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase;margin:1rem 0 .5rem .5rem;font-size:.75rem;font-weight:700}.nav-item{color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.85rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .25s;display:flex}.nav-item:hover{color:#fff;background-color:#ffffff0a}.nav-item.active{background-color:var(--color-accent-glow);color:var(--color-accent-light);border-color:var(--border-glow);font-weight:600}.admin-nav-item.active{color:#fb923c;background-color:#f973161a;border-color:#f9731633}.nav-icon{font-size:1.1rem}.badge{color:#fff;background-color:#ef4444;border-radius:10px;margin-left:auto;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.contact-card{border:1px solid var(--border-color);text-align:center;background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:16px;padding:1rem}.contact-card h4{color:#fff;margin-bottom:.25rem;font-size:.85rem}.contact-card p{color:var(--color-text-secondary);margin-bottom:.85rem;font-size:.75rem}.line-contact-btn{color:#fff;box-sizing:border-box;background-color:#06c755;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.5rem 1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.line-contact-btn:hover{opacity:.9}.section-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.section-header h2{color:#fff;margin-bottom:.35rem;font-size:1.75rem;font-weight:700}.section-header p{color:var(--color-text-secondary);font-size:.95rem}.building-tabs{border:1px solid var(--border-color);background-color:#ffffff08;border-radius:12px;padding:.25rem;display:flex}.building-tab-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .25s}.building-tab-btn:hover{color:#fff}.building-tab-btn.active{background-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.building-stats{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;gap:.35rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.stat-card:hover{background-color:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-3px)}.stat-num{color:#fff;font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.stat-card.vacant:hover{border-color:var(--color-vacant)}.stat-card.occupied:hover{border-color:var(--color-occupied)}.stat-card.reserved:hover{border-color:var(--color-reserved)}.stat-card.maintenance:hover{border-color:var(--color-maintenance)}.filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.filter-title{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.filter-btn{border:1px solid var(--border-color);color:var(--color-text-secondary);cursor:pointer;background-color:#ffffff08;border-radius:30px;padding:.4rem .9rem;font-size:.8rem;font-weight:500;transition:all .2s}.filter-btn:hover{color:#fff;background-color:#ffffff0f}.filter-btn.active{color:var(--bg-primary);background-color:#fff;border-color:#fff;font-weight:600}.filter-btn.active.status-vacant{background-color:var(--color-vacant);color:#fff;border-color:var(--color-vacant)}.filter-btn.active.status-occupied{background-color:var(--color-occupied);color:#fff;border-color:var(--color-occupied)}.filter-btn.active.status-reserved{background-color:var(--color-reserved);color:#fff;border-color:var(--color-reserved)}.filter-btn.active.status-maintenance{background-color:var(--color-maintenance);color:#fff;border-color:var(--color-maintenance)}.building-layout{box-shadow:var(--shadow-lg);background-color:#11182766;border:2px solid #ffffff14;border-radius:20px;margin-bottom:2rem;padding:1.5rem;overflow:hidden}.building-roof{text-align:center;background:linear-gradient(90deg, var(--color-accent-dark), var(--color-accent));color:#fff;letter-spacing:.5px;border-radius:12px 12px 0 0;margin-bottom:1rem;padding:.75rem;font-size:.95rem;font-weight:700;box-shadow:0 4px 10px #0003}.building-floors{flex-direction:column;gap:1.5rem;display:flex}.floor-row{border:1px solid var(--border-color);background-color:#ffffff05;border-radius:12px;align-items:center;padding:.75rem 1rem;display:flex}.floor-label{align-items:center;width:90px;display:flex}.floor-num{color:var(--color-accent-light);border-bottom:2px solid var(--color-accent);padding-bottom:2px;font-size:1.1rem;font-weight:700}.floor-rooms-grid{flex:1;grid-template-columns:repeat(10,1fr);gap:.75rem;display:grid}.room-block{aspect-ratio:1.4;cursor:pointer;border:1.5px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.room-block:hover{box-shadow:var(--shadow-md);z-index:2;transform:scale(1.08)}.room-num-text{color:#fff;font-size:.95rem;font-weight:700}.room-status-badge{opacity:.85;margin-top:.15rem;font-size:.65rem;font-weight:600}.room-price-hover{opacity:0;font-size:.55rem;font-weight:700;transition:all .25s;position:absolute;bottom:2px;transform:translateY(4px)}.room-block:hover .room-price-hover{opacity:1;transform:translateY(0)}.room-block:hover .room-status-badge{opacity:0;transform:translateY(-4px)}.room-block.vacant{background-color:var(--color-vacant-bg);border-color:var(--color-vacant-border);color:var(--color-vacant)}.room-block.vacant:hover{border-color:var(--color-vacant);background-color:#10b98133;box-shadow:0 0 12px #10b98166}.room-block.occupied{background-color:var(--color-occupied-bg);border-color:var(--color-occupied-border);color:var(--color-occupied)}.room-block.occupied:hover{border-color:var(--color-occupied);background-color:#3b82f633;box-shadow:0 0 12px #3b82f666}.room-block.reserved{background-color:var(--color-reserved-bg);border-color:var(--color-reserved-border);color:var(--color-reserved)}.room-block.reserved:hover{border-color:var(--color-reserved);background-color:#8b5cf633;box-shadow:0 0 12px #8b5cf666}.room-block.maintenance{background-color:var(--color-maintenance-bg);border-color:var(--color-maintenance-border);color:var(--color-maintenance)}.room-block.maintenance:hover{border-color:var(--color-maintenance);background-color:#f9731633;box-shadow:0 0 12px #f9731666}.room-block.office{color:var(--color-text-secondary);cursor:not-allowed;opacity:.85;background-color:#ffffff08;border-color:#ffffff1a}.room-block.office:hover{box-shadow:none;background-color:#ffffff0d;border-color:#ffffff2e}.empty-rooms-msg{text-align:center;color:var(--color-text-muted);grid-column:span 10;padding:.5rem;font-size:.85rem}.building-ground{text-align:center;border-top:1px solid var(--border-color);color:var(--color-text-secondary);background-color:#ffffff05;border-radius:0 0 12px 12px;padding:.6rem;font-size:.75rem}.map-legend{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:1.5rem;display:flex}.legend-item{color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.legend-dot{border-radius:3px;width:12px;height:12px}.legend-dot.vacant{background-color:var(--color-vacant)}.legend-dot.occupied{background-color:var(--color-occupied)}.legend-dot.reserved{background-color:var(--color-reserved)}.legend-dot.maintenance{background-color:var(--color-maintenance)}.bill-search-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.search-form .input-group{flex-direction:column;gap:.5rem;display:flex}.search-form label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.search-input-wrapper{gap:.75rem;display:flex}.search-input{border:1px solid var(--border-color);color:#fff;background-color:#0003;border-radius:10px;flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:border-color .2s}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow);outline:none}.search-btn{background-color:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:0 1.5rem;font-weight:600;transition:background-color .2s}.search-btn:hover{background-color:var(--color-accent-light)}.error-alert{color:#f87171;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:10px;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500}.bill-details-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:20px;padding:2rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUp}.bill-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.bill-room-info h3{color:#fff;margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.room-badge{border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.room-badge.air{background-color:var(--color-occupied-bg);color:var(--color-occupied)}.room-badge.fan{background-color:var(--color-maintenance-bg);color:var(--color-maintenance)}.bill-month{color:var(--color-accent-light);background-color:var(--color-accent-glow);border-radius:8px;padding:.35rem .85rem;font-size:1.1rem;font-weight:700}.status-banner-wrapper{margin-bottom:2rem}.status-banner{border:1px solid #0000;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.status-banner.unpaid{background-color:var(--color-unpaid-bg);border-color:var(--color-unpaid-border);color:#f87171}.status-banner.pending{background-color:var(--color-maintenance-bg);border-color:var(--color-maintenance-border);color:#fb923c}.status-banner.paid{background-color:var(--color-vacant-bg);border-color:var(--color-vacant-border);color:#34d399}.cost-breakdown{margin-bottom:2rem}.cost-breakdown h4{color:#fff;border-left:3px solid var(--color-accent);margin-bottom:1rem;padding-left:.5rem;font-size:1rem;font-weight:700}.bill-table{border-collapse:collapse;width:100%}.bill-table th,.bill-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem}.bill-table th{color:var(--color-text-secondary);text-transform:uppercase;font-size:.85rem;font-weight:600}.bill-table td{color:#fff;font-size:.95rem}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-muted{color:var(--color-text-secondary);font-size:.75rem}.total-row td{border-top:2px solid var(--color-accent);border-bottom:none;padding-top:1.5rem;font-size:1.1rem;font-weight:700}.total-amount{color:var(--color-accent-light)!important;font-size:1.3rem!important}.payment-action-panel{border-top:1px dashed var(--border-color);margin-top:2rem;padding-top:2rem}.payment-grid{grid-template-columns:280px 1fr;gap:2.5rem;display:grid}.promptpay-qr-container{box-shadow:var(--shadow-lg);color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:16px;overflow:hidden}.promptpay-header{text-align:center;background-color:#0c2340;border-bottom:4px solid #f6a623;padding:.75rem}.pp-logo{letter-spacing:-.5px;font-size:1.25rem;font-weight:800}.pp-blue{color:#0098b6}.pp-yellow{color:#fff}.pp-title{color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem;font-size:.6rem;font-weight:600}.qr-box{background-color:#fff;justify-content:center;align-items:center;padding:1.25rem;display:flex}.qr-svg{display:block}.qr-footer{text-align:center;background-color:#f3f4f6;border-top:1px solid #e5e7eb;padding:.75rem}.pp-account-name{color:#4b5563;font-size:.75rem;font-weight:700}.pp-amount-text{margin-top:.2rem;font-size:.85rem}.pp-amount-text .highlight{color:#0c2340;font-weight:800}.payment-upload-col h4{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.bank-info-alert{border:1px solid var(--border-color);background-color:#ffffff05;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem}.bank-info-alert p{color:var(--color-text-secondary);margin-bottom:.25rem}.bank-info-alert strong{color:#fff}.payment-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.form-row-2 input,.form-row-3 input,.form-group select,.form-group textarea,.modal-form select,.modal-form input,.modal-form textarea{box-sizing:border-box;border:1px solid var(--border-color);color:#fff;width:100%;font-family:var(--font-sans);background-color:#0003;border-radius:10px;padding:.65rem .85rem;font-size:.9rem;transition:all .2s}.form-row-2 input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none}.file-input-hidden{display:none}.drag-drop-zone{cursor:pointer;background-color:#ffffff03;border:2px dashed #ffffff26;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:1rem;transition:all .3s;display:flex;overflow:hidden}.drag-drop-zone:hover{border-color:var(--color-accent-light);background-color:#14b8a605}.upload-placeholder{text-align:center}.upload-icon{margin-bottom:.5rem;font-size:2.25rem;display:block}.upload-placeholder p{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.file-hint{color:var(--color-text-muted);margin-top:.25rem;font-size:.7rem;display:block}.preview-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slip-img-preview{object-fit:contain;border-radius:8px;max-width:100%;max-height:250px}.change-photo-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;border-radius:20px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;position:absolute;bottom:8px}.submit-payment-btn,.submit-repair-btn{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-dark));color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:.5rem;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #14b8a633}.submit-payment-btn:hover,.submit-repair-btn:hover{background:linear-gradient(90deg, var(--color-accent-light), var(--color-accent));transform:translateY(-1px);box-shadow:0 6px 16px #14b8a64d}.submit-payment-btn:disabled,.submit-repair-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.uploaded-slip-view{border-top:1px dashed var(--border-color);margin-top:2rem;padding-top:2rem}.uploaded-slip-view h4{color:#fff;margin-bottom:1.25rem;font-size:1.1rem;font-weight:700}.slip-view-details{align-items:flex-start;gap:2rem;display:flex}.slip-img-wrapper{border:1px solid var(--border-color);border-radius:8px;width:160px;overflow:hidden}.slip-view-image{width:100%;display:block}.slip-info-text{color:var(--color-text-secondary);flex-direction:column;flex:1;gap:.5rem;font-size:.95rem;display:flex}.slip-info-text strong{color:#fff}.repair-grid{grid-template-columns:1.1fr 1fr;gap:2rem;display:grid}.repair-form-card,.repair-tracker-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:20px;padding:1.75rem}.repair-form-card h3,.repair-tracker-card h3{color:#fff;margin-bottom:1.5rem;font-size:1.2rem;font-weight:700}.repair-form{flex-direction:column;gap:1.25rem;display:flex}.drag-drop-zone.mini{border-radius:10px;min-height:100px}.damage-img-preview{border-radius:6px;max-height:120px}.preview-container.mini{height:120px}.card-header-with-filter{border-bottom:1px solid var(--border-color);flex-direction:column;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.card-header-with-filter h3{margin-bottom:0}.status-filters{gap:.4rem;display:flex}.status-filter-btn{border:1px solid var(--border-color);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:30px;padding:.3rem .7rem;font-size:.75rem;font-weight:600;transition:all .2s}.status-filter-btn:hover{color:#fff;background-color:#ffffff05}.status-filter-btn.active{color:var(--bg-primary);background-color:#fff;border-color:#fff}.status-filter-btn.active.pending{background-color:var(--color-maintenance-bg);color:#fb923c;border-color:var(--color-maintenance-border)}.status-filter-btn.active.in_progress{background-color:var(--color-occupied-bg);color:var(--color-occupied);border-color:var(--color-occupied-border)}.status-filter-btn.active.completed{background-color:var(--color-vacant-bg);color:var(--color-vacant);border-color:var(--color-vacant-border)}.repairs-list{flex-direction:column;gap:1rem;max-height:600px;padding-right:.25rem;display:flex;overflow-y:auto}.repair-ticket-card{border:1px solid var(--border-color);background-color:#00000026;border-radius:12px;padding:1.25rem;transition:all .25s}.repair-ticket-card.completed{border-color:#10b98126}.ticket-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.ticket-title{align-items:baseline;gap:.5rem;display:flex}.ticket-room{color:#fff;font-size:1.05rem}.ticket-id{color:var(--color-text-muted);font-size:.75rem}.urgency-badge{border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.urgency-badge.high{color:#ef4444;background-color:#ef444426}.urgency-badge.medium{color:#f97316;background-color:#f9731626}.urgency-badge.low{color:#3b82f6;background-color:#3b82f626}.ticket-details{margin-bottom:1rem}.ticket-meta{color:var(--color-text-secondary);justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;display:flex}.meta-category{font-weight:600}.ticket-description{color:#fff;margin-bottom:.5rem;font-size:.85rem;line-height:1.4}.ticket-photo-thumbnail img{border:1px solid var(--border-color);cursor:zoom-in;border-radius:4px;max-width:80px}.ticket-timeline{border-top:1px solid var(--border-color);margin-top:.75rem;padding-top:.75rem}.timeline-steps{justify-content:space-between;margin-bottom:.75rem;padding:0 .5rem;display:flex;position:relative}.timeline-steps:before{content:"";background-color:var(--border-color);z-index:1;height:2px;position:absolute;top:5px;left:10px;right:10px}.step{z-index:2;flex-direction:column;align-items:center;gap:.25rem;width:60px;display:flex;position:relative}.step-dot{border:2px solid var(--bg-primary);background-color:#374151;border-radius:50px;width:12px;height:12px;transition:all .3s}.step.active .step-dot{background-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-light)}.repair-ticket-card.completed .step.active .step-dot{background-color:var(--color-vacant);box-shadow:0 0 8px var(--color-vacant)}.step-label{color:var(--color-text-secondary);font-size:.65rem;font-weight:600}.step.active .step-label{color:#fff}.timeline-status-desc{background-color:#ffffff03;border-radius:8px;padding:.5rem .75rem;font-size:.75rem}.timeline-status-desc strong{font-size:.8rem}.status-highlight{font-weight:700}.status-highlight.pending{color:#fb923c}.status-highlight.in_progress{color:var(--color-occupied)}.status-highlight.completed{color:var(--color-vacant)}.status-note{color:var(--color-text-secondary);word-break:break-word;margin-top:.15rem}.empty-repairs{text-align:center;color:var(--color-text-muted);padding:3rem 1rem}.empty-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.admin-badge-count{color:#fff;background-color:#ef4444;border-radius:10px;margin-left:.35rem;padding:.05rem .4rem;font-size:.7rem;font-weight:700}.admin-badge-count.bg-orange{background-color:#f97316}.admin-tabs{border:1px solid var(--border-color);background-color:#ffffff08;border-radius:12px;padding:.25rem;display:flex}.admin-tab-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.admin-tab-btn:hover{color:#fff}.admin-tab-btn.active{background-color:var(--color-accent);color:#fff}.admin-section{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:20px;padding:2rem;animation:.35s cubic-bezier(.16,1,.3,1) slideUp}.admin-section h3{color:#fff;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem}.pending-payments-list{flex-direction:column;gap:1.5rem;display:flex}.payment-approval-card{border:1px solid var(--border-color);background-color:#0003;border-radius:16px;overflow:hidden}.payment-card-body{grid-template-columns:200px 1fr;display:grid}.slip-preview-pane{border-right:1px solid var(--border-color);background-color:#0c111d;justify-content:center;align-items:center;padding:1rem;display:flex}.admin-slip-img{object-fit:contain;border-radius:6px;max-width:100%;max-height:240px;transition:transform .2s}.admin-slip-img:hover{transform:scale(1.03)}.payment-info-pane{flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.info-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.info-header h4{color:#fff;font-size:1.3rem}.cost-summary{color:var(--color-text-secondary);background-color:#ffffff03;border:1px solid #ffffff05;border-radius:10px;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.cost-summary .total-row{border-top:1px dashed var(--border-color);color:#fff;margin-top:.25rem;padding-top:.4rem;font-weight:700}.total-val{color:var(--color-accent-light);font-size:1rem}.transfer-details{color:var(--color-text-secondary);margin-bottom:1.25rem;font-size:.85rem}.approval-actions{gap:1rem;display:flex}.btn-approve,.btn-reject,.btn-assign{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-approve{background-color:var(--color-vacant);color:#fff;box-shadow:0 2px 8px #10b98133}.btn-approve:hover{background-color:#059669;transform:translateY(-1px)}.btn-reject{color:#ef4444;background-color:#ef444426;border:1px solid #ef444433}.btn-reject:hover{background-color:#ef444440}.admin-empty-state{text-align:center;color:var(--color-text-muted);padding:4rem 1rem}.table-responsive{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--border-color);text-align:left;padding:.85rem 1rem;font-size:.85rem}.admin-table th{color:var(--color-text-secondary);text-transform:uppercase;font-weight:600}.admin-table td{color:var(--color-text-primary)}.room-row:hover{background-color:#ffffff03}.status-pill{border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.status-pill.vacant{background-color:var(--color-vacant-bg);color:var(--color-vacant)}.status-pill.occupied{background-color:var(--color-occupied-bg);color:var(--color-occupied)}.status-pill.reserved{background-color:var(--color-reserved-bg);color:var(--color-reserved)}.status-pill.maintenance{background-color:var(--color-maintenance-bg);color:var(--color-maintenance)}.status-pill.office{color:var(--color-text-secondary);background-color:#ffffff0d;border:1px solid #ffffff1a}.btn-edit-table{border:1px solid var(--border-color);color:#fff;cursor:pointer;background-color:#ffffff08;border-radius:6px;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s}.btn-edit-table:hover{background-color:#ffffff14}.admin-repairs-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.admin-repair-card{border:1px solid var(--border-color);background-color:#0003;border-radius:16px;flex-direction:column;padding:1.25rem;display:flex}.repair-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.repair-card-header h4{color:#fff;font-size:1.15rem}.admin-repair-card .desc{color:#fff;flex:1;margin-bottom:.85rem;font-size:.85rem;line-height:1.4}.admin-repair-card .meta{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.75rem}.btn-assign{background-color:var(--color-accent-glow);border:1px solid var(--border-glow);color:var(--color-accent-light);width:100%;margin-top:1rem}.btn-assign:hover{background-color:var(--color-accent);color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#000c;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:500px;max-width:90%;box-shadow:var(--shadow-lg);border-radius:20px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.modal-header h3{color:#fff;font-size:1.25rem}.close-modal-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.75rem}.close-modal-btn:hover{color:#fff}.modal-form{flex-direction:column;gap:1.25rem;display:flex}.occupied-fields-group{border:1px solid var(--border-color);background-color:#ffffff03;border-radius:12px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.occupied-fields-group h4{color:#fff;border-bottom:1px solid #ffffff0d;padding-bottom:.25rem;font-size:.9rem}.reserved-fields-group{background-color:#8b5cf605;border:1px solid #8b5cf640;border-radius:12px;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.reserved-fields-group h4{color:#c084fc;border-bottom:1px solid #8b5cf626;margin-bottom:.25rem;padding-bottom:.25rem;font-size:.9rem}.modal-actions{gap:1rem;margin-top:1rem;display:flex}.btn-save-modal{background-color:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600}.btn-save-modal:hover{background-color:var(--color-accent-light)}.btn-cancel-modal{border:1px solid var(--border-color);color:var(--color-text-secondary);cursor:pointer;background-color:#0000;border-radius:8px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600}.btn-cancel-modal:hover{color:#fff;background-color:#ffffff05}.modal-room-details{flex-direction:column;gap:1.25rem;display:flex}.room-meta-header{justify-content:space-between;align-items:center;display:flex}.price-tag{color:var(--color-accent-light);font-size:1.5rem;font-weight:800}.room-details-grid{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:1.1fr .9fr;gap:1.5rem;padding:1.25rem 0;display:grid}.details-left h4,.details-right h4{color:#fff;margin-bottom:.75rem;font-size:.9rem;font-weight:700}.amenities-list,.nearby-locations-list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.amenities-list li,.nearby-locations-list li{color:var(--color-text-secondary);font-size:.8rem}.deposit-info-alert{border:1px solid var(--border-color);color:var(--color-text-secondary);background-color:#ffffff05;border-radius:10px;padding:.75rem 1rem;font-size:.8rem;line-height:1.45}.deposit-info-alert strong{color:#fff}.book-room-btn-modal{color:#fff;text-align:center;background-color:#06c755;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 10px #06c75533}.book-room-btn-modal:hover{background-color:#05b04b;transform:translateY(-1px)}.modal-room-occupied-info{color:#93c5fd;background-color:#3b82f60d;border:1px solid #3b82f626;border-radius:10px;padding:.75rem 1rem;font-size:.85rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animation-fade{animation:.3s ease-out fadeIn}@media (width<=1024px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto}.main-content{height:auto;padding:1.5rem;overflow-y:visible}.building-stats{grid-template-columns:repeat(2,1fr)}.repair-grid,.payment-grid,.admin-repairs-grid,.payment-card-body{grid-template-columns:1fr}.slip-preview-pane{border-right:none;border-bottom:1px solid var(--border-color)}}.room-block.move-out-pending{border:1.5px dashed #fb923c!important}.room-block.move-out-pending:hover{box-shadow:0 0 12px #fb923c66!important}.move-out-indicator{z-index:5;font-size:.7rem;position:absolute;top:4px;right:4px}.line-payment-panel{text-align:center;justify-content:center;align-items:center;display:flex}.line-notice-box{max-width:600px;box-shadow:var(--shadow-md);background-color:#06c7550d;border:1px solid #06c75533;border-radius:16px;margin:0 auto;padding:2rem}.line-notice-icon{margin-bottom:1rem;font-size:3rem;display:block}.line-notice-box h4{color:#fff;margin-bottom:.75rem;font-size:1.25rem}.line-notice-box p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.line-contact-btn{background-color:#06c755;border-radius:50px;align-items:center;padding:.85rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #06c7554d;color:#fff!important}.line-contact-btn:hover{background-color:#05b04b;transform:translateY(-2px);box-shadow:0 6px 16px #06c75580}.paid-success-panel{text-align:center;justify-content:center;align-items:center;display:flex}.success-notice-box{max-width:600px;box-shadow:var(--shadow-md);background-color:#10b9810d;border:1px solid #10b98133;border-radius:16px;margin:0 auto;padding:2rem}.success-icon{margin-bottom:1rem;font-size:3rem;display:block}.success-notice-box h4{color:#fff;margin-bottom:.75rem;font-size:1.25rem}.success-notice-box p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.status-banner.unpaid.late{color:#fb7185;background-color:#ef444426;border-color:#ef444466;box-shadow:0 0 10px #ef44441a}.receipt-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background-color:#000000d9;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.receipt-modal-content{color:#1f2937;background-color:#fff;border-radius:12px;width:700px;max-width:95%;max-height:90vh;padding:2.5rem;position:relative;overflow-y:auto;box-shadow:0 10px 25px #00000080}.receipt-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:2rem;transition:color .2s;position:absolute;top:1rem;right:1.5rem}.receipt-close-btn:hover{color:#1f2937}.printable-receipt{background-color:#fff;padding:1rem;font-family:Inter,Outfit,Helvetica Neue,Arial,sans-serif}.receipt-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.receipt-logo-section{align-items:center;gap:1rem;display:flex}.receipt-logo{object-fit:contain;width:60px;height:60px}.receipt-company-info h2{color:#111827;margin:0 0 .25rem;font-size:1.35rem;font-weight:800}.receipt-company-info p{color:#4b5563;margin:0;font-size:.75rem;line-height:1.4}.receipt-title-section{text-align:right}.receipt-title{color:#0d9488;text-transform:uppercase;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.receipt-doc-no,.receipt-doc-date{color:#374151;margin:0 0 .15rem;font-size:.8rem}.receipt-divider{border:none;border-top:2px solid #e5e7eb;margin:1.5rem 0}.receipt-customer-details{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.receipt-customer-details p{color:#374151;margin:0 0 .35rem;font-size:.85rem;line-height:1.4}.align-right-desktop{text-align:right}.highlight-text{color:#111827;font-size:.95rem;font-weight:800}.receipt-table{border-collapse:collapse;width:100%;margin-bottom:2rem;font-size:.85rem}.receipt-table th{color:#374151;text-align:left;background-color:#f3f4f6;border-top:1px solid #d1d5db;border-bottom:1px solid #d1d5db;padding:.75rem 1rem;font-weight:700}.receipt-table td{color:#4b5563;border-bottom:1px solid #f3f4f6;padding:.75rem 1rem}.receipt-fine-row td{color:#c2410c;background-color:#fff7ed}.receipt-total-row td{color:#111827;border-top:2px solid #0d9488;border-bottom:2px double #0d9488;padding:1rem;font-size:1rem}.receipt-footer{justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;display:flex;position:relative}.signature-box{color:#4b5563;font-size:.8rem}.signature-box p{margin:0 0 .5rem}.paid-stamp-box{position:absolute;bottom:0;right:10%}.paid-stamp{color:#10b981;text-transform:uppercase;opacity:.85;letter-spacing:1px;background-color:#ffffffe6;border:4px solid #10b981;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:900;display:flex;transform:rotate(-12deg);box-shadow:0 0 8px #10b9811a}.paid-stamp .stamp-en{margin:.15rem 0;font-size:1.4rem;line-height:1}.paid-stamp .stamp-date{font-size:.65rem;font-weight:700}.receipt-modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.receipt-print-btn{color:#fff;cursor:pointer;background-color:#0d9488;border:none;border-radius:6px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:700;transition:background-color .2s}.receipt-print-btn:hover{background-color:#0f766e}.receipt-close-btn-footer{color:#4b5563;cursor:pointer;background-color:#0000;border:1px solid #d1d5db;border-radius:6px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.receipt-close-btn-footer:hover{background-color:#f9fafb}@media print{body *{visibility:hidden}#receipt-print-area,#receipt-print-area *{visibility:visible}#receipt-print-area{width:100%;box-shadow:none;color:#000;background-color:#fff;border:none;margin:0;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}}.report-grid-overview{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:1rem;margin-bottom:2.5rem;display:grid}@media (width<=1200px){.report-grid-overview{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.report-grid-overview{grid-template-columns:1fr}}.report-card-summary{box-shadow:var(--shadow-md);background-color:var(--bg-card);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.report-card-summary:hover{box-shadow:var(--shadow-lg);border-color:#ffffff26;transform:translateY(-2px)}.report-card-summary.emerald{background:linear-gradient(135deg,#10b9811f 0%,#10b98105 100%);border-left:4px solid #10b981}.report-card-summary.orange{background:linear-gradient(135deg,#f973161f 0%,#f9731605 100%);border-left:4px solid #f97316}.report-card-summary.purple{background:linear-gradient(135deg,#8b5cf61f 0%,#8b5cf605 100%);border-left:4px solid #8b5cf6}.report-card-summary.teal{background:linear-gradient(135deg,#14b8a61f 0%,#14b8a605 100%);border-left:4px solid #14b8a6}.report-card-summary .card-value{color:#fff;font-size:1.85rem;font-weight:700;line-height:1.1}.report-card-summary.emerald .card-value{color:#34d399}.report-card-summary.orange .card-value{color:#fb923c}.report-card-summary.purple .card-value{color:#a78bfa}.report-card-summary.teal .card-value{color:#2dd4bf}.report-card-summary .card-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.report-card-summary .card-detail{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.mobile-header,.mobile-bottom-nav{display:none}.system-date-banner{border:1px solid var(--border-color);background-color:#ffffff0a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.system-date-picker{border:1px solid var(--border-color);color:#fff;background-color:#0003;border-radius:6px;outline:none;padding:.35rem .65rem;font-family:inherit;font-size:.85rem}.date-info{color:var(--color-text-secondary);font-size:.75rem}@media (width<=768px){.sidebar{display:none!important}.app-container{min-height:100vh;padding-top:60px;padding-bottom:84px;flex-direction:column!important}.main-content{height:auto!important;padding:1rem!important;overflow-y:visible!important}.mobile-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:999;box-sizing:border-box;background:#0f172ad9;justify-content:space-between;align-items:center;height:60px;padding:0 1rem;position:fixed;top:0;left:0;right:0;display:flex!important}.mobile-logo{align-items:center;gap:.5rem;display:flex}.mobile-logo-emoji{font-size:1.4rem}.mobile-logo-text h2{color:#fff;margin:0;font-size:1rem;font-weight:700;line-height:1.2}.mobile-logo-text p{color:var(--color-text-secondary);letter-spacing:.5px;margin:0;font-size:.55rem;font-weight:600}.mobile-role-selector{border:1px solid var(--border-color);background-color:#ffffff08;border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .5rem;display:flex}.mobile-role-badge{color:var(--color-text-secondary);font-size:.7rem;font-weight:500;transition:color .3s}.mobile-role-badge.active{color:#fff;font-weight:600}.mobile-role-toggle-btn{cursor:pointer;background-color:#374151;border:none;border-radius:9px;align-items:center;width:36px;height:18px;padding:0;transition:background-color .3s;display:flex;position:relative}.mobile-role-toggle-btn.admin-active{background-color:#f97316}.mobile-toggle-slider{background-color:#fff;border-radius:50%;width:14px;height:14px;transition:transform .3s;position:absolute;left:2px}.mobile-role-toggle-btn.admin-active .mobile-toggle-slider{transform:translate(18px)}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:999;box-sizing:border-box;height:78px;padding-bottom:env(safe-area-inset-bottom);background:#0f172af2;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;display:flex!important}.mobile-nav-item{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;height:100%;padding:.25rem 0;transition:all .25s;display:flex;position:relative}.mobile-nav-icon{font-size:1.85rem;transition:transform .2s}.mobile-nav-label{font-size:.78rem;font-weight:600}.mobile-nav-item.active{color:var(--color-accent-light)}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.1)}.mobile-nav-item.mobile-admin-nav-item.active{color:#fb923c}.mobile-badge{color:#fff;box-sizing:border-box;background-color:#ef4444;border:1.5px solid #0f172ae6;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:6px;right:22%}}.room-type-indicator{z-index:5;opacity:.75;font-size:.72rem;position:absolute;top:4px;left:6px}.status-cleaned{border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-block;color:#10b981!important;background-color:#10b9811f!important;border:1px solid #10b98140!important}.status-due-soon{border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-block;color:#fbbf24!important;background-color:#fbbf241f!important;border:1px solid #fbbf2440!important}.status-overdue{border-radius:6px;padding:.25rem .6rem;color:#ef4444!important;background-color:#ef44441f!important;border:1px solid #ef444440!important}.status-overdue .room-type-indicator{z-index:5;opacity:.75;font-size:.72rem;position:absolute;top:4px;left:6px}.status-overdue .status-cleaned{border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-block;color:#10b981!important;background-color:#10b9811f!important;border:1px solid #10b98140!important}.status-overdue .status-due-soon{border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-block;color:#fbbf24!important;background-color:#fbbf241f!important;border:1px solid #fbbf2440!important}.status-overdue .status-overdue{border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-block;color:#ef4444!important;background-color:#ef44441f!important;border:1px solid #ef444440!important}.status-overdue .admin-table th input[type=checkbox],.status-overdue .admin-table td input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;vertical-align:middle}.status-overdue .badge-payment-method{text-transform:uppercase;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-overdue .badge-cash{color:#34d399!important;background-color:#34d3991a!important;border:1px solid #34d39940!important}.status-overdue .badge-transfer{color:var(--color-accent-light)!important;background-color:#8b5cf61a!important;border:1px solid #8b5cf640!important}.status-overdue .payment-method-btn:hover{color:#fff!important;background-color:#ffffff0f!important}.status-overdue .ac-map-room{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.status-overdue .ac-map-room.air-room:hover{transform:translateY(-2px)}.status-overdue .ac-map-room.cleaned-glow:hover{border-color:#10b981!important;box-shadow:0 0 12px #10b98159!important}.status-overdue .ac-map-room.due-soon-glow:hover{border-color:#fbbf24!important;box-shadow:0 0 12px #fbbf2459!important}.status-overdue .ac-map-room.overdue-glow:hover{border-color:#ef4444!important;box-shadow:0 0 12px #ef444459!important}.status-overdue .ac-map-room.selected{box-shadow:0 0 14px #8b5cf666!important}.status-overdue .ac-room-note-trigger{transition:opacity .2s,transform .2s}.status-overdue .ac-room-note-trigger:hover{transform:scale(1.25);opacity:1!important}