@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Inter:wght@400;500;600&display=swap";:root{--lyng-deep-teal: #217C7E;--lyng-pine-green: #1C6C6D;--lyng-sea-mist: #C7EBE3;--lyng-solar-amber: #FFB347;--lyng-off-white: #FAFAF8;--lyng-pale-beige: #fdfbf6;--lyng-graphite: #555C63;--lyng-deep-slate: #333;--lyng-light-gray: #e5e7eb;--font-heading: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--border-radius-card: 16px;--border-radius-alert: 8px;--border-radius-button: 6px;--accent-stripe: 4px}.app{min-height:100vh;background:var(--lyng-pale-beige);display:flex;font-family:var(--font-body)}.sidebar{width:280px;background:var(--lyng-off-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000001a;position:fixed;top:0;left:0;height:100vh;z-index:100;display:flex;flex-direction:column;border-right:1px solid var(--lyng-light-gray)}.sidebar-header{padding:2rem 1.5rem 1rem;border-bottom:1px solid var(--lyng-light-gray);text-align:left}.sidebar-header h2{margin:0;color:var(--lyng-deep-teal);font-weight:600;font-size:42px;font-family:var(--font-heading)}.sidebar-header p{margin:0;color:var(--lyng-graphite);font-size:16px;font-family:var(--font-body)}.sidebar-nav{flex:1;padding:1rem 0}.nav-menu{list-style:none;margin:0;padding:0}.nav-menu li{margin-bottom:.25rem}.nav-menu a{text-decoration:none;color:var(--lyng-graphite);font-weight:500;font-family:var(--font-body);font-size:15px;padding:.75rem 1.5rem;display:block;transition:all .2s ease;border-radius:0 25px 25px 0;margin-right:1rem}.nav-menu a:hover{background:var(--lyng-sea-mist);color:var(--lyng-deep-teal);transform:translate(5px)}.nav-menu a.active{background:var(--lyng-sea-mist);color:var(--lyng-deep-teal);font-weight:600}.nav-divider{padding:1rem 1.5rem;margin:.5rem 0}.nav-divider hr{border:none;height:1px;background:var(--lyng-light-gray);margin:0 0 .5rem}.nav-section-title{font-size:13px;font-weight:600;color:var(--lyng-graphite);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body)}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--lyng-light-gray);background:var(--lyng-off-white)}.user-info{margin-bottom:.75rem}.user-name{font-size:14px;font-weight:500;color:var(--lyng-graphite);font-family:var(--font-body)}.logout-btn{width:100%;padding:.5rem 1rem;background:transparent;border:1px solid var(--lyng-light-gray);border-radius:var(--border-radius-button);color:var(--lyng-graphite);font-size:14px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.main-content{flex:1;margin-left:280px;padding:2rem;min-height:100vh;box-sizing:border-box;background:var(--lyng-pale-beige);width:calc(100vw - 280px)}.lyng-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--lyng-light-gray)}.lyng-header h1{font-family:var(--font-heading);font-size:42px;font-weight:600;color:var(--lyng-deep-teal);margin:0 0 4px}.lyng-header .tagline{font-family:var(--font-body);font-size:16px;color:var(--lyng-graphite);margin:0 0 20px}.lyng-header .page-title{font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--lyng-deep-slate);margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:15px;font-weight:500;color:var(--lyng-graphite);font-family:var(--font-body)}.stat-value{font-size:2rem;color:var(--lyng-deep-teal);font-weight:600;font-family:var(--font-heading);margin:.5rem 0}.stat-warning{color:var(--lyng-solar-amber)}.stat-label{font-family:var(--font-body);color:var(--lyng-graphite);font-size:15px;margin:0}.card-warning h3{color:var(--lyng-solar-amber)!important}.card-link{color:var(--lyng-deep-teal);text-decoration:none;font-weight:500;font-family:var(--font-body);font-size:15px;margin-top:.5rem;display:inline-block;transition:color .2s ease}.card-link:hover{color:var(--lyng-pine-green)}.activity-list,.alert-list{padding:1rem 0;font-family:var(--font-body);font-size:15px}.activity-item,.alert-item{margin-bottom:.5rem;color:var(--lyng-deep-slate)}.empty-state{text-align:center;padding:2rem;color:var(--lyng-graphite);font-style:italic}.connection-status-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.connection-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--lyng-off-white);border-radius:var(--border-radius-alert);border:1px solid var(--lyng-light-gray)}.connection-icon{font-size:1.1rem}.connection-name{font-weight:500;font-family:var(--font-body);font-size:15px;color:var(--lyng-deep-slate)}.month-year-selector{display:flex;justify-content:center;gap:1rem;align-items:center;margin-bottom:2rem}.form-select{padding:.5rem 1rem;border-radius:var(--border-radius-alert);border:1px solid var(--lyng-light-gray);font-family:var(--font-body);font-size:15px;color:var(--lyng-deep-slate);background-color:var(--lyng-off-white);transition:border-color .2s ease}.form-select:focus{outline:none;border-color:var(--lyng-deep-teal)}.progress-container{display:flex;align-items:center;gap:1rem}.progress-step{display:flex;align-items:center;flex:1}.progress-circle{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;font-family:var(--font-body);transition:all .3s ease}.progress-circle.completed{background-color:var(--lyng-deep-teal);color:#fff}.progress-circle.pending{background-color:var(--lyng-light-gray);color:var(--lyng-graphite)}.progress-label{margin-left:.5rem}.progress-label-title{font-size:15px;font-weight:600;font-family:var(--font-heading)}.progress-label-status{font-size:13px;font-family:var(--font-body)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.stat-card{text-align:center;padding:1rem;background:var(--lyng-pale-beige);border-radius:var(--border-radius-alert);border-left:var(--accent-stripe) solid var(--lyng-deep-teal)}.stat-card-value{font-size:1.5rem;font-weight:600;color:var(--lyng-deep-teal);font-family:var(--font-heading);margin:.5rem 0}.stat-card-label{font-size:14px;color:var(--lyng-graphite);font-family:var(--font-body)}.progress-arrow{color:var(--lyng-light-gray);font-size:1.2rem}.completion-status{margin-top:1rem;padding:.75rem;border-radius:var(--border-radius-alert);text-align:center;font-size:15px;font-weight:600;font-family:var(--font-body)}.completion-status.all-paid{background-color:var(--lyng-sea-mist);color:var(--lyng-deep-teal)}.completion-status.in-progress{background-color:#e0f2fe;color:var(--lyng-deep-teal)}.completion-status.pending{background-color:#fff3cd;color:var(--lyng-solar-amber)}.info-box{padding:1rem;background-color:#f8f9fa;border-radius:var(--border-radius-alert);margin-bottom:1.5rem}.info-box p{margin:0;color:#4b5563;font-family:var(--font-body);font-size:15px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0}.text-primary{color:var(--lyng-deep-teal)}.text-muted{color:var(--lyng-graphite)}.text-warning{color:var(--lyng-solar-amber)}.mb-2{margin-bottom:2rem}.mb-1-5{margin-bottom:1.5rem}.mb-1{margin-bottom:1rem}.mt-1{margin-top:1rem}.ml-1{margin-left:1rem}.mr-05{margin-right:.5rem}.m-0{margin:0}.text-center{text-align:center}.font-bold{font-weight:700}.text-muted{color:#666}.text-small{font-size:.9rem}.empty-state{text-align:center;padding:2rem;color:#666}.stat-large{font-size:2rem;font-weight:700}.stat-large.purple{color:#667eea}.stat-large.green{color:#48bb78}.stat-large.orange{color:#ed8936}.text-timestamp{font-size:.8rem;color:#94a3b8;margin-top:.25rem}.month-selector{padding:.5rem;border-radius:8px;border:2px solid #e2e8f0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-list{margin:.5rem 0;padding-left:1.5rem}.modal-footer{margin-top:1rem}.invoice-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-box{padding:1rem;background-color:#f8f9fa;border-radius:var(--border-radius-alert);text-align:center;border-left:var(--accent-stripe) solid var(--lyng-deep-teal)}.stat-box.success{background-color:#e8f5e8}.stat-box-label{font-size:.9rem;color:#666;margin-bottom:.5rem;font-family:var(--font-body)}.stat-box-value{font-size:1.2rem;font-weight:700;font-family:var(--font-heading)}.stat-box-value.success{color:#16a34a}.form-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.input-card{padding:1.5rem;background-color:#fff;border:1px solid var(--lyng-light-gray);border-radius:var(--border-radius-alert);box-shadow:0 1px 3px #0000001a}.input-card label{display:block;margin-bottom:.75rem;font-weight:600;color:#374151;font-size:.95rem;font-family:var(--font-body)}.input-card input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:var(--border-radius-button);font-size:1rem;background-color:#fff;transition:border-color .2s ease;box-sizing:border-box;font-family:var(--font-body)}.input-card input:focus{outline:none;border-color:#2563eb}.input-card input.error{border-color:#ef4444;border-width:2px}.field-error{margin-top:.5rem;color:#ef4444;font-size:.85rem;font-weight:500;font-family:var(--font-body)}.auto-calc-box{width:100%;padding:1rem;background:linear-gradient(135deg,#dcfce7 0%,#f0fdf4 100%);border-radius:var(--border-radius-alert);border:1px solid #86efac;text-align:center}.auto-calc-label{font-size:.85rem;color:#15803d;margin-bottom:.25rem;font-family:var(--font-body)}.auto-calc-value{font-size:1.5rem;font-weight:700;color:#15803d;font-family:var(--font-heading)}textarea{font-family:var(--font-body)}textarea:focus{outline:none;border-color:#2563eb}.filter-controls{display:flex;gap:1rem;align-items:center;justify-content:space-between}.filter-controls-right{display:flex;gap:1rem;align-items:center}.filter-controls label{font-family:var(--font-body);font-size:15px;color:var(--lyng-graphite)}.stat-box.highlighted{background-color:#fafaf8;border:1px solid var(--lyng-light-gray)}.stat-box.success-bg{background-color:var(--lyng-sea-mist)}.stat-box.warning-bg{background-color:#fff3cd}.stat-box.error-bg{background-color:#ffe4e6}.stat-box-value.blue{color:#2563eb}.stat-box-value.warning{color:var(--lyng-solar-amber)}.main-content>*{width:100%;max-width:min(1400px,calc(100vw - 320px))}.card{background:var(--lyng-off-white);border-radius:var(--border-radius-card);padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.card h2,.card h3,.card h4{margin-top:0;color:var(--lyng-deep-teal);font-family:var(--font-heading);font-weight:600}.card h2{font-size:24px}.card h3{font-size:18px}.card h4{font-size:16px}.card-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bulk-actions-bar{margin-top:1rem;display:flex;gap:.5rem}h1{font-family:var(--font-heading);font-size:42px;font-weight:600;color:var(--lyng-deep-teal)}h2{font-family:var(--font-heading);font-size:24px;font-weight:600;color:var(--lyng-deep-teal)}h3{font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--lyng-deep-teal)}p,span,div{font-family:var(--font-body);font-size:15px;color:var(--lyng-deep-slate)}.btn{background:var(--lyng-deep-teal);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius-button);cursor:pointer;font-weight:600;font-family:var(--font-body);font-size:15px;transition:all .2s ease}.btn:hover{background:var(--lyng-pine-green);transform:translateY(-1px)}.btn-secondary{background:white;color:var(--lyng-deep-teal);border:2px solid var(--lyng-deep-teal)}.btn-secondary:hover{background:var(--lyng-off-white)}.btn-block{width:100%;display:block}.btn-primary{background:var(--lyng-deep-teal);color:#fff}.btn-primary:hover{background:var(--lyng-pine-green)}.btn-table-primary{background:var(--lyng-deep-teal)}.btn-table-primary:hover{background:var(--lyng-pine-green)}.btn-table-edit{background:var(--lyng-deep-teal)}.btn-table-edit:hover{background:var(--lyng-pine-green)}.btn-table-delete{background:var(--lyng-light-gray);color:var(--lyng-graphite)}.btn-table-delete:hover{background:#cbd5e0}.btn-table-success{background:var(--lyng-deep-teal)}.btn-table-success:hover{background:var(--lyng-pine-green)}.btn-table-warning{background:var(--lyng-solar-amber);color:#fff}.btn-table-warning:hover{background:#e59d3a}.btn-medium-success{background:var(--lyng-deep-teal);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius-button);cursor:pointer;font-size:15px;font-family:var(--font-body);font-weight:500;transition:all .2s ease}.btn-medium-success:hover{background:var(--lyng-pine-green)}.btn-medium-success:disabled{background:#cbd5e0;cursor:not-allowed}.form-group label{display:block;margin-bottom:.5rem;color:var(--lyng-graphite);font-weight:500;font-family:var(--font-body);font-size:15px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--lyng-light-gray);border-radius:var(--border-radius-alert);font-size:15px;font-family:var(--font-body);color:var(--lyng-deep-slate);background-color:var(--lyng-off-white);transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--lyng-deep-teal);background-color:#fff}.field-error{color:var(--lyng-solar-amber);font-size:14px;margin-top:.25rem;font-family:var(--font-body)}.table{width:100%;border-collapse:collapse;margin-top:1rem;font-family:var(--font-body)}.table th,.table td{text-align:left;padding:.75rem;border-bottom:1px solid var(--lyng-light-gray);font-size:15px}.table th{background:var(--lyng-off-white);font-weight:600;color:var(--lyng-deep-teal);font-family:var(--font-heading);font-size:15px}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background:var(--lyng-pale-beige)}.table tbody tr.expandable-row{cursor:pointer;transition:all .2s ease}.table tbody tr.expandable-row:hover{background-color:#f0f9ff}.table tbody tr.expanded-row{background-color:#f0f9ff;cursor:pointer;transition:all .2s ease}.expand-arrow{font-size:1rem;color:#666;transform:rotate(0);transition:transform .3s ease;display:inline-block}.expand-arrow.expanded{transform:rotate(180deg)}.table td.text-right{text-align:right}.table td.text-center{text-align:center}.table th.text-right{text-align:right}.table th.text-center{text-align:center}.col-icon{width:20px}.table .reference-column{font-family:monospace;font-size:.9rem}.action-buttons{display:flex;gap:.25rem;justify-content:flex-start;flex-wrap:wrap}.btn-sm{font-size:.875rem;padding:.5rem}.btn-lg{padding:.75rem 2rem}.activity-log-cell{padding:0;border-bottom:1px solid var(--lyng-light-gray)}.activity-log-container{padding:1rem 1.5rem;background-color:#fafafa;overflow-y:auto}.activity-log-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--lyng-light-gray)}.activity-log-header h4{margin:0;color:#374151;font-size:.9rem;font-weight:500}.activity-log-list{display:flex;flex-direction:column;gap:.5rem}.activity-log-item{padding:.75rem;background-color:#fff;border:1px solid var(--lyng-light-gray);border-radius:4px;display:flex;justify-content:space-between;align-items:center}.activity-log-content{flex:1}.activity-log-type{font-weight:500;margin-bottom:.25rem;color:#374151;font-size:.875rem}.activity-log-details{font-size:.8rem;color:#6b7280}.activity-log-error{font-size:.8rem;color:#dc2626;margin-top:.25rem}.activity-log-timestamp{font-size:.75rem;color:#9ca3af;text-align:right;margin-left:1rem}.activity-log-time{margin-top:2px}.activity-log-empty{padding:1.5rem;text-align:center;color:#6b7280;background-color:#fff;border:1px solid var(--lyng-light-gray);border-radius:4px;font-size:.875rem}.badge{padding:.25rem .75rem;border-radius:20px;font-size:14px;font-weight:500;font-family:var(--font-body);display:inline-block}.badge-success{background:var(--lyng-sea-mist);color:var(--lyng-deep-teal)}.badge-warning{background:#fff3cd;color:#856404}.badge-error{background:#ffe4e6;color:#991b1b}.badge-secondary{background:var(--lyng-light-gray);color:var(--lyng-graphite)}.badge-primary{background:var(--lyng-deep-teal);color:#fff}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 768px){.navbar{flex-direction:column;gap:1rem}.nav-menu{flex-wrap:wrap;justify-content:center}.main-content{padding:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .15s ease-out}.modal-overlay.visible{background:rgba(0,0,0,.5)}.modal-overlay.hidden{background:rgba(0,0,0,0)}.modal{background:white;border-radius:12px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;transform:scale(1);animation:modalEnter .3s ease-out}.modal.modal-confirm{max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transition:all .15s ease-out}.modal.modal-confirm.visible{transform:scale(1);opacity:1}.modal.modal-confirm.hidden{transform:scale(.9);opacity:0}.modal-header{margin-bottom:1.5rem}.modal-header h3{margin-top:0;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.modal-header.type-danger h3{color:#dc2626}.modal-header.type-warning h3{color:#f59e0b}.modal-header.type-info h3,.modal-header.type-confirm h3{color:#2563eb}.modal-header.type-success h3{color:#16a34a}.modal-message{color:#4b5563;line-height:1.5;font-size:.95rem}.modal-message p{margin:0}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-modal-cancel{padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease}.btn-modal-cancel:hover{background-color:#f9fafb;border-color:#d1d5db}.btn-modal-confirm{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:.9rem;color:#fff;transition:all .2s ease}.btn-modal-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-modal-confirm.type-danger{background-color:#dc2626}.btn-modal-confirm.type-warning{background-color:#f59e0b}.btn-modal-confirm.type-info,.btn-modal-confirm.type-confirm{background-color:#2563eb}.btn-modal-confirm.type-success{background-color:#16a34a}@keyframes modalEnter{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal h2,.modal h3{margin-top:0;color:#2d3748;font-weight:600}.modal .grid{display:grid;gap:1rem}.modal .grid-2{grid-template-columns:1fr 1fr}.modal .form-group{display:flex;flex-direction:column}.modal .form-group label{margin-bottom:.5rem;color:#4a5568;font-weight:500}.modal input,.modal select,.modal textarea{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}.modal input:focus,.modal select:focus,.modal textarea:focus{outline:none;border-color:#26667f;box-shadow:0 0 0 3px #26667f1a}.modal input[type=checkbox]{width:auto;margin:0}@media (max-width: 768px){.modal{margin:1rem;padding:1.5rem}.modal .grid-2{grid-template-columns:1fr}.sidebar{width:100%;height:auto;position:static;box-shadow:0 2px 20px #0000001a}.sidebar-nav{padding:.5rem 0}.nav-menu{display:flex;flex-wrap:wrap;gap:.25rem;padding:0 1rem}.nav-menu li{margin-bottom:0}.nav-menu a{padding:.5rem 1rem;margin-right:0;border-radius:20px;font-size:.85rem;white-space:nowrap}.nav-menu a:hover{transform:none}.main-content{margin-left:0;padding:1rem;width:100%!important}.main-content>*{max-width:100%}.app{flex-direction:column}}@media (min-width: 769px) and (max-width: 1024px){.main-content>*{max-width:min(1200px,calc(100vw - 320px))}}@media (min-width: 1025px) and (max-width: 1440px){.main-content>*{max-width:min(1400px,calc(100vw - 320px))}}@media (min-width: 1441px){.main-content>*{max-width:1600px}}.action-buttons{display:flex!important;flex-wrap:nowrap!important;gap:.25rem!important;overflow-x:auto!important;white-space:nowrap!important;min-width:0!important}.action-buttons button{flex-shrink:0!important;white-space:nowrap!important}@media (max-width: 1400px){.residents-table .email-column,.invoice-table .apartment-column,.invoice-table .reference-column{display:none!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.badge-secondary{background:#e2e8f0;color:#4a5568}.badge-primary{background:#bfdbfe;color:#124170}.badge-danger{background:#fed7d7;color:#742a2a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.stat-item{text-align:center;padding:1rem;background:rgba(103,192,144,.1);border-radius:8px}.stat-item h3{margin:0 0 .5rem;font-size:.875rem;color:#4a5568;font-weight:500}.stat-number{margin:0;font-size:1.5rem;font-weight:600;color:#26667f}.stat-subtitle{margin:.25rem 0 0;font-size:.75rem;font-weight:500;opacity:.8}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.search-field-wide{grid-column:1 / -1}.filter-actions{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.expandable-row:hover{background-color:#67c0901a!important}.payment-followup{max-width:1400px;margin:0 auto;padding:2rem}.resident-info strong{display:block;color:#2d3748}.resident-info small{color:#718096;font-size:.85rem}.invoice-count{padding:.25rem .5rem;background:#e2e8f0;border-radius:4px;font-size:.85rem;color:#4a5568}.action-buttons{display:flex;gap:.25rem}.send-modal{background:white;border-radius:12px;padding:1.5rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative}.template-textarea{font-family:Courier New,monospace;font-size:.9rem;min-height:300px}.resident-app-wrapper{min-height:100vh;padding:2rem;box-sizing:border-box;width:100%}.resident-portal{min-height:100vh;background:#fdfbf6;position:relative;overflow-x:hidden}.resident-dashboard-content{padding:2rem;min-height:100vh;box-sizing:border-box;width:100%}.resident-dashboard-container{width:100%;max-width:1400px;margin:0 auto}.resident-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.resident-login-container{width:100%;max-width:400px}.resident-login-page .card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 2px 6px #0000000f;margin-bottom:1rem;border:1px solid #E0E0E0}.resident-login-page .card-header{text-align:center;margin-bottom:1.5rem}.resident-login-page .card-header h2{margin:0 0 .5rem;color:#217c7e;font-weight:600;font-size:1.5rem;font-family:Poppins,sans-serif}.resident-login-page .card-header p{color:#555c63;margin:0;font-size:.9rem;font-family:Inter,sans-serif}.resident-portal .card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 2px 6px #0000000f;margin-bottom:1.5rem;border:1px solid #E0E0E0}.resident-portal .card h2{margin-top:0;color:#217c7e;font-size:1.25rem;font-weight:600;font-family:Poppins,sans-serif}.resident-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fff}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (min-width: 768px){.resident-login-page .card{padding:2rem}.resident-login-page .card-header h2{font-size:1.75rem}}.table-header{display:none}.table-row{display:flex;flex-direction:column;padding:1.25rem;border-bottom:1px solid #f3f4f6;gap:.75rem;transition:background-color .2s}.table-row:hover{background-color:#f9fafb}.mobile-invoice-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.mobile-invoice-label{font-weight:500;color:#6b7280;flex:0 0 auto}.mobile-invoice-value{font-weight:600;color:#2d3748;text-align:right}.mobile-invoice-header{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.mobile-invoice-header span:first-child{font-size:1.1rem;color:#26667f;font-weight:700}.alert{padding:1rem;border-radius:var(--border-radius-alert);display:flex;align-items:flex-start;gap:.75rem;font-family:var(--font-body)}.alert-content{flex:1}.alert-content p{font-family:var(--font-body);font-size:15px;line-height:1.5;margin:0}.alert-info{background:var(--lyng-off-white);border:1px solid var(--lyng-light-gray)}.alert-info p{color:var(--lyng-deep-slate)}.alert-success{background:var(--lyng-sea-mist);border:1px solid var(--lyng-sea-mist)}.alert-success p{color:var(--lyng-deep-teal)}.alert-warning{background:#fff3cd;border:1px solid #fff3cd}.alert-warning p{color:#856404}.alert-error{background:#ffe4e6;border:1px solid #ffe4e6}.alert-error p{color:#991b1b}.desktop-cell{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal-content{background:white;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h2{margin:0;color:#2d3748;font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#6b7280;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#e5e7eb;color:#2d3748}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.modal-body .invoices-table{margin:0}.modal-body .table-row:hover{background-color:#f9fafb}.latest-invoice-section h2,.invoices-section h2,.ytd-section h2,.summary-section h2{margin:0 0 1rem;color:#2d3748;font-size:1.25rem;font-weight:600}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.025em}.spinner{width:3rem;height:3rem;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (min-width: 768px){.latest-invoice-section h2,.invoices-section h2,.ytd-section h2,.summary-section h2,.quick-actions-section h2,.quick-summary-section h2{font-size:1.5rem}.status-badge{font-size:.8rem;padding:.375rem 1rem}.loading-container{min-height:50vh}.loading-spinner,.spinner{width:4rem;height:4rem}.action-cards{display:grid;grid-template-columns:1fr}.single-column-layout{max-width:1000px;gap:2.5rem}.insight-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.chart-container{padding:2rem}.modal-content{max-width:1200px}.modal-header,.modal-body{padding:2rem}}.no-data-section{margin:2rem 0}.no-data-card{background:white;padding:3rem 2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;max-width:500px;margin:0 auto}.no-data-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.no-data-card h3{color:#2d3748;margin-bottom:1rem;font-size:1.5rem}.no-data-card p{color:#718096;line-height:1.6;margin-bottom:1rem}.no-data-card p:last-child{margin-bottom:0}.latest-invoice-section{margin:1.5rem 0}.latest-invoice-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.invoice-period{font-size:1.25rem;font-weight:700;color:#111827}.status-badge.large{padding:.5rem 1rem;font-size:.9rem;font-weight:600}.invoice-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:8px}.detail-item .label{font-weight:500;color:#6b7280}.detail-item .value{font-weight:600;color:#111827}.detail-item .value.large{font-size:1.125rem}.detail-item .value.paid{color:#059669}.ytd-section{margin:2rem 0}.ytd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.ytd-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.ytd-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ytd-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%}.ytd-content h4{margin:0 0 .5rem;font-size:.9rem;color:#6b7280;font-weight:500}.ytd-amount{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.ytd-amount.paid{color:#059669}.ytd-amount.unpaid{color:#dc2626}.summary-section{margin:2rem 0}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.summary-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-card.paid{border-left:4px solid #059669}.summary-card.pending{border-left:4px solid #d97706}.summary-card.overdue{border-left:4px solid #dc2626}.card-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%}.card-content h3{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;color:#111827}.card-content p{margin:0;font-size:.875rem;color:#6b7280;font-weight:500}.invoices-section{margin:2rem 0}.invoices-table{background:white;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 1.5fr;gap:1rem;background:#f9fafb;padding:1rem;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 1.5fr;gap:1rem;padding:1rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.table-row:hover{background:#f9fafb}.table-row:last-child{border-bottom:none}.th,.td{display:flex;align-items:center}.td.amount{font-weight:600;color:#111827}.paid-date{font-size:.75rem;color:#059669;margin-top:.25rem}@media (max-width: 768px){.ytd-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.invoice-details{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.th,.td{justify-content:space-between;padding:.5rem 0}.th:before,.td:before{content:attr(data-label);font-weight:600;color:#6b7280}}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-05{gap:.5rem}.gap-1{gap:1rem}.gap-15{gap:1.5rem}.gap-2{gap:2rem}.p-05{padding:.5rem}.p-1{padding:1rem}.p-15{padding:1.5rem}.p-2{padding:2rem}.p-3{padding:3rem}.px-1{padding-left:1rem;padding-right:1rem}.py-1{padding-top:1rem;padding-bottom:1rem}.pt-15{padding-top:1.5rem}.pb-15{padding-bottom:1.5rem}.m-05{margin:.5rem}.mt-05{margin-top:.5rem}.mt-15{margin-top:1.5rem}.mt-2{margin-top:2rem}.mb-05{margin-bottom:.5rem}.ml-05{margin-left:.5rem}.ml-15{margin-left:1.5rem}.mr-1{margin-right:1rem}.bg-light{background-color:#f7fafc}.bg-gray{background-color:#f8f9fa}.bg-white{background-color:#fff}.bg-success{background-color:#d4edda}.bg-warning{background-color:#fff3cd}.bg-info{background-color:#d1ecf1}.bg-error{background-color:#f8d7da}.text-success{color:#155724}.text-error{color:#721c24}.text-info{color:#0c5460}.text-dark{color:#2d3748}.text-gray{color:#666}.border{border:1px solid #e2e8f0}.border-top{border-top:1px solid #e2e8f0}.border-bottom{border-bottom:1px solid #e2e8f0}.rounded{border-radius:8px}.rounded-sm{border-radius:4px}.w-full{width:100%}.max-w-600{max-width:600px}.max-h-400{max-height:400px}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.info-box{padding:1rem;border-radius:8px;margin-bottom:1rem}.info-box.light{background:#f7fafc}.info-box.gray{background:#f8f9fa}.info-box.success{background:#d4edda}.info-box.warning{background:#fff3cd;border:1px solid #f59e0b}.info-box.info{background:#d1ecf1}.info-box.error{background:#f8d7da}.info-box h3,.info-box h4{margin-top:0}.info-box p,.info-box ul{margin-bottom:0}.info-box.success h3,.info-box.success h4,.info-box.success p{color:#155724}.info-box.warning h3,.info-box.warning h4{color:#856404}.info-box.error h3,.info-box.error h4,.info-box.error p{color:#721c24}.code-block{background:#2d3748;color:#e2e8f0;padding:1rem;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;overflow-x:auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background-color:#fff;border-radius:8px;padding:2rem;width:90%;max-width:600px;max-height:90vh;overflow:auto}.modal-container.large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2,.modal-header h3{margin:0}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:color .2s;padding:.25rem .5rem;line-height:1}.modal-close-btn:hover{color:#dc2626}.modal-footer{display:flex;gap:.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;justify-content:flex-end}.form-group{margin-bottom:1rem}.form-group.large{margin-bottom:2rem}.form-label{display:block;margin-bottom:.5rem;font-weight:700}.form-input,.form-textarea,.form-select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:var(--font-body)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--lyng-deep-teal);box-shadow:0 0 0 3px #217c7e1a}.connection-status{padding:1rem;border-radius:4px;margin-bottom:1rem}.connection-status.success{background-color:#d4edda;color:#155724}.connection-status.error{background-color:#f8d7da;color:#721c24}.year-input{margin-left:.5rem;padding:.25rem .5rem;width:80px;border:1px solid #ddd;border-radius:4px}.preview-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;max-height:400px;overflow-y:auto}.table-fixed{table-layout:fixed}.table-hover-row{transition:background-color .2s ease;cursor:pointer}.table-hover-row:hover{background-color:#f8fafc}.table-hover-row:hover .action-button{opacity:1}.action-button{font-size:.8rem;padding:.25rem .5rem;opacity:0;transition:opacity .2s ease}.action-button.visible{opacity:1}.action-button.delete{background-color:#f44336;border:none;color:#fff}.action-button.delete:hover{background-color:#d32f2f}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.invoice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.stat-number-large{font-size:2rem;font-weight:700}.stat-number-large.purple{color:#667eea}.stat-number-large.green{color:#48bb78}.stat-number-large.orange{color:#ed8936;font-size:1.5rem}.font-size-sm{font-size:.875rem}.font-size-xs{font-size:.75rem}.font-weight-600{font-weight:600}.line-height-1{line-height:1}.position-fixed{position:fixed}.position-relative{position:relative}.z-1000{z-index:1000}.cursor-pointer{cursor:pointer}.transition-all{transition:all .2s ease}.transition-colors{transition:background-color .2s ease,color .2s ease}.transition-opacity{transition:opacity .2s ease}.opacity-0{opacity:0}.opacity-1{opacity:1}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fdfbf6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#213547;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}a:hover{color:#747bff}