.even-row{background-color:#eff3f6}.odd-row{background-color:#b1d1e1}.invoice-tracking-page{background-color:#fff;color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:20px}.invoice-tabs{border-bottom:1px solid #e5e7eb;margin-bottom:20px;position:relative}.invoice-tab-btn,.invoice-tabs{align-items:center;display:flex}.invoice-tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-right:20px;padding:10px 8px;transition:all .2s ease;white-space:nowrap}.invoice-tab-btn:hover{color:#374151}.invoice-tab-btn.active{border-bottom-color:#2563eb;color:#2563eb}.invoice-filter-panel{background:#e3e2e2a2;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000f;margin-bottom:28px;padding:20px}.invoice-filter-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:16px}@media (max-width:1200px){.invoice-filter-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.invoice-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.invoice-filter-grid{grid-template-columns:1fr}}.invoice-filter-group{display:flex;flex-direction:column}.invoice-filter-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.invoice-filter-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.invoice-filter-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.invoice-filter-input::placeholder{color:#9ca3af}.invoice-filter-actions{display:flex;gap:12px;justify-content:flex-end}.invoice-btn-clear{background:#0000;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;font-size:14px;padding:8px 20px;transition:background-color .2s ease}.invoice-btn-clear:hover{background-color:#fef2f2}.invoice-btn-search{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:background-color .2s ease}.invoice-btn-search:hover{background-color:#1d4ed8}.invoice-table-container{background:#fff;border:1px solid #f3f4f6;border-radius:8px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.invoice-table-scroll{overflow-x:auto}.invoice-table{border-collapse:collapse;font-size:14px;text-align:left;width:100%}.invoice-table thead tr{border-bottom:1px solid #f3f4f6}.invoice-table th{color:#9ca3af;font-size:13px;font-weight:400;padding:14px 16px;-webkit-user-select:none;user-select:none;white-space:nowrap}.invoice-table th.sortable{cursor:pointer;transition:color .2s}.invoice-table th.sortable:hover{color:#374151}.invoice-table th .sort-icon{font-size:11px;margin-left:4px;opacity:.5}.invoice-table tbody tr{border-bottom:1px solid #f9fafb;transition:background-color .15s ease}.invoice-table tbody tr:hover{background-color:#f9fafb}.invoice-table td{padding:14px 16px;white-space:nowrap}.invoice-table td.link-cell{color:#2563eb;cursor:pointer;font-weight:500;text-decoration:underline}.invoice-table td.amount-cell{font-weight:500}.expand-col{padding:0!important;width:36px}.expand-toggle-cell{padding:0 8px!important;text-align:center;width:36px}.expand-toggle-btn{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:16px;height:24px;justify-content:center;line-height:1;transition:transform .2s ease,color .2s ease,background-color .2s ease;width:24px}.expand-toggle-btn:hover{background-color:#f3f4f6;color:#374151}.expand-toggle-btn.open{background-color:#eff6ff;border-color:#2563eb;color:#2563eb;transform:rotate(90deg)}.invoice-row--expanded{background-color:#f8faff!important}.invoice-expanded-row{background-color:#f8faff}.invoice-expanded-row:hover{background-color:#f8faff!important}.invoice-expanded-cell{border-bottom:2px solid #2563eb;padding:0!important}.invoice-detail-panel{background:#f8faff;border-left:3px solid #2563eb;padding:20px 24px}.detail-sections-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:20px}.detail-sections-row--bottom{border-top:1px solid #e5e7eb;margin-bottom:0;padding-top:20px}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.detail-section-title{border-bottom:1px solid #f3f4f6;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.detail-grid{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:1fr 1fr}.detail-field-item{display:flex;flex-direction:column;gap:2px}.detail-field-label{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.detail-field-value{color:#1f2937;font-size:13px;font-weight:500}.invoice-history-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.history-item{align-items:flex-start;display:flex;gap:10px}.history-dot{background-color:#2563eb;border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.history-content{display:flex;flex-direction:column;gap:2px}.history-timestamp{color:#9ca3af;font-size:11px;font-weight:500}.history-note{color:#374151;font-size:13px}.detail-actions{align-items:center;display:flex;justify-content:center}.detail-action-btn{align-items:center;background-color:#2563eb;border-radius:6px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;text-decoration:none;transition:background-color .2s ease}.detail-action-btn:hover{background-color:#1d4ed8}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:3px 10px;text-transform:capitalize}.status-badge.status-approved{background-color:#dcfce7;color:#166534}.status-badge.status-pending{background-color:#fef9c3;color:#854d0e}.status-badge.status-declined{background-color:#fee2e2;color:#991b1b}.status-badge.status-paid{background-color:#dcfce7;color:#166534}.status-badge.status-unpaid{background-color:#fef9c3;color:#854d0e}.status-badge.status-due{background-color:#fee2e2;color:#991b1b}.outstanding-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:3px 10px;white-space:nowrap}.outstanding-badge.outstanding-overdue{background-color:#fee2e2;color:#991b1b}.outstanding-badge.outstanding-today{background-color:#fef9c3;color:#854d0e}.outstanding-badge.outstanding-remaining{background-color:#dcfce7;color:#166534}.outstanding-badge.outstanding-paid{background-color:#f3f4f6;color:#6b7280}.outstanding-badge.outstanding-declined{background-color:#f3f4f6;color:#9ca3af}.outstanding-badge.outstanding-pending{background-color:#eff6ff;color:#1d4ed8}.payment-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:3px 10px;white-space:nowrap}.payment-badge.payment-paid{background-color:#dcfce7;color:#166534}.payment-badge.payment-unpaid{background-color:#fef9c3;color:#854d0e}.payment-badge.payment-due{background-color:#fee2e2;color:#991b1b}.payment-badge.payment-voided{background-color:#f3f4f6;color:#6b7280}.payment-badge.payment-partial{background-color:#fff7ed;color:#c2410c}.invoice-pagination{align-items:center;border-top:1px solid #f3f4f6;color:#6b7280;display:flex;font-size:13px;justify-content:space-between;padding:14px 16px}.invoice-pagination-info{font-size:13px}.invoice-pagination-controls{align-items:center;display:flex;gap:4px}.invoice-page-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;height:34px;justify-content:center;min-width:34px;transition:all .15s ease}.invoice-page-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.invoice-page-btn:disabled{cursor:not-allowed;opacity:.4}.invoice-page-btn.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.invoice-page-btn.nav-btn{font-size:13px;padding:0 12px}.invoice-loading{color:#6b7280;gap:12px}.invoice-empty-state,.invoice-loading{align-items:center;display:flex;flex-direction:column;font-size:14px;justify-content:center;padding:60px 20px}.invoice-empty-state{color:#9ca3af;gap:8px}.invoice-empty-state .empty-icon{font-size:40px;opacity:.4}.invoice-page-size{align-items:center;display:flex;gap:8px}.invoice-page-size select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:13px;outline:none;padding:4px 8px}.invoice-page-size select:focus{border-color:#2563eb}.main-table-row-odd{background-color:#b4c8dc}.main-table-row-even{background-color:#f8f8f8}.sub-table-header{background-color:#000951;font-size:15px;margin:0;padding:0;text-align:left;width:98%}.sub-table-header-cell{color:#fff;text-align:left}.sub-table-row-even{background-color:#f8f8f8}.sub-table-row-odd{background-color:#b4c8dc}.icon-container{align-items:center;display:flex;font-size:5px;gap:1px}