.rent-page-body{padding:0 1.5rem 2rem}.rent-action-buttons-row{display:flex;justify-content:flex-end;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;width:100%}.rent-action-buttons-row .btn{font-size:.825rem;padding:.5rem 1.25rem;border-radius:8px;box-shadow:none;display:inline-flex;align-items:center;gap:.4rem}.rent-stat-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:.5rem;gap:.5rem;margin-bottom:1.5rem;width:100%}.rent-stat-card{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;padding:.5rem .6rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.01);min-height:70px}.rent-stat-card.collection-rate-card{background:#f0fdf4;border-color:#bbf7d0}.rent-stat-card.collection-rate-card .stat-value-large{color:#166534}.rent-stat-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rent-stat-icon.blue{background:#eff6ff;color:#3b82f6}.rent-stat-icon.green{background:#ecfdf5;color:#10b981}.rent-stat-icon.yellow{background:var(--warning-light);color:#f97316}.rent-stat-icon.red{background:#fef2f2;color:#b91c1c}.rent-stat-icon.purple{background:#faf5ff;color:#a855f7}.rent-stat-icon.orange{background:#f0fdfa;color:#0d9488}.rent-stat-main{display:flex;flex-direction:column;gap:.15rem;flex:1 1;min-width:0}.rent-stat-title{color:var(--text-muted);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.rent-stat-value{font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.rent-stat-sub{font-size:.725rem;color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rent-stat-progress{width:100%;height:4px;background:#e2e8f0;border-radius:10px;margin-top:.2rem;overflow:hidden}.rent-stat-progress-fill{height:100%;background:var(--success);border-radius:10px;transition:width .6s ease-in-out}.rent-smart-filter-bar{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;padding:.875rem 1.125rem;margin-bottom:1.25rem;display:flex;flex-wrap:wrap;gap:1.125rem;align-items:flex-end;box-shadow:0 1px 3px rgba(0,0,0,.02)}.rent-filter-group{flex:1 1 140px;display:flex;flex-direction:column;gap:.25rem}.rent-filter-group.search-group{flex:3 1 260px}.rent-filter-group.month-group{flex:1.4 1 160px}.rent-filter-group.button-group{flex:0 0 auto}.rent-filter-group label{font-size:.75rem;font-weight:700;color:var(--text-primary)}.rent-filter-input,.rent-filter-select{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.825rem;color:var(--text-primary);background-color:var(--surface-card);outline:none}.rent-filter-input:focus,.rent-filter-select:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(79,70,229,.08)}.rent-search-wrap{position:relative}.rent-search-wrap .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--brand-500);pointer-events:none}.rent-search-wrap .rent-filter-input{padding-left:2.25rem;border:1.5px solid var(--brand-500)}.rent-status-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.rent-quick-tab{background:var(--surface-card);border:1px solid var(--border);border-radius:20px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.35rem}.rent-quick-tab[data-status=Paid]{color:#10b981;border-color:#a7f3d0;background:#ecfdf5}.rent-quick-tab[data-status=Partial]{color:#f97316;border-color:#fed7aa;background:var(--warning-light)}.rent-quick-tab[data-status=Pending]{color:#d97706;border-color:#fde68a;background:var(--warning-light)}.rent-quick-tab[data-status=Overdue]{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.rent-quick-tab.active[data-status=All]{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.rent-quick-tab.active[data-status=Paid]{background:#10b981;color:#fff;border-color:#10b981}.rent-quick-tab.active[data-status=Partial]{background:#f97316;color:#fff;border-color:#f97316}.rent-quick-tab.active[data-status=Pending]{background:#eab308;color:#fff;border-color:#a16207}.rent-quick-tab.active[data-status=Overdue]{background:#ef4444;color:#fff;border-color:#b91c1c}.rent-chip-count{background:rgba(0,0,0,.05);padding:1px 6px;border-radius:10px;font-size:.7rem;font-weight:700}.rent-quick-tab.active .rent-chip-count{background:rgba(255,255,255,.2)}.rent-dashboard-body{display:flex;flex-direction:column;gap:1.5rem}.rent-premium-card{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.02)}.rent-table-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.rent-table-header-row h3{margin:0;font-size:1.15rem;font-weight:600}.rent-table-container{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:10px}.rent-collection-table{width:100%;border-collapse:collapse;text-align:left}.rent-collection-table th{background:#f8fafc;font-size:.725rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.rent-collection-table td,.rent-collection-table th{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.rent-collection-table td{font-size:.8rem;color:var(--text-primary);vertical-align:middle}.rent-collection-table tr:hover td{background:#f8fafc}.rent-tenant-cell{display:flex;align-items:center;gap:.75rem}.rent-tenant-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.rent-tenant-name{font-weight:600}.rent-tenant-phone{font-size:.75rem;color:var(--text-muted)}.rent-status-badge{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px;display:inline-block}.rent-status-badge.paid{background:#dcfce7;color:#15803d}.rent-status-badge.partial{background:#ffedd5;color:#c2410c}.rent-status-badge.pending{background:#fef9c3;color:#a16207}.rent-status-badge.overdue{background:#fee2e2;color:#b91c1c}.rent-btn-collect{background:var(--brand-600);color:white;border:none;border-radius:8px}.rent-btn-collect,.rent-btn-edit{padding:6px 14px;font-weight:600;font-size:.825rem;cursor:pointer}.rent-btn-edit{background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:8px}.rent-widgets-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.rent-widget-card{background:var(--surface-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.rent-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.rent-widget-title{margin:0;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.rent-widget-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-radius:10px;border:1px solid #f1f5f9;cursor:pointer;margin-bottom:.5rem}.rent-widget-item:hover{border-color:var(--brand-200)}.rent-wa-list{display:flex;flex-direction:column;gap:.5rem;max-height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:.5rem;background:#fafafa}.rent-wa-item{font-size:.8rem}.rent-wa-btn,.rent-wa-item{display:flex;align-items:center;gap:.5rem}.rent-wa-btn{margin-top:.5rem;width:100%;justify-content:center;background:#25d366;border-color:#25d366;color:white}.rent-financial-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.rent-fin-col-title{font-size:.875rem;font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.rent-fin-mini-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:10px;margin-bottom:.5rem}.rent-fin-mini-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.rent-fin-mini-icon.green{background:#ecfdf5;color:#10b981}.rent-fin-mini-icon.blue{background:#eff6ff;color:#3b82f6}.rent-fin-mini-icon.orange{background:var(--warning-light);color:#f97316}.rent-fin-mini-icon.purple{background:#faf5ff;color:#a855f7}.rent-fin-mini-icon.red{background:#fef2f2;color:#b91c1c}.rent-fin-mini-label{font-size:.75rem;color:var(--text-muted)}.rent-fin-mini-value{font-size:1rem;font-weight:700}.rent-empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.rent-pagination{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.rent-pagination button{border:1px solid var(--border);background:var(--surface-card);border-radius:6px;padding:4px 10px;cursor:pointer}.rent-pagination button:disabled{opacity:.5;cursor:not-allowed}.rent-payment-modal{max-width:900px;width:95%;padding:0;overflow:hidden}.rent-payment-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.rent-payment-modal-body{display:grid;grid-template-columns:1fr 1fr;min-height:420px}.rent-payment-tenant-col{border-right:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.rent-payment-form-col{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.rent-modal-tenant-list{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;max-height:340px}.rent-modal-tenant-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--surface-card)}.rent-modal-tenant-card.selected{border-color:var(--brand-500);background:var(--brand-50)}.rent-modal-tenant-card:hover{border-color:var(--brand-300)}.rent-form-field label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.35rem}.rent-form-field input,.rent-form-field select,.rent-form-field textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem}.rent-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.rent-mobile-actions{display:none;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}@media (max-width:900px){.rent-filter-group.search-group{flex-basis:100%}.rent-financial-grid,.rent-payment-modal-body,.rent-widgets-row{grid-template-columns:1fr}.rent-payment-tenant-col{border-right:none;border-bottom:1px solid var(--border);max-height:220px}}@media (max-width:768px){.rent-page-body{padding:0 1rem 1.5rem}.rent-action-buttons-row{display:none}.rent-mobile-actions{display:flex}.rent-smart-filter-bar{padding:12px 16px;gap:12px}.rent-filter-group,.rent-filter-group.button-group,.rent-filter-group.month-group,.rent-filter-group.search-group{flex-basis:100%}}.content-body.ledger-page-body{padding:1.5rem 2rem 2rem!important;overflow-x:hidden;max-width:100%;min-width:0;box-sizing:border-box}.ledger-page-body>*{max-width:100%;min-width:0}.ledger-top-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.ledger-action-btn{display:flex;align-items:center;gap:6px;height:38px;font-weight:600;font-size:.8125rem}.ledger-tenant-select{min-width:220px;padding:.5rem 2rem .5rem 1rem;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface-card);height:38px}.ledger-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);grid-gap:1.5rem;gap:1.5rem;align-items:start;width:100%}.ledger-main-col,.ledger-sidebar-col{min-width:0;max-width:100%}.tenant-profile-card{background:var(--surface-card,#fff);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap;width:100%;box-sizing:border-box}.profile-left{gap:1.25rem;flex:1 1;min-width:280px}.avatar-circle,.profile-left{display:flex;align-items:center}.avatar-circle{width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#15803d;font-size:1.5rem;font-weight:700;justify-content:center;box-shadow:inset 0 2px 4px rgba(0,0,0,.05);flex-shrink:0}.profile-info-main{display:flex;flex-direction:column;gap:.375rem}.name-status-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tenant-name{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.tenant-profile-card .badge.success-badge{background:#dcfce7;color:#15803d;border:1px solid #bef264;padding:.125rem .625rem;font-size:.75rem;font-weight:600;border-radius:999px}.tenant-profile-card .badge.inactive-badge{background:var(--gray-100,#f1f5f9);color:var(--text-muted);border:1px solid var(--border);padding:.125rem .625rem;font-size:.75rem;font-weight:600;border-radius:999px}.property-room-row{font-size:.875rem;color:var(--text-secondary);font-weight:500}.phone-row{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-muted)}.profile-right-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));grid-gap:1rem 2rem;gap:1rem 2rem;border-left:1px solid var(--border);padding-left:2rem;flex:1 1 320px;min-width:0}.profile-meta-item{display:flex;align-items:flex-start;gap:.75rem}.profile-meta-item.full-width-meta{grid-column:span 2}.meta-icon{color:var(--text-muted);margin-top:.125rem;flex-shrink:0}.meta-info{display:flex;flex-direction:column;gap:.125rem}.meta-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.meta-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.ledger-overview-row,.overview-cards-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1rem;width:100%}.ledger-overview-card,.overview-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;gap:.75rem;align-items:center;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));min-width:0}.ledger-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ledger-card-icon.blue{background:#eff6ff;color:#3b82f6}.ledger-card-icon.orange{background:var(--warning-light,#fff7ed);color:#f97316}.ledger-card-icon.green{background:#f0fdf4;color:#22c55e}.ledger-card-icon.purple{background:#faf5ff;color:#a855f7}.ledger-card-label{font-size:.8125rem;color:var(--text-muted)}.ledger-card-value{font-size:1.25rem;font-weight:700;line-height:1.2}.ledger-card-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.text-error{color:var(--error,#dc2626)!important}.text-warning{color:var(--warning,#d97706)!important}.text-success{color:var(--success,#16a34a)!important}.font-bold{font-weight:700}.ledger-filter-bar{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.04));width:100%;box-sizing:border-box}.ledger-date-range{display:flex;align-items:center;gap:10px;flex:0 1 auto}.ledger-date-group{display:flex;flex-direction:column;gap:4px;width:170px;flex:0 0 auto}.ledger-date-label{font-size:11px;font-weight:600;color:var(--text-secondary);line-height:1}.ledger-date-picker{position:relative;display:flex;align-items:center;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;height:38px;cursor:pointer}.ledger-date-picker:hover{border-color:#9ca3af}.ledger-date-icon{color:var(--brand-500,#2563eb);margin-right:6px;flex-shrink:0}.ledger-date-text{font-size:13px;font-weight:600;flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-date-text.placeholder{color:var(--text-secondary)}.ledger-date-chevron{color:var(--text-muted);margin-left:4px;flex-shrink:0}.ledger-date-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ledger-date-sep{display:flex;align-items:center;height:38px;color:var(--text-muted);flex-shrink:0}.ledger-filter-group{flex:1 1 150px;min-width:140px;max-width:220px}.ledger-search-group{flex:1.5 1 180px;min-width:160px;max-width:280px}.ledger-premium-search,.ledger-premium-select{position:relative;display:flex;align-items:center;width:100%}.ledger-premium-search input,.ledger-premium-select select{width:100%;height:38px;padding:0 2rem 0 2.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;background:var(--surface-card);-webkit-appearance:none;-moz-appearance:none;appearance:none}.ledger-search-icon,.ledger-select-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none;z-index:1}.ledger-select-chevron{position:absolute;right:12px;color:var(--text-muted);pointer-events:none}.ledger-filter-actions{display:flex;gap:.75rem;flex:0 0 auto;width:auto;margin-left:auto}.ledger-filter-actions .btn{flex:0 0 auto;width:auto;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;white-space:nowrap}.ledger-apply-btn{display:none}.ledger-table-container{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden;margin-bottom:0;width:100%;min-height:220px}.ledger-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:860px}.ledger-table th{background:var(--gray-50,#f8fafc);padding:.875rem 1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;white-space:nowrap}.ledger-table td,.ledger-table th{border-bottom:1px solid var(--border);overflow:hidden;text-overflow:ellipsis}.ledger-table td{padding:1rem;vertical-align:middle}.ledger-loading{text-align:center;padding:3rem;color:var(--text-muted);min-height:180px;display:flex;align-items:center;justify-content:center;gap:.75rem}.ledger-table .text-right{text-align:right}.ledger-empty-cell{text-align:center;color:var(--text-muted);padding:2.5rem!important}.ledger-type-badge{display:inline-block;padding:.2rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.ledger-type-badge.rent-generated{background:#ffedd5;color:#c2410c}.ledger-type-badge.payment{background:#dcfce7;color:#15803d}.ledger-type-badge.advance{background:#dbeafe;color:#1d4ed8}.ledger-type-badge.charge{background:#f3e8ff;color:#7e22ce}.ledger-type-badge.deposit{background:#e0f2fe;color:#0369a1}.ledger-type-badge.adjustment{background:var(--gray-100);color:var(--text-muted);border:1px solid var(--border)}.ledger-method-badge{display:inline-flex;align-items:center;gap:4px;padding:.2rem .5rem;border-radius:6px;font-size:.75rem;background:var(--gray-100,#f1f5f9);color:var(--text-secondary)}.ledger-balance.due{color:var(--error,#dc2626);font-weight:600}.ledger-balance.advance{color:var(--success,#16a34a);font-weight:600}.ledger-ref-cell{display:flex;align-items:center;gap:8px;justify-content:space-between}.ledger-ref-text{font-size:.8125rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.ledger-view-receipt{background:#eff6ff;border:none;color:#1d4ed8;padding:6px 8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;flex-shrink:0}.ledger-view-receipt:hover{background:#dbeafe}.ledger-mobile-list{display:none;flex-direction:column;gap:12px;margin-bottom:1rem}.ledger-mobile-card{background:var(--surface-card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02)}.ledger-mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--text-muted)}.ledger-mobile-desc-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ledger-mobile-desc{font-size:15px;font-weight:700;flex:1 1}.ledger-mobile-amount.credit{color:#10b981;font-weight:700;font-size:16px}.ledger-mobile-amount.debit{color:#ef4444;font-weight:700;font-size:16px}.ledger-mobile-meta{color:var(--text-muted);margin-top:6px}.ledger-mobile-footer,.ledger-mobile-meta{display:flex;justify-content:space-between;font-size:12px}.ledger-mobile-footer{align-items:center;padding-top:10px;margin-top:10px;border-top:1px dashed var(--border);color:var(--text-secondary)}.ledger-pagination-footer{background:var(--gray-50,#f8fafc);padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:.8125rem;color:var(--text-muted);margin-top:1rem}.ledger-pagination-controls{display:flex;gap:4px}.ledger-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8125rem}.ledger-page-btn:disabled{opacity:.5;cursor:not-allowed}.ledger-page-btn.active{background:var(--brand-500,#2563eb);color:white;border-color:var(--brand-500,#2563eb)}.ledger-sidebar-widget{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem}.ledger-widget-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--gray-25,#fafafa)}.ledger-widget-title{font-size:.875rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.ledger-widget-body{padding:1.25rem}.ledger-month-select-wrap{position:relative;margin-bottom:1rem}.ledger-month-icon{left:.875rem;color:var(--brand-500)}.ledger-month-chevron,.ledger-month-icon{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.ledger-month-chevron{right:.875rem;color:var(--text-muted)}.ledger-month-input{width:100%;padding:.625rem 2.5rem .625rem 2.75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;background:var(--surface-card);cursor:pointer}.ledger-detail-row{display:flex;justify-content:space-between;padding:.625rem 0;font-size:.875rem;border-bottom:1px dashed var(--border);gap:12px}.ledger-detail-row:last-child{border-bottom:none}.ledger-detail-highlight{border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.ledger-status-row{align-items:center}.ledger-summary-badge{padding:.125rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600}.ledger-summary-badge.paid{background:#dcfce7;color:#15803d}.ledger-summary-badge.partially_paid{background:#fef3c7;color:#b45309}.ledger-summary-badge.unpaid{background:#fee2e2;color:#b91c1c}.ledger-quick-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;border:none;border-bottom:1px solid var(--border);background:transparent;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:.875rem;cursor:pointer;text-align:left}.ledger-quick-left{display:flex;align-items:center;gap:10px}.ledger-quick-link:hover{background:var(--gray-50,#f8fafc)}.ledger-quick-link:last-child{border-bottom:none}.text-blue{color:#2563eb}.text-purple{color:#7c3aed}.text-orange{color:#ea580c}@media (max-width:1100px){.ledger-layout-grid{grid-template-columns:1fr}.ledger-overview-row{grid-template-columns:repeat(2,1fr)}.profile-right-grid{border-left:none;padding-left:0;width:100%}}@media (max-width:768px){.content-body.ledger-page-body{padding:1rem!important}.ledger-table-container{display:none}.ledger-mobile-list{display:flex}.ledger-apply-btn{display:inline-flex!important}.ledger-date-range,.ledger-filter-bar{flex-direction:column;align-items:stretch}.ledger-date-group,.ledger-date-range{width:100%}.ledger-filter-group,.ledger-search-group{max-width:none;width:100%}.ledger-filter-actions{width:100%;margin-left:0;border-top:1px solid var(--border);padding-top:12px}.ledger-filter-actions .btn{flex:1 1;width:auto}.ledger-overview-row,.overview-cards-row{grid-template-columns:1fr 1fr}.profile-right-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.profile-meta-item.full-width-meta{grid-column:span 1}.tenant-profile-card{flex-direction:column;align-items:stretch;gap:1rem}.ledger-page-body .ledger-table,.ledger-page-body .ledger-table tbody,.ledger-page-body .ledger-table td,.ledger-page-body .ledger-table th,.ledger-page-body .ledger-table thead,.ledger-page-body .ledger-table tr{display:none!important}}@media (max-width:640px){.ledger-overview-row,.overview-cards-row{grid-template-columns:1fr}}.pv-page-body{padding:0 1.5rem 2rem}.pv-split-layout{display:grid;grid-template-columns:320px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.pv-filters-card,.pv-queue-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pv-filters-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.pv-filters-title-row{display:flex;justify-content:space-between;align-items:center}.pv-filters-title{font-weight:700;display:flex;align-items:center;gap:.5rem}.pv-reset-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer}.pv-filters-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.pv-search-box{position:relative}.pv-search-box .search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--primary,#2563eb);pointer-events:none}.pv-search-box input{width:100%;padding:.65rem 1rem .65rem 2.5rem;border:1.5px solid var(--primary,#2563eb);border-radius:12px;font-size:.875rem}.pv-filter-item-card{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.85rem}.pv-filter-icon-circle{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pv-filter-icon-circle.blue{background:#eff6ff;color:#1d4ed8}.pv-filter-icon-circle.green{background:#ecfdf5;color:#10b981}.pv-filter-icon-circle.orange{background:#fff7ed;color:#f97316}.pv-filter-title{font-size:.75rem;font-weight:600;color:var(--text-muted);display:block;margin-bottom:.25rem}.pv-select-field{width:100%;border:none;background:transparent;font-size:.875rem;font-weight:600;color:var(--text-primary);outline:none}.pv-tip-box{display:flex;gap:.5rem;padding:.75rem;background:#eff6ff;border-radius:10px;font-size:.75rem;color:#1e40af}.pv-large-export-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem;border:1px solid var(--border);border-radius:10px;background:white;color:var(--primary,#2563eb);font-weight:600;cursor:pointer}.pv-queue-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.pv-queue-title{margin:0;font-size:1rem;font-weight:700}.pv-queue-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:200px}.pv-payment-item-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface-card)}.pv-payment-card-grid{display:grid;grid-template-columns:1.4fr repeat(6,1fr) auto;grid-gap:0;gap:0}.pv-grid-item{padding:1rem;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.35rem}.pv-grid-item:last-child{border-right:none}.pv-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;display:flex;align-items:center;gap:.35rem}.pv-value{font-size:.875rem}.pv-val-main{font-weight:600;color:var(--text-primary)}.pv-val-sub{font-size:.75rem;color:var(--text-muted)}.pv-tenant-wrapper{display:flex;align-items:center;gap:.75rem}.pv-tenant-avatar-circle{width:36px;height:36px;border-radius:50%;background:var(--brand-600);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.pv-tenant-name{font-weight:600;display:block}.pv-tenant-meta{font-size:.75rem;color:var(--text-muted)}.pv-status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase}.pv-status-pill.status-pending{background:#f1f5f9;color:#475569}.pv-status-pill.status-review{background:#fff7ed;color:#c2410c}.pv-status-pill.status-action{background:#eff6ff;color:#1d4ed8}.pv-status-pill.status-approved{background:#f0fdf4;color:#15803d}.pv-status-pill.status-rejected{background:#fef2f2;color:#b91c1c}.pv-view-details-btn{padding:.45rem .85rem;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;background:var(--primary,#2563eb);color:white}.pv-view-details-btn.btn-view{background:transparent;color:var(--primary,#2563eb);border:1px solid var(--primary,#2563eb)}.pv-pagination{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-top:1px solid var(--border);flex-wrap:wrap;gap:.75rem}.pv-pagination-info{font-size:.8rem;color:var(--text-muted)}.pv-pagination-controls{display:flex;align-items:center;gap:.25rem}.pv-page-btn,.pv-page-num{width:32px;height:32px;border:1px solid var(--border);background:var(--surface-card);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem}.pv-page-num.active{background:var(--primary,#2563eb);color:white;border-color:var(--primary,#2563eb)}.pv-page-btn:disabled{opacity:.4;cursor:not-allowed}.pv-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.pv-metric-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.pv-metric-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center}.pv-metric-icon.yellow{background:#fef9c3;color:#ca8a04}.pv-metric-icon.orange{background:#ffedd5;color:#c2410c}.pv-metric-icon.green{background:#dcfce7;color:#15803d}.pv-metric-icon.red{background:#fee2e2;color:#b91c1c}.pv-metric-title{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.pv-metric-value{font-size:2rem;font-weight:800;line-height:1.1}.pv-alert-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-lg);padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.pv-detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.pv-modal-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.pv-modal-actions button{flex:1 1;padding:.65rem;border-radius:8px;font-weight:600;border:none;cursor:pointer}@media (max-width:1200px){.pv-payment-card-grid,.pv-split-layout{grid-template-columns:1fr}.pv-grid-item{border-right:none;border-bottom:1px solid #f1f5f9}.pv-metrics-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pv-metrics-row{grid-template-columns:1fr}.pv-page-body{padding:0 1rem 1.5rem}}.applications-page-body{padding-top:0!important}.applications-page-body .applications-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;width:100%}.applications-page-body .metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:.5rem}.applications-page-body .metric-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}.applications-page-body .metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.applications-page-body .metric-icon-box{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.applications-page-body .metric-icon-box.blue{background:#eef2ff;color:#4f46e5}.applications-page-body .metric-icon-box.yellow{background:#fffbeb;color:#d97706}.applications-page-body .metric-icon-box.green{background:#ecfdf5;color:#059669}.applications-page-body .metric-icon-box.red{background:#fef2f2;color:#b91c1c}[data-theme=dark] .applications-page-body .metric-icon-box.blue,html.dark-mode .applications-page-body .metric-icon-box.blue{background:rgba(79,70,229,.15);color:#818cf8}[data-theme=dark] .applications-page-body .metric-icon-box.yellow,html.dark-mode .applications-page-body .metric-icon-box.yellow{background:rgba(217,119,6,.15);color:#fbbf24}[data-theme=dark] .applications-page-body .metric-icon-box.green,html.dark-mode .applications-page-body .metric-icon-box.green{background:rgba(5,150,105,.15);color:#34d399}[data-theme=dark] .applications-page-body .metric-icon-box.red,html.dark-mode .applications-page-body .metric-icon-box.red{background:rgba(220,38,38,.15);color:#f87171}.applications-page-body .metric-content h3{margin:0;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.applications-page-body .metric-content .metric-value{margin:.25rem 0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.applications-page-body .metric-content .metric-sub{margin:0;font-size:.75rem;color:var(--text-muted)}.applications-page-body .filters-row{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end;justify-content:space-between}.applications-page-body .search-container{position:relative;flex:1 1;min-width:250px}.applications-page-body .search-container svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--primary,#2563eb)!important;width:18px;height:18px;pointer-events:none}.applications-page-body .search-container input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1.5px solid var(--primary,#2563eb)!important;border-radius:var(--radius-md);background:var(--surface-bg);color:var(--text-primary);font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.applications-page-body .search-container input:focus{outline:none;border-color:var(--primary,#2563eb)!important;box-shadow:0 0 0 3px rgba(37,99,235,.2)!important}.applications-page-body .filter-dropdowns{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.applications-page-body .filter-group{display:flex;flex-direction:column;gap:.25rem}.applications-page-body .filter-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.applications-page-body .filter-group select{padding:.6rem 2.5rem .6rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-bg);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px}.applications-page-body .filter-group select:focus{outline:none;border-color:var(--brand-500)}.applications-page-body .export-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;background:var(--primary,#2563eb);border:1px solid var(--primary,#2563eb);color:#ffffff;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.applications-page-body .export-btn:hover{background:#1d4ed8}.applications-page-body .table-container{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:0 1px 3px rgba(0,0,0,.05)}.applications-page-body .data-table{width:100%;border-collapse:collapse;text-align:left;min-width:1000px}.applications-page-body .data-table th{background:var(--surface-bg);padding:1rem 1.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.applications-page-body .data-table td{padding:1rem 1.5rem;vertical-align:middle;border-bottom:1px solid var(--border)}.applications-page-body .data-table tr:last-child td{border-bottom:none}.applications-page-body .data-table tbody tr:hover{background:var(--brand-50,#f8fafc)}.applications-page-body .td-tenant{display:flex;align-items:center;gap:1rem}.applications-page-body .applications-container .avatar{width:40px;height:40px;border-radius:50%;background:var(--brand-100,#dbeafe);color:var(--primary,#2563eb);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;object-fit:cover;border:2px solid var(--surface-card);box-shadow:0 0 0 1px var(--border);flex-shrink:0}.applications-page-body .tenant-info{display:flex;flex-direction:column;gap:.15rem}.applications-page-body .tenant-info .name{font-weight:700;font-size:.9375rem;color:var(--text-primary)}.applications-page-body .tenant-info .sub-text{font-size:.75rem;color:var(--text-muted)}.applications-page-body .property-info{display:flex;flex-direction:column;gap:.25rem}.applications-page-body .property-info .building{font-weight:600;font-size:.875rem;color:var(--text-primary)}.applications-page-body .property-info .allocation{font-size:.75rem;color:var(--text-muted)}.applications-page-body .date-info{display:flex;flex-direction:column;gap:.25rem}.applications-page-body .date-info .date{font-size:.875rem;font-weight:500;color:var(--text-primary)}.applications-page-body .date-info .time{font-size:.75rem;color:var(--text-muted)}.applications-page-body .applications-container .status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}.applications-page-body .status-badge.success{background:#d1fae5;color:#059669}.applications-page-body .status-badge.warning{background:#fef3c7;color:#d97706}.applications-page-body .status-badge.danger{background:#fee2e2;color:#b91c1c}.applications-page-body .status-badge.info{background:#e0f2fe;color:#0284c7}.applications-page-body .status-badge.solid-success{border:1px solid #a7f3d0;background:#ecfdf5;color:#059669}.applications-page-body .status-badge.solid-warning{border:1px solid #fde68a;background:#fffbeb;color:#d97706}.applications-page-body .status-badge.solid-danger{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c}.applications-page-body .status-badge.solid-info{border:1px solid #bae6fd;background:#f0f9ff;color:#0284c7}.applications-page-body .td-actions{display:flex;align-items:center;gap:.5rem}.applications-page-body .btn-action{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .85rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;border:none;letter-spacing:.01em}.applications-page-body .btn-action-primary{background:var(--primary,#2563eb);color:#fff}.applications-page-body .btn-action-primary:hover{background:#1d4ed8;box-shadow:0 2px 8px rgba(37,99,235,.35)}.applications-page-body .btn-action-secondary{background:var(--surface-bg);color:var(--primary,#2563eb);border:1px solid var(--primary,#2563eb)}.applications-page-body .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;flex-wrap:wrap;gap:1rem}.applications-page-body .pagination-info{font-size:.875rem;color:var(--text-muted)}.applications-page-body .pagination-controls{display:flex;align-items:center;gap:.25rem}.applications-page-body .page-numbers{display:flex;gap:.25rem}.applications-page-body .btn-page{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface-card);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.applications-page-body .btn-page:hover:not(:disabled){background:var(--surface-bg);color:var(--text-primary)}.applications-page-body .btn-page.active{background:var(--primary,#2563eb);color:white;border-color:var(--primary,#2563eb)}.applications-page-body .btn-page:disabled{opacity:.5;cursor:not-allowed}.applications-page-body .details-modal-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.applications-page-body .doc-preview-link{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--primary,#2563eb);text-decoration:none;font-weight:600;transition:all .15s ease;background:var(--surface-elevated)}.applications-page-body .doc-preview-link:hover{background:var(--brand-50,#eef5ff);border-color:var(--primary,#2563eb)}@media screen and (max-width:1024px){.applications-page-body .metrics-row{grid-template-columns:repeat(2,1fr);gap:1rem}.applications-page-body .filters-row{flex-direction:column;align-items:stretch;gap:1rem}.applications-page-body .search-container{min-width:unset;width:100%}.applications-page-body .filter-dropdowns{flex-wrap:wrap;gap:.75rem;width:100%}.applications-page-body .filter-group{flex:1 1 130px}.applications-page-body .filter-group select{width:100%}.applications-page-body .export-btn{width:100%;justify-content:center}}@media screen and (max-width:768px){.applications-page-body .data-table thead{display:none}.applications-page-body .data-table{min-width:unset}.applications-page-body .data-table,.applications-page-body .data-table tbody,.applications-page-body .data-table tr{display:block;width:100%}.applications-page-body .data-table tr{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 4px rgba(0,0,0,.05)}.applications-page-body .data-table tbody tr:hover{background:var(--surface-card)}.applications-page-body .data-table td{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.875rem;text-align:right;gap:.5rem}.applications-page-body .data-table td:last-child{border-bottom:none;padding-top:.75rem;margin-top:.25rem}.applications-page-body .data-table td:before{content:attr(data-label);font-weight:600;font-size:.72rem;color:var(--text-muted,#334155);text-transform:uppercase;letter-spacing:.04em;text-align:left;flex-shrink:0;white-space:nowrap}.applications-page-body .data-table td[data-label=Tenant]{flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:.75rem}.applications-page-body .data-table td[data-label=Tenant]:before{display:none}.applications-page-body .table-container{overflow-x:visible;padding:.75rem;box-sizing:border-box;background:transparent;border:none;box-shadow:none}.applications-page-body .pagination-container{flex-direction:column;align-items:center;text-align:center}.applications-page-body .metrics-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.applications-page-body .filters-row{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.applications-page-body .filter-dropdowns{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;width:100%;align-items:end}.applications-page-body .filter-group,.applications-page-body .filter-group select{width:100%}.applications-page-body .filter-dropdowns .filter-group:nth-child(3){grid-column:span 2}.applications-page-body .export-btn{grid-column:span 2;width:100%;justify-content:center;margin-top:.25rem}.applications-page-body .details-modal-grid{grid-template-columns:1fr}}@media screen and (max-width:480px){.applications-page-body .metrics-row{grid-template-columns:1fr}.applications-page-body .metric-card{padding:1rem}}.create-complaint-page-body{max-width:1400px;margin:0 auto;padding:24px 1.5rem 40px;background:#f8fafc}.create-complaint-grid{display:grid;grid-template-columns:7fr 3fr;grid-gap:32px;gap:32px;align-items:start}.create-complaint-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:24px}.create-complaint-card-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 20px;display:flex;align-items:center;gap:8px}.cc-premium-header{padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid #e2e8f0}.cc-premium-header-row{display:flex;align-items:center;gap:12px}.cc-premium-icon{width:40px;height:40px;border-radius:10px;background:#eff6ff;color:#1d4ed8;display:flex;align-items:center;justify-content:center}.cc-premium-title{font-size:22px;font-weight:700;color:#1e293b;margin:0}.cc-premium-subtitle{font-size:14px;color:#64748b;margin:2px 0 0}.cc-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.cc-form-group{display:flex;flex-direction:column;gap:8px}.cc-form-group.span-2{grid-column:span 2}.cc-form-label{font-size:14px;font-weight:600;color:#1e293b}.cc-form-label .req{color:#ef4444}.cc-input-row{gap:12px}.cc-field-icon,.cc-input-row{display:flex;align-items:center}.cc-field-icon{width:44px;height:44px;border-radius:12px;justify-content:center;flex-shrink:0}.cc-field-icon.blue{background:#eff6ff;color:#1d4ed8}.cc-field-icon.indigo{background:#eef2ff;color:#4f46e5}.cc-field-icon.amber{background:#fffbeb;color:#d97706}.cc-field-icon.purple{background:#faf5ff;color:#9333ea}.cc-field-icon.green{background:#ecfdf5;color:#059669}.cc-select-wrap{position:relative;flex:1 1}.cc-select-input,.cc-text-input,.cc-textarea{width:100%;height:48px;padding:0 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;color:#1e293b;background:#fff;outline:none;box-sizing:border-box}.cc-select-input{height:56px;padding-right:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.cc-select-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.cc-select-input:focus,.cc-text-input:focus,.cc-textarea:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.cc-textarea{height:140px;padding:12px 16px;resize:vertical}.cc-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b}.cc-uploader{border:2px dashed #e5e7eb;border-radius:16px;padding:32px 24px;text-align:center;background:#f8fafc;cursor:pointer}.cc-uploader.dragover,.cc-uploader:hover{border-color:#1d4ed8;background:rgba(37,99,235,.02)}.cc-uploader-title{font-size:15px;font-weight:600;margin:8px 0 4px}.cc-uploader-sub{font-size:12px;color:#94a3b8}.cc-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.cc-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.cc-action-bar{display:flex;justify-content:flex-end;gap:16px;margin-top:32px}.cc-btn-cancel{border:1px solid #e5e7eb;background:#fff;border-radius:12px}.cc-btn-cancel,.cc-btn-submit{height:48px;padding:0 24px;font-weight:600;cursor:pointer}.cc-btn-submit{min-width:180px;border:none;background:#2563eb;color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.cc-btn-submit:disabled{opacity:.7;cursor:not-allowed}.cc-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:24px}.cc-summary-title{font-size:16px;font-weight:700;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.cc-summary-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:12px}.cc-summary-label{color:#64748b}.cc-summary-value{font-weight:600;text-align:right;max-width:60%;word-break:break-word}.cc-priority-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.cc-priority-dot.low{background:#22c55e}.cc-priority-dot.medium{background:#3b82f6}.cc-priority-dot.high{background:#f59e0b}.cc-priority-dot.critical{background:#ef4444}@media (max-width:1024px){.create-complaint-grid{grid-template-columns:1fr}}@media (max-width:600px){.cc-form-grid{grid-template-columns:1fr}.cc-form-group.span-2{grid-column:span 1}.cc-action-bar{flex-direction:column}.cc-btn-cancel,.cc-btn-submit{width:100%}}