@font-face{font-family:Lato;src:url(../fonts/lato-v16-latin-regular.b4d2c4c3.woff2) format("woff2")}body{font-family:Lato,Helvetica,sans-serif}.modern-table-page,.page-wrapper{padding:2rem;background-color:#f5f6fa;min-height:100vh;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.section{background:#fff;border-radius:8px;padding:20px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.invoices-section,.items-section,.notes-section,.scheduled-invoices-section,.settings-section{background:#fff;padding:10px}.section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.section-title{font-size:16px;font-weight:600;color:#2d3748;margin:0}.dashboard-card{background:#fff;border-radius:12px;padding:24px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}.dashboard-card:hover{-webkit-box-shadow:0 4px 6px rgba(0,0,0,.12);box-shadow:0 4px 6px rgba(0,0,0,.12)}.dashboard-card-header{gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.dashboard-card-header,.dashboard-card-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard-card-icon{font-size:24px;color:#5469d4;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;background-color:#f0f4ff;border-radius:8px}.dashboard-card-title{font-size:16px;font-weight:600;color:#2d3748;margin:0}.dashboard-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.dashboard-metric-value{font-size:20px;font-weight:700}.dashboard-metric-value.text-success{color:#48bb78}.dashboard-metric-value.text-danger{color:#f56565}.dashboard-metric-value.text-warning{color:#ed8936}.dashboard-metric-value.text-info{color:#4299e1}.page-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2rem}.page-header,.page-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-title{font-size:1.75rem;font-weight:600;color:#2c3e50;margin:0;gap:.75rem}.loading-icon{font-size:1.25rem}.create-btn{background-color:#5469d4;border:none;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:6px;text-transform:uppercase;-webkit-transition:background-color .2s;transition:background-color .2s}.create-btn:hover{background-color:#4353b8}.tabs-wrapper{background:#fff;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;overflow:hidden}.tab-content-inner{padding:0}.tabs-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#f5f6fa;border-bottom:1px solid #e0e0e0}.tabs-header,.tabs-header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tabs-header-actions{gap:.5rem;padding:.5rem 1rem;margin-left:auto}.tabs-wrapper .nav-tabs{border-bottom:1px solid #e0e0e0;background-color:#f5f6fa;padding:0;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tabs-wrapper .nav-tabs .nav-link{border:none;border-bottom:3px solid transparent;color:#6c757d;font-size:.9375rem;font-weight:500;padding:1rem 1.5rem;background-color:transparent;-webkit-transition:all .2s;transition:all .2s}.tabs-wrapper .nav-tabs .nav-link:hover{border-bottom-color:#ff6b35;color:#495057;background-color:#ecedf1}.tabs-wrapper .nav-tabs .nav-link.active{color:#ff6b35;border-bottom-color:#ff6b35;background-color:#fff;font-weight:600}.tabs-wrapper .tab-content{background-color:#fff;border:none}.tab-content-inner .filters-section{margin-top:1.5rem}.tabs-wrapper .tab-content .nav-tabs{background-color:#fff;border-bottom:none;padding:2rem 2rem 0 2rem;margin-bottom:1rem;gap:.75rem}.tabs-wrapper .tab-content .nav-tabs .nav-link{border:none;border-bottom:none;color:#6c757d;font-size:.9375rem;font-weight:500;padding:.875rem 2.5rem;margin-right:0;background-color:#f5f6fa;border-radius:8px 8px 0 0;-webkit-transition:all .2s;transition:all .2s;min-width:120px;text-align:center}.tabs-wrapper .tab-content .nav-tabs .nav-link:hover{border-bottom:none;color:#ff6b35;background-color:#ecedf1}.tabs-wrapper .tab-content .nav-tabs .nav-link.active{color:#ff6b35;border-bottom:none;background-color:#fff;font-weight:600;-webkit-box-shadow:0 -2px 4px rgba(0,0,0,.05);box-shadow:0 -2px 4px rgba(0,0,0,.05)}.tabs-wrapper .tab-content .text-info{color:inherit!important}.filters-section{background:#fff;padding:0 1.5rem 1.5rem 1.5rem;border-radius:0;-webkit-box-shadow:none;box-shadow:none;margin-bottom:1.5rem;display:grid;grid-template-columns:1fr auto auto;gap:1rem;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.search-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.filter-label,.search-label{font-size:.875rem;color:#6c757d;font-weight:500;margin:0}.search-input{border:1px solid #e0e0e0;border-radius:6px;padding:.625rem .875rem;font-size:.9375rem;height:42px;line-height:1.5}.filter-group{gap:1rem}.filter-group,.filter-item{display:-webkit-box;display:-ms-flexbox;display:flex}.filter-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;min-width:150px}.filter-select{border:1px solid #e0e0e0;border-radius:6px;padding:.625rem .875rem;font-size:.9375rem;height:42px;line-height:1.5}.search-btn{background-color:#5469d4;border:none;padding:.625rem 2rem;font-size:.875rem;font-weight:600;border-radius:6px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-item-align:end;align-self:end}.search-btn:hover{background-color:#4353b8}.pagination-section{background:#fff;padding:1rem 1.5rem;border-radius:0 0 8px 8px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);border-top:1px solid #e0e0e0}.controls-left,.pagination-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.controls-left{gap:.75rem}.summary-label{font-size:.875rem;color:#6c757d;font-weight:500}.per-page-select{width:80px;border:1px solid #e0e0e0;border-radius:6px;padding:.375rem .5rem;font-size:.875rem;height:36px;line-height:1.5}.pagination-info{font-size:.875rem;color:#6c757d}.pagination-controls{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.25rem}.page-btn{background:#fff;border:1px solid #e0e0e0;padding:.375rem .75rem;font-size:.875rem;border-radius:4px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;min-width:36px}.page-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#5469d4}.page-btn.active{background-color:#5469d4;color:#fff;border-color:#5469d4}.page-btn:disabled{opacity:.5;cursor:not-allowed}.table-wrapper{background:#fff;border-radius:0;-webkit-box-shadow:none;box-shadow:none;overflow:visible}.modern-table{width:100%;min-width:800px;border-collapse:collapse;table-layout:auto}.modern-table thead{background-color:#f8f9fa}.modern-table th{padding:.75rem .5rem;text-align:left;font-size:.875rem;font-weight:600;color:#495057;border-bottom:none;white-space:normal;line-height:1.3;vertical-align:top;min-width:80px}.modern-table th:first-child{padding-left:calc(.5rem + 5px)}.modern-table th:last-child{padding-right:calc(.5rem + 5px)}.modern-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modern-table th.sortable:hover{background-color:#e9ecef}.sort-icon{margin-left:4px;font-size:.75rem;color:#5469d4}.checkbox-col{width:50px;text-align:center!important}.action-col{width:60px;text-align:center}.modern-table tbody tr{border-bottom:1px solid #f0f0f0;-webkit-transition:background-color .15s;transition:background-color .15s}.modern-table tbody tr:hover{background-color:#f8f9fa;cursor:pointer}.modern-table td{padding:.75rem .5rem;font-size:.875rem;color:#495057;line-height:1.4;vertical-align:middle}.modern-table td:first-child{padding-left:calc(.5rem + 5px)}.modern-table td:last-child{padding-right:calc(.5rem + 5px)}.customer-link,.invoice-link,.resource-link{color:#5469d4;text-decoration:none;font-weight:500}.customer-link:hover,.invoice-link:hover,.resource-link:hover{text-decoration:underline}.paid-status{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.paid-icon{color:#48bb78;font-size:1.1rem}.unpaid-icon{color:#cbd5e0;font-size:1.1rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8125rem;font-weight:500;text-transform:capitalize}.status-new{background-color:#e3f2fd;color:#1976d2}.status-pending{background-color:#fff3e0;color:#f57c00}.status-confirmed{background-color:#e8f5e9;color:#388e3c}.status-cancelled{background-color:#ffebee;color:#d32f2f}.status-completed{background-color:#e8f5e9;color:#388e3c}.status-shipped{background-color:#e3f2fd;color:#1976d2}.status-active{background-color:#e8f5e9;color:#388e3c}.status-stock{background-color:#e3f2fd;color:#1976d2}.status-terminated{background-color:#ffebee;color:#d32f2f}.status-warranty{background-color:#fff3e0;color:#f57c00}.empty-state,.loading-state{padding:3rem;text-align:center;color:#6c757d;font-size:.9375rem}.loading-state .spinner{display:inline-block;width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #5469d4;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin-bottom:1rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;min-height:300px}.loading-overlay .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin-bottom:0}.loading-overlay p{margin-top:1rem;font-size:1.1rem;color:#333}.empty-state-cell{text-align:center;padding:3rem 1rem!important;font-size:1.1rem;color:#6c757d;font-style:italic}@media (max-width:1024px){.filters-section{grid-template-columns:1fr}.filter-group{-ms-flex-wrap:wrap;flex-wrap:wrap}.search-btn{-ms-flex-item-align:stretch;align-self:stretch}.modern-table-page,.page-wrapper{padding:1rem}.page-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem}.create-btn{width:100%}.tabs-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.tabs-header-actions{width:100%;border-top:1px solid #e0e0e0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}@media (max-width:1200px){.modern-table th{min-width:60px}.modern-table td,.modern-table th{padding:.625rem .4rem;font-size:.8125rem}}@media (max-width:768px){.modern-table-page{padding:1rem}.page-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem}.create-btn{width:100%}.pagination-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.pagination-controls{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.table-wrapper{border-radius:8px 8px 0 0;position:relative}.modern-table{font-size:.75rem}.modern-table th{min-width:50px;max-width:120px}.modern-table td,.modern-table th{padding:.5rem .3rem;font-size:.75rem}.modern-table td{word-break:break-word}.checkbox-col{width:40px}.action-col{width:50px}}@media (max-width:480px){.modern-table-page{padding:.5rem}.modern-table th{min-width:45px}.modern-table td,.modern-table th{padding:.4rem .25rem;font-size:.7rem}.status-badge{padding:.2rem .5rem;font-size:.7rem}}.action-btn{padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border:1px solid;text-transform:uppercase;letter-spacing:.5px}.export-btn{background-color:#fff3cd;border-color:#ffc107;color:#856404}.export-btn:hover{background-color:#ffc107;border-color:#e0a800;color:#fff}.import-btn{background-color:#d1ecf1;border-color:#17a2b8;color:#0c5460}.import-btn:hover{background-color:#17a2b8;border-color:#138496;color:#fff}.action-btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.action-buttons{gap:8px;margin-left:auto}.action-buttons,.reload-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.reload-btn{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#4a5568;-webkit-transition:all .2s;transition:all .2s;-ms-flex-negative:0;flex-shrink:0}.reload-btn:hover:not(:disabled){background-color:#edf2f7;border-color:#5469d4;color:#5469d4}.reload-btn:disabled{opacity:.6;cursor:not-allowed}.terminate-btn{background-color:#ed8936;color:#fff;border:none;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:6px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.terminate-btn:hover:not(:disabled){background-color:#dd6b20}.terminate-btn:active{background-color:#c05621}.terminate-btn:disabled{opacity:.6;cursor:not-allowed}.primary-action-btn{background-color:#5469d4;color:#fff;border:none;padding:8px 16px;font-size:.875rem;font-weight:600;border-radius:6px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;text-transform:uppercase;letter-spacing:.5px}.primary-action-btn:hover{background-color:#4353b8}.icon-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:1px solid;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-ms-flex-negative:0;flex-shrink:0;background:#fff}.icon-btn.edit-btn{border-color:#5469d4;color:#5469d4}.icon-btn.edit-btn:hover{background-color:#5469d4;color:#fff}.icon-btn.delete-btn{border-color:#dc3545;color:#dc3545}.icon-btn.delete-btn:hover{background-color:#dc3545;color:#fff}.action-btn-lg{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:1px solid;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;background:#fff;margin:0 4px;font-size:.875rem}.pause-btn{border-color:#ffc107;color:#ffc107;background-color:#fff3cd}.pause-btn:hover{background-color:#ffc107;border-color:#e0a800;color:#fff}.play-btn{border-color:#48bb78;color:#48bb78;background-color:#d4f4dd}.play-btn:hover{background-color:#48bb78;border-color:#38a169;color:#fff}.app-layout{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;width:100%}.main-content{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:210px;background-color:#f5f6fa;min-height:100vh;width:calc(100% - 210px);-webkit-transition:margin-left .3s ease,width .3s ease;transition:margin-left .3s ease,width .3s ease}.main-content.sidebar-minimized{margin-left:70px;width:calc(100% - 70px)}@media (max-width:768px){.main-content,.main-content.sidebar-minimized{margin-left:0;margin-top:60px;width:100%}}.metric-badge{display:grid;grid-template-columns:1fr auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:.375rem .875rem;gap:.5rem;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.metric-label{font-size:.6875rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.metric-value{font-size:1.125rem;font-weight:700;color:#5469d4}.status-badge.status-requested{background-color:#e3f2fd;color:#1976d2}.status-badge.status-created{background-color:#fff3e0;color:#f57c00}.status-badge.status-awaiting-payment,.status-badge.status-awaiting_payment{background-color:#ffebee;color:#d32f2f}