body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0 auto;max-width:1200px}.App-content{padding:20px 0}.App h1{color:#333;font-size:28px;margin-bottom:10px}.App h1,.App p{text-align:center}.App p{color:#666;font-size:16px;margin-bottom:30px}.layout{background-color:#f5f7fa;display:flex;flex-direction:column;min-height:100vh}.layout-body{display:flex;flex:1 1;overflow:hidden}.layout-main{background-color:#f5f7fa;flex:1 1;overflow-y:auto;padding:24px}@media (max-width:768px){.layout-main{padding:16px}}.header{background:#fff;border-bottom:1px solid #e1e5e9;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:100%;padding:12px 32px}.header-content,.header-content .header-left{align-items:center;display:flex}.header-logo{height:3rem;width:auto}.header-center{align-items:center;display:flex;flex-direction:column;gap:2px}.header-title{color:#333;font-size:24px;font-weight:600;margin:0}.header-subtitle{color:#666;font-size:14px;font-weight:400}.header-content .header-right{align-items:center;display:flex;gap:16px}.header-user{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.header-user-name{color:#333;font-size:14px;font-weight:500}.header-user-role{color:#666;font-size:12px}@media (max-width:768px){.header-content{padding:12px 16px}.header-logo{height:2.5rem}.header-title{font-size:20px}.header-subtitle{font-size:12px}.header-user{display:none}}@media (max-width:480px){.header-logo{height:2rem}.header-title{font-size:18px}.header-subtitle{display:none}}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:8px;justify-content:center;text-align:center;text-decoration:none;transition:all .2s ease-in-out}.btn:focus{outline:2px solid #06c;outline-offset:2px}.btn-small{font-size:14px;min-height:32px;padding:6px 12px}.btn-medium{font-size:16px;min-height:40px;padding:8px 16px}.btn-large{font-size:18px;min-height:48px;padding:12px 24px}.btn-primary{background-color:#06c}.btn-primary:hover:not(.btn-disabled){background-color:#0052a3}.btn-secondary{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.btn-secondary:hover:not(.btn-disabled){background-color:#e8e8e8;border-color:#ccc}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(.btn-disabled){background-color:#c82333}.btn-disabled{cursor:not-allowed;opacity:.6}.btn-disabled:hover{transform:none}.sidebar{background:#fff;border-right:1px solid #e1e5e9;box-shadow:1px 0 3px #0000001a;overflow-y:auto;width:280px}.sidebar-nav{padding:24px 0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin:0}.sidebar-menu-button{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;gap:12px;padding:16px 24px;text-align:left;transition:all .2s ease;width:100%}.sidebar-menu-button:hover{background-color:#f8f9fa;color:#333}.sidebar-menu-button-active{background-color:#e3f2fd;border-right:3px solid #06c;color:#06c}.sidebar-menu-button-active:hover{background-color:#e3f2fd}.sidebar-menu-icon{flex-shrink:0;font-size:20px;text-align:center;width:24px}.sidebar-menu-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.sidebar-menu-label{font-size:16px;font-weight:500;line-height:1.2}.sidebar-menu-description{color:#666;font-size:12px;line-height:1.2}.sidebar-menu-button-active .sidebar-menu-description{color:#06c;opacity:.8}@media (max-width:768px){.sidebar{width:240px}.sidebar-menu-button{padding:12px 16px}.sidebar-menu-label{font-size:14px}.sidebar-menu-description{font-size:11px}}@media (max-width:640px){.sidebar{width:200px}.sidebar-menu-description{display:none}}.dashboard{padding:0}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-header h1{color:#333;font-size:24px;font-weight:600;margin:0 0 8px}.dashboard-header p{color:#666;font-size:16px;margin:0}.dashboard-meta{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.last-updated{color:#999;font-size:12px;margin:0}.refresh-button{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:background-color .2s}.refresh-button:hover:not(:disabled){background:#0056b3}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.refresh-icon{display:inline-block;vertical-align:middle}.refresh-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:#dc3545;font-size:14px;margin-top:8px}.dashboard-section{background:#fff;border:1px solid #e1e5e9;border-radius:.5rem;box-shadow:0 .0625rem .1875rem #0000000a;margin-top:1rem;padding:1rem}.stat-card-placeholder{visibility:hidden}.section-header{margin-bottom:.875rem}.section-header,.section-title{border-bottom:1px solid #f0f0f0;padding-bottom:.625rem}.section-title{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;gap:.375rem;margin:0 0 .875rem}.section-header .section-title{border:none;margin:0;padding:0}.section-note{color:#666;font-size:.75rem;font-style:italic}.section-note strong{color:#555;font-weight:600}.section-footnote{background:#f0f8ff;border:1px solid #b8daff;border-radius:4px;color:#004085;font-size:12px;font-style:normal;margin:16px 0 0;padding:10px 12px}.section-footnote strong{color:#002752;font-weight:600}.utility-pills{display:flex;flex-wrap:wrap;gap:.25rem}.utility-pill{align-items:center;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:.75rem;display:inline-flex;font-size:.625rem;font-weight:500;gap:.125rem;padding:.125rem .375rem}.utility-pill-electric{background:#fff8e1;border-color:#ffc107;color:#856404}.utility-pill-gas{background:#ffebee;border-color:#f44336;color:#b71c1c}.utility-pill-water{background:#e1f5fe;border-color:#03a9f4;color:#01579b}.utility-pill-cws{background:#f3e5f5;border-color:#9c27b0;color:#4a148c}@media (max-width:768px){.dashboard-sections{grid-template-columns:1fr}.dashboard-header h1{font-size:28px}}.dashboard-grid{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(5,1fr);margin-bottom:1rem}.dashboard-grid.grid-5{gap:.625rem;grid-template-columns:repeat(5,1fr)}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid.grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.dashboard-grid,.dashboard-grid.grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dashboard-grid,.dashboard-grid.grid-5{gap:12px;grid-template-columns:1fr}}.stat-card{align-items:center;background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;box-shadow:0 .125rem .25rem #0000001a;display:flex;min-width:0;padding:1rem;transition:all .2s ease}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{box-shadow:0 .25rem .75rem #00000026;transform:translateY(-.125rem)}.stat-card-content{align-items:center;display:flex;gap:.75rem;justify-content:space-between;width:100%}.stat-card-left{flex:1 1;min-width:0}.stat-card-title{align-items:center;color:#666;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;line-height:1.2;margin:0 0 .25rem;text-align:left}.stat-card-icon{flex-shrink:0;font-size:1.125rem}.stat-card-subtitle{color:#888;font-size:.6875rem;line-height:1.2;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.stat-card-right{align-items:center;display:flex;gap:.5rem}.stat-card-value{color:#333;font-size:1.5rem;font-weight:600;line-height:1}.stat-card-arrow{color:#999;font-size:1.125rem;opacity:0;transition:opacity .2s ease}.stat-card-clickable:hover .stat-card-arrow{opacity:1}.harvest-view{padding:0}.harvest-main-tabs{display:flex;gap:8px;margin-bottom:24px}.harvest-main-tab{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.harvest-main-tab:hover:not(.active){background:#f8f9fa;border-color:#adb5bd;color:#333}.harvest-main-tab.active{background:#e3f2fd;border-color:#06c;box-shadow:0 2px 4px #0066cc26;color:#06c;font-weight:700}.harvest-content{animation:fadeIn .3s ease-in}@media (max-width:768px){.harvest-tabs{gap:4px}.harvest-tab{font-size:14px;padding:10px 16px}}.picklist-view{padding:0}.customer-info,.property-info{display:flex;flex-direction:column;gap:.1875rem}.customer-name,.property-name{color:#333;font-size:.8125rem;font-weight:500;line-height:1.3}.address-text{color:#666;font-size:.6875rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-name{color:#333;font-size:.8125rem;line-height:1.3}.contact-detail{color:#666;font-size:.6875rem;line-height:1.3}.contact-detail a{color:#06c;text-decoration:none}.contact-detail a:hover{text-decoration:underline}.utility-icon{font-size:.625rem}.account-number{background:#f8f9fa;border-radius:.25rem;color:#333;font-family:Courier New,monospace;font-size:.8125rem;padding:.125rem .375rem}.billing-frequency{font-weight:500;text-transform:capitalize}.billing-frequency,.expected-date,.last-invoice-date{color:#555;font-size:.75rem}.expected-date{color:#333;font-weight:500}.data-grid-actions{align-items:center;display:flex;gap:1rem}.action-icon-btn.export{background-color:initial;border:.0625rem solid #28a745;color:#28a745}.action-icon-btn.export:hover{background-color:#28a7451a;border-color:#218838;color:#218838}.data-grid-table{background:#fff;border-radius:.5rem;box-shadow:none;overflow:hidden}.data-grid-table .table-container{border:none;border-radius:0;box-shadow:none}.data-grid-table .table-container:not(:last-child){border-radius:0}.data-grid-navigation{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.25rem}.data-grid-tabs{display:flex;gap:.5rem}.data-grid-tab{background:#fff;border:1px solid #dee2e6;border-radius:1.25rem;color:#495057;cursor:pointer;font-size:.8125rem;font-weight:500;min-width:7.5rem;padding:.5rem 1.25rem;position:relative;text-align:center;transition:all .2s ease;white-space:nowrap}.data-grid-tab:hover:not(.active){background:#f8f9fa;border-color:#adb5bd;color:#212529}.data-grid-tab.active{background:#e3f2fd;border-color:#06c;color:#06c;font-weight:600}.data-grid-tab .count{background:#e9ecef;border-radius:.625rem;color:#495057;display:inline-block;font-size:.6875rem;font-weight:600;margin-left:.375rem;min-width:1.25rem;padding:.125rem .5rem;text-align:center}.data-grid-tab:hover:not(.active) .count{background:#dee2e6}.data-grid-tab.active .count{background:#06c;color:#fff;font-weight:700}.data-grid-rows-control{align-items:center;display:flex;gap:.5rem}.data-grid-rows-label{color:#666;font-size:.875rem}.data-grid-rows-select{background:#fff;border:1px solid #dee2e6;border-radius:.25rem;color:#333;cursor:pointer;font-size:.875rem;outline:none;padding:.375rem .75rem;transition:border-color .2s}.data-grid-rows-select:hover{border-color:#adb5bd}.data-grid-rows-select:focus{border-color:#007bff;box-shadow:0 0 0 .125rem #007bff1a}.data-grid-body{padding:0}.data-grid-info{display:flex;flex-direction:column;gap:.1875rem}.data-grid-name{color:#333;font-size:.8125rem;font-weight:500;line-height:1.3}.data-grid-address{color:#666;font-size:.6875rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-grid-contact{display:flex;flex-direction:column;gap:.125rem}.data-grid-contact-name{color:#333;font-size:.8125rem;font-weight:500;line-height:1.3}.data-grid-contact-detail{color:#666;font-size:.6875rem;line-height:1.3}.data-grid-contact-detail a{color:#06c;text-decoration:none}.data-grid-contact-detail a:hover{text-decoration:underline}.data-grid-utility-icon{display:inline-block;font-size:.625rem;margin-right:.375rem;vertical-align:middle}.data-grid-provider{color:#333;display:inline;font-size:.8125rem;vertical-align:middle;white-space:nowrap}.data-grid-account{background:#f8f9fa;border-radius:.25rem;color:#333;font-family:Courier New,monospace;font-size:.8125rem;padding:.125rem .375rem}.data-grid-invoice{color:#333;font-size:.8125rem;font-weight:500}.data-grid-date{color:#555;font-size:.75rem}.data-grid-due-date{color:#333;font-size:.75rem;font-weight:500}.data-grid-frequency{color:#555;font-size:.75rem;font-weight:500;text-transform:capitalize}.data-grid-confidence{border-radius:.25rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin:0 auto;padding:.25rem .5rem;width:fit-content}.data-grid-confidence.high{background:#28a745}.data-grid-confidence.medium{background:#ffc107;color:#333}.data-grid-confidence.low{background:#dc3545}.data-grid-action-btn{align-items:center;background:#fff;border:1px solid #007bff;border-radius:.25rem;color:#007bff;cursor:pointer;display:flex;height:2rem;justify-content:center;margin:0 auto;padding:0;transition:all .2s;width:2rem}.data-grid-action-btn svg{height:1rem;width:1rem}.data-grid-action-btn:hover{background:#007bff;color:#fff}.data-grid-empty,.data-grid-loading{color:#6b7280;font-size:.875rem;margin:1.25rem;padding:3.75rem 1.25rem;text-align:center}.data-grid-empty{background:#f9fafb;border-radius:.5rem}.data-grid-status{border-radius:.75rem;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.03125rem;padding:.25rem .5rem;text-transform:uppercase}.data-grid-status.due{background:#cfe2ff;border:1px solid #b6d4fe;color:#084298}.data-grid-status.overdue{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.data-grid-status.missing{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.data-grid-status.received{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.data-grid-status.processing{background:#d1f2eb;border:1px solid #a3e4d7;color:#0c5644}@media (max-width:48rem){.data-grid-navigation{flex-direction:column;gap:.75rem;padding-right:0}.data-grid-tabs{overflow-x:auto;width:100%}.data-grid-tab{font-size:.8125rem;padding:.625rem 1rem}.data-grid-rows-control{align-self:flex-end;padding:0 1.25rem .75rem}}.card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease-in-out}.card-hoverable:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:#06c}.card-header{background-color:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:16px 20px}.card-title{color:#666;font-size:.8125rem;font-weight:500;margin:0}.card-content{padding:1rem}.card-content:empty{padding:0}.card+.card{margin-top:16px}.table-container table,.table-container td,.table-container th{text-align:left!important}.table-container{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.table{border-collapse:collapse;font-size:14px;text-align:left;width:100%}.table-header{background-color:#f8f9fa;border-bottom:2px solid #e1e5e9}.table-header-cell{border-right:1px solid #e1e5e9;color:#333;font-size:12px;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem}.table-header-cell:last-child{border-right:none}.table-body{background:#fff}.table-row{border-bottom:1px solid #f1f3f4;transition:background-color .2s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f8f9fa}.table-row-clickable{cursor:pointer}.table-row-clickable:hover{background-color:#e3f2fd}.table-cell{border-right:1px solid #f1f3f4;color:#555;padding:.75rem 1rem;text-align:left;vertical-align:middle}.table-cell:last-child{border-right:none}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.table-empty,.table-loading{color:#666;font-style:italic;padding:40px 20px;text-align:center}.table-loading{background-color:#f8f9fa}.table-empty{background-color:#fff}.table-cell-clickable{color:#007bff;cursor:pointer;text-decoration:underline}.table-cell-clickable:hover{background-color:#f8f9fa;color:#0056b3}.pagination-container{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;padding:.75rem 1rem}.pagination-container,.pagination-left{align-items:center;display:flex}.pagination-info{color:#6b7280;font-size:.75rem}.pagination-right{align-items:center;display:flex;gap:.25rem}.pagination-arrow{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;height:1.75rem;justify-content:center;line-height:1;outline:none;padding:0;transition:all .15s;width:1.75rem}.pagination-arrow:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.pagination-arrow:disabled{cursor:not-allowed;opacity:.4}.pagination-numbers{align-items:center;display:flex;gap:.25rem}.pagination-number{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;color:#374151;cursor:pointer;display:flex;font-size:.75rem;height:1.75rem;justify-content:center;min-width:1.75rem;outline:none;padding:0 .5rem;transition:all .15s}.pagination-number:hover{background:#f9fafb;border-color:#d1d5db}.pagination-number.active{background:#2563eb;border-color:#2563eb;color:#fff}.pagination-ellipsis{color:#9ca3af;font-size:.75rem;padding:0 .25rem}@media (max-width:48rem){.pagination-container{align-items:stretch;flex-direction:column;gap:.75rem}.pagination-left,.pagination-right{justify-content:center}}.upload-view{padding:0}.upload-section{margin-bottom:1rem}.upload-content{align-items:stretch;display:flex;gap:1.25rem;width:100%}.upload-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.upload-header h3{color:#333;font-size:1rem;font-weight:600;margin:0}.processing-time{align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:1rem;color:#1565c0;display:flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.time-text{white-space:nowrap}.upload-zone{align-items:center;background:#f8f9fa;border:2px dashed #cbd5e0;border-radius:.5rem;cursor:pointer;display:flex;flex:0 0 40%;flex-direction:column;justify-content:center;padding:2.5rem 1.25rem;text-align:center;transition:all .3s ease}.upload-zone.dragging,.upload-zone:hover{background:#e7f3ff;border-color:#007bff}.upload-zone.dragging{transform:scale(1.02)}.upload-icon{font-size:2.25rem;margin-bottom:1rem}.upload-text{color:#333}.upload-main{font-size:.875rem;font-weight:500;line-height:1.2;margin:0 0 .25rem}.upload-sub{color:#666;font-size:.75rem;line-height:1.2;margin:0}.upload-limits{color:#888;font-size:.6875rem;line-height:1.2;margin:.25rem 0 0}.pending-files{background:#fff;border:1px solid #e1e5e9;box-shadow:none}.rows-control{align-items:center;display:flex;gap:.5rem}.rows-label{color:#666;font-size:.875rem}.rows-select{background:#fff;border:1px solid #dee2e6;border-radius:.25rem;color:#333;cursor:pointer;font-size:.875rem;outline:none;padding:.375rem .75rem;transition:border-color .2s}.rows-select:hover{border-color:#adb5bd}.rows-select:focus{border-color:#007bff;box-shadow:0 0 0 .125rem #007bff1a}.filename-cell{align-items:center;display:flex;gap:.5rem}.filename{color:#333;font-size:.8125rem;font-weight:500}.file-size,.upload-date{color:#666;font-size:.75rem}.file-size{font-family:monospace}.uploader{color:#333;font-size:.8125rem}.system-id{background:#f8f9fa;border-radius:.1875rem;color:#666;font-family:monospace;font-size:.6875rem;padding:.125rem .375rem}.file-actions{display:flex;gap:.5rem;justify-content:center}.action-icon-btn{border-radius:.25rem;height:2rem;width:2rem}.action-icon-btn svg{height:1rem;width:1rem}.action-icon-btn.delete{border-color:#dc3545;color:#dc3545}.action-icon-btn.delete:hover{background:#dc3545;color:#fff}.action-icon-btn.retry{border-color:#28a745;color:#28a745}.action-icon-btn.retry:hover{background:#28a745;color:#fff}.selected-files{background:#f8f9fa;border-radius:.375rem;display:flex;flex:1 1;flex-direction:column;min-height:8.75rem;padding:.75rem}.selected-files h4{color:#333;font-size:.8125rem;font-weight:600;margin:0 0 .5rem}.files-grid{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;overflow-y:auto}.file-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:.1875rem;display:flex;flex:0 1 auto;font-size:.6875rem;gap:.25rem;min-width:14rem;padding:.1875rem .375rem}.file-item .file-name{color:#333;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item .file-size{color:#666;font-family:monospace;font-size:.625rem;margin-right:.25rem}.file-item .remove-file{align-items:center;background:#0000;border:none;color:#dc3545;cursor:pointer;display:flex;font-size:.875rem;height:1rem;justify-content:center;line-height:1;padding:0;transition:opacity .2s;width:1rem}.file-item .remove-file:hover{opacity:.7}.no-selection{align-items:center;color:#999;display:flex;flex:1 1;font-size:.8125rem;font-style:italic;justify-content:center}.no-selection p{margin:0}.upload-actions{display:flex;gap:.5rem;justify-content:flex-end;width:100%}.upload-btn{background:#007bff;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.5rem;transition:background .2s}.upload-btn:hover:not(:disabled){background:#0056b3}.upload-btn:disabled{background:#6c757d;cursor:not-allowed}.clear-btn{background:#fff;border:1px solid #dee2e6;border-radius:.25rem;color:#666;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.clear-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.clear-btn:disabled{cursor:not-allowed;opacity:.5}.no-files{background:#f8f9fa;color:#666;font-size:.875rem;padding:3.75rem 1.25rem;text-align:center}.pending-files .table-container{border:none;border-radius:0;border-top:1px solid #e1e5e9;box-shadow:none}@media (max-width:768px){.upload-content{flex-direction:column}.upload-zone{flex:1 1 auto}.selected-files{min-height:auto}.files-grid{grid-template-columns:1fr}.files-header{align-items:flex-start;flex-direction:column;gap:.75rem}.file-actions{flex-direction:column;gap:.25rem}}.tab-navigation{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:1rem 1.25rem}.tab-buttons{display:flex;gap:.5rem}.tab-button{background:#fff;border:1px solid #dee2e6;border-radius:1.25rem;color:#495057;cursor:pointer;font-size:.8125rem;font-weight:500;min-width:7.5rem;padding:.5rem 1.25rem;position:relative;text-align:center;transition:all .2s ease;white-space:nowrap}.tab-button:hover:not(.active){background:#f8f9fa;border-color:#adb5bd;color:#212529}.tab-button.active{background:#e3f2fd;border-color:#06c;color:#06c;font-weight:600}.tab-button .count{background:#e9ecef;border-radius:.625rem;color:#495057;display:inline-block;font-size:.6875rem;font-weight:600;margin-left:.375rem;min-width:1.25rem;padding:.125rem .5rem;text-align:center}.tab-button:hover:not(.active) .count{background:#dee2e6}.tab-button.active .count{background:#06c;color:#fff;font-weight:700}.modal-overlay{background-color:#00000080;padding:20px}.modal-content{animation:modalFadeIn .2s ease-out;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-small{max-width:400px;width:100%}.modal-medium{max-width:600px;width:100%}.modal-large{max-width:900px;width:100%}.modal-header{background-color:#f8f9fa;border-radius:8px 8px 0 0;padding:20px 24px}.modal-title{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-button:hover{background-color:#e9ecef;color:#333}.modal-body{padding:24px}.modal-body:empty{padding:0}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-title{font-size:18px}}.capture-view{padding:0}.capture-main-tabs{display:flex;gap:8px;margin-bottom:24px}.capture-main-tab{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.capture-main-tab:hover:not(.active){background:#f8f9fa;border-color:#adb5bd;color:#333}.capture-main-tab.active{background:#e3f2fd;border-color:#06c;box-shadow:0 2px 4px #0066cc26;color:#06c;font-weight:700}.tab-icon{font-size:18px;line-height:1}.capture-content{animation:fadeIn .3s ease-in}.processing-queues{padding:0}.correction-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-overlay{background:#000000bf;z-index:9998}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 1.25rem 1.5625rem -.3125rem #0000001a;display:flex;flex-direction:column;height:90vh;max-width:100rem;position:relative;width:95%;z-index:10000}.modal-header{align-items:flex-start;border-bottom:.0625rem solid #e5e7eb;padding:1.5rem}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.header-info{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:1rem;margin-top:.5rem}.status-badge{border-radius:.375rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.status-badge.review{background:#fef3c7;color:#92400e}.status-badge.error{background:#fee2e2;color:#991b1b}.status-badge.success{background:#d1fae5;color:#065f46}.close-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.25rem}.close-button:hover{color:#374151}.modal-body{flex:1 1;overflow:hidden;padding:0}.content-container{display:flex;height:100%}.pdf-viewer{border-right:.0625rem solid #e5e7eb;display:flex;flex-direction:column;width:50%}.pdf-header{align-items:center;border-bottom:.0625rem solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.pdf-header h3{font-size:1rem;font-weight:500;margin:0}.pdf-iframe{border:none;flex:1 1;width:100%}.form-container{display:flex;flex-direction:column;overflow:hidden;width:50%}.form-container.full-width{width:100%}.show-pdf-button{background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;margin:1rem;padding:.5rem 1rem}.section-tabs-grid{grid-gap:.75rem;border-bottom:.0625rem solid #e5e7eb;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin:0 1.5rem 1rem;padding-bottom:1rem;padding-top:1rem}.section-tab{align-items:center;background:#fff;border:.0625rem solid #e5e7eb;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;height:2.25rem;justify-content:space-between;padding:.5rem .75rem;transition:all .2s}.section-tab:hover{background:#f9fafb;border-color:#d1d5db}.section-tab.active{background:#eff6ff;border-color:#3b82f6;color:#1e40af;font-weight:600}.field-count{background:#f3f4f6;border-radius:.25rem;color:#6b7280;font-size:.75rem;padding:.125rem .5rem}.section-tab.active .field-count{background:#dbeafe;color:#1e40af}.section-tab.has-empty-fields{border-color:#f59e0b}.section-tab.has-empty-fields:not(.active){background:#fffbeb}.section-tab.has-empty-fields.active{border-color:#f59e0b}.fields-container{flex:1 1;overflow-y:auto;padding:1.5rem}.fields-header-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:.75rem}.header-label{background:#f3f4f6;border:.0625rem solid #e5e7eb;border-radius:.375rem;color:#374151;font-size:.8125rem;font-weight:600;padding:.5rem .75rem;text-align:left}.fields-grid{grid-gap:.75rem;grid-row-gap:.5rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);row-gap:.5rem}.field-separator{background:#e5e7eb;grid-column:1/-1;height:.0625rem;margin:.5rem 0}.required{color:#ef4444;margin-left:.25rem}.field-value-box{align-items:center;background:#eff6ff;border:.0625rem solid #dbeafe;border-radius:.375rem;color:#1e40af;display:flex;justify-content:flex-start}.field-value-box,.field-value-input{box-sizing:border-box;font-size:.8125rem;font-weight:500;padding:.5rem .75rem;text-align:left}.field-value-input{background:#fff;border:.0625rem solid #e5e7eb;border-radius:.375rem;color:#111827;width:100%}.field-value-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 .25rem #3b82f626;outline:none}.field-value-input:disabled{background:#f3f4f6;color:#6b7280;opacity:.7}.field-value-input.field-empty{background:#fffbeb;border:.0625rem solid #f59e0b}.field-value-input.field-empty:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 .25rem #f59e0b26}@media (max-width:1400px){.fields-grid,.section-tabs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.fields-grid,.section-tabs-grid{grid-template-columns:1fr}}.field-stats{border-top:.0625rem solid #e5e7eb;display:flex;font-size:.875rem;gap:2rem;padding:1rem 1.5rem}.stat{align-items:center;display:flex;gap:.5rem}.stat-label{color:#6b7280}.stat-value{color:#111827;font-weight:600}.stat-value.mapped{color:#10b981}.stat-value.unmapped{color:#6b7280}.stat-value.calculated{color:#3b82f6}.stat-value.visual{color:#f59e0b}.modal-footer{align-items:center;border-top:.0625rem solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.footer-info{font-size:.875rem}.config-status{align-items:center;display:flex;gap:.5rem}.config-status.success{color:#10b981}.config-status.warning{color:#f59e0b}.footer-actions{display:flex;gap:.75rem}.btn-cancel,.btn-save,.btn-save-draft{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.btn-cancel{background:#fff;border:.0625rem solid #d1d5db;color:#374151}.btn-cancel:hover{background:#f9fafb}.btn-save-draft{background:#fff;border:.0625rem solid #3b82f6;color:#3b82f6}.btn-save-draft:hover{background:#eff6ff}.btn-save{background:#3b82f6;color:#fff}.btn-save:hover{background:#2563eb}.btn-edit{background:#10b981;border:none;border-radius:.375rem;color:#fff}.btn-edit:hover{background:#059669}.btn-reject{background:#fee2e2;border:.125rem solid #dc2626;border-radius:.375rem;color:#dc2626;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.btn-reject:hover{background:#fecaca;border-color:#b91c1c;color:#b91c1c}.btn-reject:disabled{background:#f3f4f6;border-color:#9ca3af;color:#9ca3af;cursor:not-allowed}.btn-save-draft:disabled,.btn-save:disabled{background:#9ca3af;cursor:not-allowed}.field-value-input:disabled{background:#f9fafb;border-color:#e5e7eb;cursor:not-allowed}.error,.loading{color:#6b7280;font-size:1rem;padding:3rem;text-align:center}.error{color:#ef4444}.validation-warning-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.validation-warning-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:.75rem;box-shadow:0 1.25rem 3.125rem #00000040;max-width:28rem;padding:2rem;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.warning-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.warning-icon svg{height:4rem;width:4rem}.warning-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.warning-message{margin-bottom:2rem;text-align:center}.validation-warning-modal .field-count{align-items:baseline;background:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem}.validation-warning-modal .count-number{color:#f59e0b;font-size:2rem;font-weight:700}.validation-warning-modal .count-label{color:#92400e;font-size:1rem;font-weight:500}.warning-description{color:#6b7280;font-size:.95rem;line-height:1.5;margin:1rem 0}.warning-question{color:#1f2937;font-size:1rem;font-weight:500;margin:1rem 0 0}.warning-actions{display:flex;gap:1rem;justify-content:center}.btn-review{background:#6b7280;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.625rem 1.5rem;transition:all .2s}.btn-review:hover{background:#4b5563;box-shadow:0 .25rem .5rem #0000001a;transform:translateY(-1px)}.btn-continue{background:#f59e0b;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.625rem 1.5rem;transition:all .2s}.btn-continue:hover{background:#d97706;box-shadow:0 .25rem .5rem #0000001a;transform:translateY(-1px)}.exceptions-failures{padding:0}.file-info{display:flex;flex-direction:column;gap:.125rem}.file-name{color:#1f2937;font-size:.875rem;font-weight:500}.file-meta{color:#6b7280;font-size:.75rem}.upload-info{display:flex;flex-direction:column;gap:.125rem}.uploaded-by{color:#1f2937;font-size:.875rem}.uploaded-date{color:#6b7280;font-size:.75rem}.error-info{align-items:center;display:flex}.error-message{background:#fee2e2;border-radius:.25rem;color:#ef4444;font-size:.8125rem;padding:.25rem .5rem}.invoice-details{display:flex;flex-direction:column;gap:.125rem}.invoice-meta{color:#6b7280;font-size:.75rem}.customer-details{display:flex;flex-direction:column;gap:.125rem}.customer-name{color:#1f2937;font-size:.875rem;font-weight:500}.property-address{color:#6b7280;font-size:.75rem}.provider-info{display:flex;flex-direction:column;gap:.125rem}.provider-name{color:#1f2937;font-size:.875rem;font-weight:500}.utility-type{color:#6b7280;font-size:.75rem}.status-badge{border-radius:.25rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.date{color:#6b7280;font-size:.8125rem}.retry-button{background:#3b82f6;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.375rem .75rem;transition:background .2s}.retry-button:hover{background:#2563eb}.duplicate-comparison-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.duplicate-comparison-modal .modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.duplicate-comparison-modal .modal-content{background:#fff;border-radius:.5rem;box-shadow:0 1.25rem 3.125rem #0000004d;display:flex;flex-direction:column;height:90vh;max-width:100rem;overflow:hidden;position:relative;width:95%;z-index:1002}.duplicate-comparison-modal .modal-header{background:#f9fafb;border-bottom:.0625rem solid #e5e7eb;padding:1.5rem}.duplicate-comparison-modal .modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.duplicate-comparison-modal .header-info{color:#6b7280;display:flex;font-size:.875rem;gap:2rem}.duplicate-comparison-modal .duplicate-info{color:#dc2626}.duplicate-comparison-modal .original-info{color:#059669}.duplicate-comparison-modal .close-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;width:2rem}.duplicate-comparison-modal .close-button:hover{color:#111827}.duplicate-comparison-modal .modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.duplicate-comparison-modal .comparison-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;height:100%;overflow:hidden;padding:1rem}.duplicate-comparison-modal .pdf-section{background:#f9fafb;border:.125rem solid #e5e7eb;border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden}.duplicate-comparison-modal .original-section{border-color:#10b981}.duplicate-comparison-modal .duplicate-section{border-color:#ef4444}.duplicate-comparison-modal .pdf-header{background:#fff;border-bottom:.125rem solid #e5e7eb;padding:1rem}.duplicate-comparison-modal .original-section .pdf-header{border-bottom-color:#10b981}.duplicate-comparison-modal .duplicate-section .pdf-header{border-bottom-color:#ef4444}.duplicate-comparison-modal .pdf-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.duplicate-comparison-modal .invoice-details{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem}.duplicate-comparison-modal .detail-item{display:flex;gap:.25rem}.duplicate-comparison-modal .detail-item strong{color:#374151}.duplicate-comparison-modal .pdf-iframe{background:#fff;border:none;flex:1 1;width:100%}.duplicate-comparison-modal .modal-footer{align-items:center;background:#f9fafb;border-top:.0625rem solid #e5e7eb;display:flex;justify-content:flex-end;padding:1.5rem}.duplicate-comparison-modal .footer-info{color:#6b7280;font-size:.875rem}.duplicate-comparison-modal .footer-actions{display:flex;gap:.75rem}.duplicate-comparison-modal .btn-cancel{background:#fff;border:.0625rem solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.duplicate-comparison-modal .btn-cancel:hover{background:#f9fafb}.duplicate-comparison-modal .btn-ignore{background:#eff6ff;border:.125rem solid #3b82f6;border-radius:.375rem;color:#1d4ed8;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.duplicate-comparison-modal .btn-ignore:hover{background:#dbeafe;border-color:#2563eb;color:#1e40af}.duplicate-comparison-modal .btn-ignore:disabled{background:#f3f4f6;border-color:#9ca3af;color:#9ca3af;cursor:not-allowed}.duplicate-comparison-modal .btn-confirm-duplicate{background:#fee2e2;border:.125rem solid #dc2626;border-radius:.375rem;color:#dc2626;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.duplicate-comparison-modal .btn-confirm-duplicate:hover{background:#fecaca;border-color:#b91c1c;color:#b91c1c}.duplicate-comparison-modal .btn-confirm-duplicate:disabled{background:#f3f4f6;border-color:#9ca3af;color:#9ca3af;cursor:not-allowed}.library-container{padding:0}.search-box{background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:20px;padding:20px}.search-header{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.search-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.col-span-2{grid-column:span 2}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.input-field{background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:14px;height:36px;padding:0 10px}.input-field:focus{border-color:#007bff;outline:none}select.input-field{appearance:none;background:#fff;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}select.input-field option{background:#fff;color:#333;padding:8px}select.input-field option:checked,select.input-field option:focus,select.input-field option:hover{background:#f0f8ff;color:#333}.btn-icon{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.btn-icon:disabled{cursor:not-allowed;opacity:.6}.btn-icon svg{height:16px;width:16px}.btn-icon.search{border-color:#007bff;color:#007bff}.btn-icon.search:hover:not(:disabled){background:#007bff;color:#fff}.btn-icon.advanced{color:#666}.btn-icon.advanced:hover{background:#f8f9fa;border-color:#999}.btn-icon.clear{border-color:#dc3545;color:#dc3545}.btn-icon.clear:hover{background:#dc3545;color:#fff}.btn-export{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.btn-export:hover{background:#059669}.action-icon-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.action-icon-btn svg{height:16px;width:16px}.action-icon-btn.view{border-color:#007bff;color:#007bff}.action-icon-btn.view:hover{background:#007bff;color:#fff}.results-box{background:#fff;border:1px solid #e1e5e9;border-radius:8px;overflow:hidden}.results-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:16px 20px}.tabs{display:flex;gap:0}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.tab.active{border-bottom-color:#06c;color:#06c;font-weight:600}.tab:hover:not(.active){color:#333}.results-table{border-collapse:collapse;width:100%}.results-table th{background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;font-weight:600;text-align:left}.results-table td,.results-table th{font-size:.8125rem;padding:.75rem 1rem}.results-table td{border-bottom:1px solid #e1e5e9;line-height:1.3}.results-table tr:hover{background:#f8f9fa}.client-info{gap:2px}.client-name{color:#333;font-size:.8125rem;line-height:1.3}.client-address{color:#666;font-size:.6875rem;line-height:1.3}.invoice-info{display:flex;flex-direction:column;gap:2px}.invoice-number{color:#333;font-weight:600}.file-name{color:#666;font-size:.6875rem;line-height:1.3}.utility-badge{border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.utility-electric{background:#f59e0b}.utility-gas{background:#ef4444}.utility-water{background:#3b82f6}.utility-cws{background:#06b6d4}.account{color:#333;font-family:Courier New,monospace;font-size:.8125rem}.amount{font-weight:400;text-align:right}.amount,.invoice-date{color:#333;font-size:.8125rem;line-height:1.3}.invoice-date{font-weight:500}.utility-icon{display:inline-block;font-size:1rem;margin-right:.375rem;vertical-align:middle}.provider-name{color:#333;display:inline;font-size:.8125rem;vertical-align:middle;white-space:nowrap}.property-info{display:flex;flex-direction:column;gap:2px}.property-name{color:#333;font-size:.8125rem;font-weight:500;line-height:1.3}.property-address{color:#666;font-size:.6875rem;line-height:1.3}.typeahead-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto}.typeahead-item{border-bottom:1px solid #f5f5f5;color:#333;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .15s ease}.typeahead-item:last-child{border-bottom:none;border-radius:0 0 6px 6px}.typeahead-item:hover{background:#f0f8ff;color:#06c}.no-results{color:#666;font-size:14px;padding:60px 20px;text-align:center}.modal-overlay{background:#000000b3;padding:1.25rem}.modal-content.pdf-modal{background:#fff;border-radius:.5rem;box-shadow:0 1.25rem 3.125rem #0000004d;display:flex;flex-direction:column;height:90vh;max-width:75rem;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:1rem 1.25rem}.modal-header h3{color:#333;flex:1 1;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-actions{display:flex;gap:.625rem;margin-left:1.25rem}.btn-download{background:#10b981;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.btn-download:hover{background:#059669}.btn-close{align-items:center;background:#0000;border:1px solid #dee2e6;border-radius:.25rem;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;line-height:1;padding:0;transition:all .2s;width:2rem}.btn-close:hover{background:#f8f9fa;border-color:#999;color:#333}.pdf-viewer{border:none;border-radius:0 0 .5rem .5rem;flex:1 1;width:100%}@media (max-width:1200px){.search-grid{grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}}@media (max-width:768px){.search-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.modal-content.pdf-modal{height:95vh;width:95%}.modal-header h3{font-size:.875rem}.btn-download{font-size:.8125rem;padding:.375rem .75rem}}.admin-view{min-height:100vh;padding:0}.admin-navigation{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:.5rem;margin-bottom:0;padding:1.5rem}.admin-navigation button{min-width:8rem}.client-list{padding:0}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}.page-header h1{flex:0 0 auto;font-size:1.5rem;font-weight:600;margin:0}.page-header .btn-primary{background:#06c;border:none;border-radius:.375rem;color:#fff;cursor:pointer;flex:0 0 auto;font-size:.875rem;font-weight:500;min-width:fit-content;padding:.625rem 1.25rem;transition:background .2s}.search-input{border:1px solid #dee2e6;border-radius:.25rem;font-size:.875rem;padding:.5rem 1rem;width:20rem}.client-info{display:flex;flex-direction:column;gap:.25rem}.client-name{color:#06c;cursor:pointer;font-weight:500}.client-list .table,.client-list .table-cell,.client-name{font-size:.875rem!important}.client-name:hover{text-decoration:underline}.client-list .client-type{background:none!important;border:none!important;border-radius:0!important;color:#6c757d;font-size:.75rem;padding:0!important}.contact-info{display:flex;flex-direction:column;font-size:.875rem;gap:.125rem}.contact-name{color:#212529;font-size:.875rem;font-weight:500}.contact-email{color:#06c;font-size:.75rem}.contact-phone{color:#6c757d;font-size:.75rem}.location-info{color:#495057;font-size:.75rem}.stats-info-inline{align-items:center;display:flex;gap:.5rem;justify-content:center}.stat-pill{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:500;line-height:1.2;padding:.25rem .625rem;white-space:nowrap}.stat-pill.properties{background:#e3f2fd;color:#1565c0}.stat-pill.accounts{background:#fff3e0;color:#e65100}.status-toggle{align-items:center;display:flex;height:100%;justify-content:center}.simple-toggle{background:#9ca3af;border-radius:.75rem;cursor:default;display:inline-block;height:1.5rem;position:relative;transition:all .2s;width:2.75rem}.simple-toggle.on{background:#06c}.simple-toggle.off{background:#9ca3af}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:1.25rem;left:.125rem;position:absolute;top:.125rem;transition:all .2s;width:1.25rem}.simple-toggle.on .toggle-slider{transform:translateX(1.25rem)}.search-suggestions{background:#fff;border:1px solid #dee2e6;border-radius:0 0 .25rem .25rem;border-top:none;box-shadow:0 2px 4px #0000001a;left:0;max-height:15rem;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:.75rem 1rem;transition:background .2s}.suggestion-item:hover{background:#f8f9fa}.suggestion-type{background:#e9ecef;border-radius:.125rem;display:inline-block;font-size:.625rem;font-weight:500;margin-bottom:.25rem;padding:.125rem .375rem;text-transform:uppercase}.suggestion-name{color:#212529;font-size:.875rem;font-weight:500;margin-top:.25rem}.suggestion-detail{color:#6c757d;font-size:.75rem;margin-top:.125rem}.loading{padding:3rem}.empty-state{color:#6c757d;padding:3rem;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:.5rem;min-width:30rem;padding:2rem}.client-details{background:#f8f9fa;min-height:100vh;padding:0}.clickable-icon{color:#06c;cursor:pointer;transition:all .2s}.clickable-icon:hover{color:#0052a3;transform:scale(1.1)}.icon-calendar{color:#6366f1}.icon-type{color:#475569}.icon-contact{color:#8b5cf6}.icon-website{color:#059669}.property-tile{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;padding:.75rem;transition:all .2s}.property-tile:hover{border-color:#06c;box-shadow:0 .25rem .5rem #0066cc1a;transform:translateY(-1px)}.utility-count{color:#059669;font-size:.6875rem;font-weight:500}.inactive-badge{background:#fee2e2;border-radius:.25rem;color:#dc2626;font-size:.5625rem;font-weight:500;padding:.0625rem .375rem}.property-details{background:#f8f9fa;min-height:100vh;padding:0}.breadcrumb{align-items:center;display:flex;gap:.5rem;margin-bottom:1.5rem}.breadcrumb-pill{background:#fff;border:1px solid #dee2e6;border-radius:1.25rem;color:#495057;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}.breadcrumb-pill:hover:not(.active){background:#f8f9fa;border-color:#adb5bd}.breadcrumb-pill.active{background:#e3f2fd;border-color:#06c;color:#06c;font-weight:600}.breadcrumb-separator{color:#6c757d}.btn-edit{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-edit:hover{background:#f1f5f9;border-color:#06c;color:#06c}.btn-primary{background:#06c;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-primary:hover{background:#0052a3}.icon-status-active{color:#06c}.icon-status-inactive{color:#dc2626}[data-tooltip]{cursor:default;position:relative}[data-tooltip]:hover:after{background:#e5e7eb;border-radius:.25rem;bottom:100%;color:#374151;content:attr(data-tooltip);font-size:.75rem;left:0;margin-bottom:.25rem;padding:.25rem .5rem;position:absolute;white-space:nowrap;z-index:1000}.properties-grid-six-col{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(6,1fr)!important}.no-utility-accounts{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-sizing:border-box;color:#6b7280;font-style:italic;padding:.75rem;text-align:center;width:100%}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h2{color:#212529;font-size:1.125rem;font-weight:600;margin:0}.loading{color:#6c757d}.error,.loading{padding:2rem;text-align:center}.error{color:#dc2626}.input-container{display:flex;flex-direction:column;gap:4px;width:100%}.input-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-required{color:#dc3545;margin-left:2px}.input{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-family:inherit;font-size:14px;outline:none;transition:all .2s ease}.input:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3}.input:hover:not(.input-disabled){border-color:#bbb}.input-small{font-size:13px}.input-medium,.input-small{min-height:32px;padding:6px 12px}.input-medium{font-size:14px}.input-large{font-size:16px;min-height:48px;padding:12px 16px}.input-error{background-color:#fff5f5;border-color:#dc3545}.input-error:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.input-disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed;opacity:.7}.input-disabled:hover{border-color:#ddd}.input-error-message{color:#dc3545;font-size:12px;margin-top:4px}.input::placeholder{color:#999;opacity:1}.input-disabled::placeholder{color:#bbb}.select-container{display:flex;flex-direction:column;gap:4px;width:100%}.select-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.select-required{color:#dc3545;margin-left:2px}.select{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-family:inherit;font-size:14px;outline:none;padding-right:32px;transition:all .2s ease}.select:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3}.select:hover:not(.select-disabled){border-color:#bbb}.select-small{font-size:13px}.select-medium,.select-small{min-height:32px;padding:6px 32px 6px 12px}.select-medium{font-size:14px;height:32px}.select-large{font-size:16px;min-height:48px;padding:12px 32px 12px 16px}.select-error{background-color:#fff5f5;border-color:#dc3545}.select-error:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.select-disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed;opacity:.7}.select-disabled:hover{border-color:#ddd}.select-error-message{color:#dc3545;font-size:12px;margin-top:4px}.select option{color:#333;padding:8px 12px}.select option:disabled{background-color:#f5f5f5;color:#999}
/*# sourceMappingURL=main.5a80b691.css.map*/