*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4A7AB5;--primary-light: #6B9CD4;--primary-dark: #3A6190;--primary-subtle: #EBF2FA;--bg: #F4F6F9;--bg-card: #FFFFFF;--bg-sidebar: #1C1F2E;--bg-topbar: #FFFFFF;--bg-hover: #F0F2F5;--bg-muted: #F8F9FB;--text: #1E2A3A;--text-muted: #7C8594;--text-light: #A0A8B4;--border: #E2E6EC;--border-light: #EEF0F4;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--sidebar-bg: #1C1F2E;--sidebar-text: #94A3B8;--sidebar-active: rgba(74, 122, 181, .2);--sidebar-active-text: #FFFFFF;--sidebar-hover: rgba(255, 255, 255, .06);--success: #34C77B;--warning: #F0A030;--danger: #E25050;--info: #5B9FE6;--radius: 10px;--radius-lg: 14px;--radius-pill: 999px;--sidebar-width: 220px;--topbar-height: 56px;--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=dark]{--primary: #6B9CD4;--primary-light: #89B4E0;--primary-dark: #4A7AB5;--primary-subtle: rgba(74, 122, 181, .15);--bg: #13151C;--bg-card: #1C1F2E;--bg-sidebar: #111318;--bg-topbar: #1C1F2E;--bg-hover: #252836;--bg-muted: #1A1D28;--text: #E2E6EC;--text-muted: #7C8594;--text-light: #555D6B;--border: #2A2D3A;--border-light: #232636;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4);--sidebar-bg: #111318;--sidebar-text: #7C8594;--sidebar-active: rgba(107, 156, 212, .15);--success: #34C77B;--warning: #F0A030;--danger: #E25050}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.app{display:flex;min-height:100vh}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.content{flex:1;padding:24px;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;border-radius:0 16px 16px 0}.sidebar-header{display:flex;align-items:center;gap:10px;padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{filter:brightness(0) invert(1);opacity:.95}.sidebar-brand{display:flex;flex-direction:column;align-items:center}.sidebar-brand-name{font-size:16px;font-weight:700;color:#fff;text-align:center}.sidebar-brand-sub{font-size:11px;color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.5px;text-align:center}.sidebar-nav{display:flex;flex-direction:column;padding:16px 10px;gap:2px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);color:var(--sidebar-text);background:transparent;border:1px solid transparent;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;text-align:left;width:100%}.sidebar-item:hover{background:var(--sidebar-hover);color:#fff;border-color:#ffffff14}.sidebar-item.active{background:var(--sidebar-active);color:var(--sidebar-active-text);border-color:#6b9cd466}.sidebar-item svg{flex-shrink:0;opacity:.7}.sidebar-item.active svg{opacity:1}.sidebar-footer{margin-top:auto;padding:16px 10px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-theme-toggle{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);color:var(--sidebar-text);background:transparent;border:none;font-size:12px;font-weight:500;transition:background .15s,color .15s;text-align:left;width:100%}.sidebar-theme-toggle:hover{background:var(--sidebar-hover);color:#fff}.app-header{height:var(--topbar-height);background:var(--bg-topbar);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.header-date{display:flex;flex-direction:column}.header-greeting{font-size:14px;font-weight:600;color:var(--text)}.header-date-text{font-size:12px;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:8px}.sync-message{font-size:12px;color:var(--text-muted);background:var(--bg-muted);padding:4px 10px;border-radius:var(--radius-pill)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;border-radius:var(--radius);border:none;transition:all var(--transition-fast)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-muted);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.btn-sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:transparent;border:none;color:var(--text-muted);position:relative;transition:background var(--transition-fast),color var(--transition-fast)}.btn-icon:hover{background:var(--bg-hover);color:var(--text)}.notification-bell{position:relative}.notification-badge{position:absolute;top:-2px;right:-2px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:0 4px}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:50;min-width:200px;padding:6px}.dropdown-menu button{width:100%;text-align:left;padding:8px 12px;border-radius:6px;background:transparent;border:none;font-size:13px;color:var(--text);display:flex;align-items:center;gap:8px;transition:background var(--transition-fast)}.dropdown-menu button:hover{background:var(--bg-hover)}.dropdown-menu button svg{vertical-align:middle}.dropdown-section-label{text-transform:uppercase;font-size:10px;letter-spacing:.05em;color:var(--text-light);padding:8px 12px 4px;font-weight:600}.dropdown-divider{height:1px;background:var(--border-light);margin:4px 0}.refresh-group{display:flex;position:relative}.refresh-group .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:1px solid rgba(255,255,255,.2)}.refresh-dropdown-toggle{border-top-left-radius:0!important;border-bottom-left-radius:0!important;padding:7px 8px!important;border-left:1px solid rgba(255,255,255,.2)}.refresh-dropdown-menu{right:auto;left:0}.sync-progress-bar{background:var(--primary-subtle);padding:10px 24px 8px;border-bottom:1px solid rgba(74,122,181,.25);font-size:13px}.sync-progress-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sync-progress-info{display:flex;align-items:center;gap:8px;color:var(--primary)}.sync-progress-text{color:var(--text);font-weight:500}.sync-progress-eta{color:var(--text-muted);font-size:12px}.sync-progress-track{position:relative;height:4px;background:#4a7ab526;border-radius:2px;overflow:hidden}.sync-progress-fill{position:absolute;top:0;left:0;bottom:0;background:var(--primary);border-radius:2px;transition:width .4s ease}.sync-progress-fill--indeterminate{width:30%!important;animation:indeterminate 1.5s ease-in-out infinite}@keyframes indeterminate{0%{left:-30%}to{left:100%}}.sync-progress-file{font-size:11px;color:var(--text-light);margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-done-bar{padding:6px 24px;background:#ddfbe8;color:#1d7a3f;font-size:12px;font-weight:500;text-align:center}.spinning{animation:spin 1s linear infinite}.loading{text-align:center;padding:60px 24px;color:var(--text-muted);font-size:14px}.empty-state{text-align:center;padding:60px 24px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;white-space:nowrap}.badge-sent{background:#e8f0fe;color:#3b6fa0}.badge-awarded{background:#ddfbe8;color:#1d7a3f}.badge-declined{background:#fde8e8;color:#b53d3d}.badge-no-response{background:#f0f0f0;color:#6b7280}.badge-high{background:#fde8e8;color:#b53d3d}.badge-medium{background:#fef3d7;color:#946b13}.badge-low{background:#ddfbe8;color:#1d7a3f}.status-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.proposal-table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.filter-bar,.table-filters{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.search-input{padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;width:260px;background:var(--bg-card);color:var(--text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);outline:none}.filter-select,.table-filters select{padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;background:var(--bg-card);color:var(--text);cursor:pointer}.result-count{font-size:12px;color:var(--text-muted);margin-left:auto}.btn-sync-tracker{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;color:var(--text-primary);transition:border-color .15s}.btn-sync-tracker:hover:not(:disabled){border-color:var(--accent)}.btn-sync-tracker:disabled{opacity:.6;cursor:not-allowed}.btn-sync-tracker .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-message{font-size:12px;color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:4px;padding:10px 20px;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-num{min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius);background:none;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.pagination-num:hover{background:var(--bg-hover);color:var(--text)}.pagination-num.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.pagination-ellipsis{color:var(--text-muted);font-size:12px;padding:0 4px}.pagination-info{font-size:12px;color:var(--text-muted);margin-left:auto}.proposal-table{width:100%;border-collapse:collapse;font-size:13px}.proposal-table thead th{text-align:left;padding:10px 12px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-light);border-bottom:2px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.proposal-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text)}.proposal-table tbody tr:hover,.proposal-row:hover{background:var(--bg-hover)}.proposal-table tbody tr.expanded,.proposal-row.expanded{background:var(--primary-subtle)}.proposal-row{cursor:pointer;transition:background var(--transition-fast)}.proposal-row.has-discrepancy td:first-child{border-left:3px solid var(--warning)}.sortable{cursor:pointer}.sortable:hover{color:var(--text)}.proposal-table thead th.sortable:hover{color:var(--primary)}.sort-indicator{font-size:10px;margin-left:4px;color:var(--text-light)}.sort-indicator-muted{font-size:10px;opacity:.35}.expand-toggle{background:none;border:none;padding:4px;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:background var(--transition-fast)}.expand-toggle:hover{background:var(--bg-hover)}.fee-cell{font-weight:600;font-family:Consolas,Monaco,monospace;font-size:12px;font-variant-numeric:tabular-nums}.warning-icon{color:var(--warning)}.address-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-num-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.detail-row td{padding:0!important;border-bottom:2px solid var(--primary-light)}.proposal-detail{padding:20px 24px;background:var(--bg-muted);border-radius:var(--radius)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;font-size:13px}.detail-grid strong{color:var(--text-muted);font-weight:500}.detail-actions{margin-top:12px;display:flex;align-items:center;gap:10px}.re-extract-msg{font-size:12px;color:var(--text-muted)}.discrepancy-alert{margin-top:12px;padding:10px 14px;background:#fef3d7;border:1px solid #F0A030;border-radius:var(--radius);color:#946b13;font-size:13px;display:flex;align-items:center;gap:8px}.parse-errors{margin-top:10px;font-size:13px;color:var(--text-muted)}.parse-errors ul{margin-left:20px;margin-top:4px}.drilldown-summary{font-size:12px;color:var(--text-muted);padding:8px 20px}.drilldown-table{width:100%;border-collapse:collapse;font-size:13px}.drilldown-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-light);border-bottom:2px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.drilldown-table th.sortable{cursor:pointer}.drilldown-table th.sortable:hover{color:var(--primary)}.drilldown-table td{padding:10px 12px;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text)}.drilldown-table tr:hover{background:var(--bg-hover)}.drilldown-table .description-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drilldown-table .mono{font-family:var(--font-mono);font-size:12px}.drilldown-table tfoot td{padding:12px;border-top:2px solid var(--border);border-bottom:none}.financial-view,.operational-view,.analytics-view{display:flex;flex-direction:column;gap:24px}.financial-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-range-filter{display:flex;align-items:center;gap:8px}.date-range-filter label{font-size:13px;font-weight:500;color:var(--text-muted)}.date-input{padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;background:var(--bg-card);color:var(--text);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);cursor:pointer}.date-input:hover{border-color:var(--primary);background:var(--bg-hover)}.date-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);outline:none}.date-input::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;border-radius:4px;padding:2px;transition:opacity var(--transition-fast),background var(--transition-fast)}.date-input::-webkit-calendar-picker-indicator:hover{opacity:.8;background:var(--bg-hover)}[data-theme=dark] .date-input{color-scheme:dark}[data-theme=dark] .date-input::-webkit-calendar-picker-indicator{filter:invert(.7)}.clear-filters-btn,.btn-clear-filter{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;background:var(--bg-muted);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast)}.clear-filters-btn:hover,.btn-clear-filter:hover{background:#fde8e8;border-color:var(--danger);color:var(--danger)}.filter-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-pill);font-size:11px;font-weight:600}.summary-info,.financial-summary{font-size:13px;color:var(--text-muted)}.kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,250px));gap:16px;justify-content:center}.kpi-card{background:linear-gradient(135deg,rgba(74,122,181,.04) 0%,var(--bg-card) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px;display:flex;align-items:center;gap:14px;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}[data-theme=dark] .kpi-card{background:linear-gradient(135deg,rgba(107,156,212,.06) 0%,var(--bg-card) 100%)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-card--clickable{cursor:pointer}.kpi-card--clickable:hover{border-color:var(--primary)!important}.kpi-card--warning{border-color:#f0a0304d}.kpi-card--purple{border-color:#8b7ec84d}.kpi-card--teal{border-color:#4cb8a54d}[data-theme=dark] .kpi-card--primary{border-color:#6b9cd44d}[data-theme=dark] .kpi-card--success{border-color:#34c77b4d}[data-theme=dark] .kpi-card--warning{border-color:#f0a0304d}[data-theme=dark] .kpi-card--danger{border-color:#e250504d}[data-theme=dark] .kpi-card--purple{border-color:#a89edb4d}[data-theme=dark] .kpi-card--teal{border-color:#5cd4bf4d}.kpi-icon.amber{background:#fef3d7;color:var(--warning)}.kpi-icon.purple{background:#edebf7;color:#8b7ec8}.kpi-icon.teal{background:#dbfaf4;color:#4cb8a5}.kpi-content{display:flex;flex-direction:column;min-width:0}.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);font-weight:500}.kpi-detail{font-size:12px;color:var(--text-muted);margin-top:2px}.kpi-aging-dots{display:flex;gap:10px;margin-top:4px}.aging-dot{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.aging-dot-circle{width:7px;height:7px;border-radius:50%;flex-shrink:0}.summary-cards{display:flex;flex-wrap:wrap;gap:16px}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px;min-width:150px;display:flex;flex-direction:column;gap:4px}.summary-card .card-label,.card-label{font-size:12px;color:var(--text-muted);font-weight:500}.summary-card .card-value,.card-value{font-size:22px;font-weight:700;color:var(--text)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:20px}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:box-shadow var(--transition-fast)}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-card-wide{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:box-shadow var(--transition-fast);grid-column:1 / -1}.chart-card-wide:hover{box-shadow:var(--shadow-md)}.chart-card h3,.chart-card-wide h3{font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px}.chart-hint{font-size:11px;color:var(--text-light);text-align:center;margin-top:8px}.chart-subtitle{font-size:13px;color:var(--text-muted);margin:-8px 0 14px}.chart-tooltip-card,.custom-tooltip{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:8px 12px;font-size:13px;line-height:1.5;color:#e0e0e0}.chart-tooltip-label{font-weight:600;color:#fff;margin-bottom:6px;font-size:12px}.chart-tooltip-row{display:flex;align-items:center;gap:8px;padding:2px 0}.chart-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip-name{color:#a0a8b4}.chart-tooltip-value{font-weight:600;color:#fff;margin-left:auto}.aging-buckets{display:flex;flex-direction:column;gap:10px}.aging-bucket-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer;transition:box-shadow var(--transition-fast)}.aging-bucket-card:hover{box-shadow:var(--shadow-md)}.aging-bucket-header{display:flex;flex-direction:column;gap:8px;padding:12px 16px;cursor:pointer;border-left:4px solid transparent;transition:background var(--transition-fast)}.aging-bucket-header:hover{background:var(--bg-hover)}.aging-bucket-header.expanded{background:var(--primary-subtle)}.aging-bucket-info{display:flex;justify-content:space-between;align-items:center}.aging-bucket-label{font-weight:600;font-size:14px}.aging-bucket-stats{font-size:13px;color:var(--text-muted)}.aging-bucket-bar{height:6px;border-radius:3px;transition:width .3s ease;min-width:4px}.aging-bucket-detail{border-top:1px solid var(--border);padding:0}.aging-detail-table{width:100%;border-collapse:collapse;font-size:13px}.aging-detail-table th{padding:8px 12px;text-align:left;font-weight:600;font-size:12px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-muted)}.aging-detail-table td{padding:6px 12px;border-bottom:1px solid var(--border-light)}.days-badge{font-weight:700;font-size:13px}.repeat-client-table{width:100%;border-collapse:collapse;font-size:13px}.repeat-client-table th{padding:8px 12px;text-align:left;font-weight:600;font-size:12px;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap}.repeat-client-table td{padding:8px 12px;border-bottom:1px solid var(--border-light)}.clickable-row{cursor:pointer;transition:background var(--transition-fast)}.clickable-row:hover{background:var(--bg-hover)}.clickable-row.expanded{background:var(--bg-muted)}.client-name-cell{font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rate-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.rate-good{background:#ddfbe8;color:#1d7a3f}.rate-mid{background:#fef3d7;color:#946b13}.rate-low{background:#fde8e8;color:#b53d3d}.gaps-list{display:flex;flex-wrap:wrap;gap:8px}.gap-badge{display:inline-block;padding:4px 12px;background:#fef3d7;border:1px solid #F0A030;border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:#946b13}.cmt-summary-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.cmt-status-badge{display:inline-block;padding:4px 12px;background:#edebf7;border:1px solid #C4B5FD;border-radius:var(--radius-pill);font-size:12px;font-weight:500;color:#5b21b6}.cmt-queue-table{width:100%;border-collapse:collapse;font-size:13px}.cmt-queue-table th{padding:8px 12px;text-align:left;font-weight:600;font-size:12px;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap}.cmt-queue-table td{padding:8px 12px;border-bottom:1px solid var(--border-light)}.cmt-follow-up-badge{display:inline-block;padding:2px 10px;background:#fef3d7;border:1px solid #F0A030;border-radius:var(--radius-pill);font-size:12px;font-weight:600;color:#946b13}.notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:12px}.discrepancy-view{display:flex;flex-direction:column;gap:24px}.discrepancy-view h2{font-size:20px;margin-bottom:8px}.view-description{color:var(--text-muted);margin-bottom:24px}.discrepancy-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.discrepancy-section h3{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:8px;color:var(--warning)}.discrepancy-section>p{font-size:13px;color:var(--text-muted);margin-bottom:14px}.discrepancy-table{width:100%;border-collapse:collapse;font-size:13px}.discrepancy-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-light);border-bottom:2px solid var(--border)}.discrepancy-table td{padding:10px 12px;border-bottom:1px solid var(--border-light)}.diff-cell{color:var(--danger);font-weight:600}.btn-dismiss{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--success);background:transparent;border:1px solid var(--success);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.btn-dismiss:hover:not(:disabled){background:var(--success);color:#fff}.btn-dismiss:disabled{opacity:.5;cursor:not-allowed}.btn-link-project{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--primary);background:transparent;border:1px solid var(--primary);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.btn-link-project:hover{background:var(--primary);color:#fff}.link-input-group{display:flex;align-items:center;gap:4px}.link-project-input{width:100px;padding:4px 8px;font-size:12px;font-family:Consolas,Monaco,monospace;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.link-project-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-subtle);outline:none}.btn-link-save{padding:4px 8px;font-size:11px;font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast)}.btn-link-save:hover:not(:disabled){background:var(--primary-dark)}.btn-link-save:disabled{opacity:.5;cursor:not-allowed}.btn-link-cancel{padding:2px 6px;font-size:14px;font-weight:600;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;line-height:1;transition:background var(--transition-fast),color var(--transition-fast)}.btn-link-cancel:hover:not(:disabled){background:#fde8e8;border-color:var(--danger);color:var(--danger)}.btn-link-cancel:disabled{opacity:.5;cursor:not-allowed}.error-banner{padding:10px 14px;background:#fde8e8;border:1px solid var(--danger);border-radius:var(--radius);color:#b53d3d;font-size:13px}[data-theme=dark] .error-banner{background:#e2505026;color:#f08080}.crm-view{display:flex;flex-direction:column;gap:32px}.crm-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.crm-section-header{margin-bottom:16px}.crm-section-title{display:flex;align-items:center;gap:8px}.crm-section-title h2{margin:0;font-size:18px;font-weight:700;color:var(--text)}.crm-section-title svg{color:var(--primary)}.crm-section-subtitle{margin:4px 0 0 28px;font-size:13px;color:var(--text-muted)}.crm-kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,250px));gap:14px;margin-bottom:16px;justify-content:center}.crm-table{width:100%;border-collapse:collapse;font-size:13px}.crm-table thead th{text-align:left;padding:10px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-light);border-bottom:2px solid var(--border);white-space:nowrap}.crm-table tbody td{padding:10px;border-bottom:1px solid var(--border-light);vertical-align:middle}.crm-table tbody tr:hover{background:var(--bg-hover)}.crm-table .prop-num-cell{font-weight:600;font-family:Consolas,Monaco,monospace;font-size:12px}.urgency-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.follow-up-cell{min-width:120px}.follow-up-info{display:flex;flex-direction:column;gap:2px}.follow-up-date{font-size:12px;font-weight:500;color:var(--text)}.follow-up-note{font-size:11px;color:var(--text-muted);font-style:italic}.no-follow-up{font-size:12px;color:var(--danger);font-weight:500}.follow-up-by{font-size:11px;color:var(--text-muted);font-weight:400}.follow-up-count{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--text-muted);font-weight:500}.btn-log-follow-up{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:12px;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.btn-log-follow-up:hover{background:var(--primary-dark)}.crm-status-actions{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-light)}.crm-status-actions-label{font-size:12px;color:var(--text-muted);font-weight:500}.btn-status-override{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.btn-status-override:hover{background:var(--bg-hover);color:var(--text);border-color:var(--text-muted)}.btn-mark-cmt{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:var(--success);color:#fff;border:none;border-radius:var(--radius);font-size:12px;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.btn-mark-cmt:hover{background:#16a34a}.btn-mark-cmt:disabled{opacity:.5;cursor:not-allowed}.cmt-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:600}.cmt-badge.contacted{background:#ddfbe8;color:#166534}.cmt-badge.not-contacted{background:#fef3d7;color:#946b13}.cmt-contacted{opacity:.65}.invoice-count{font-size:11px;color:var(--text-muted);margin-left:4px}.days-ago{font-size:11px;color:var(--text-muted)}.crm-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;color:var(--text-muted)}.crm-empty svg{opacity:.5}.crm-empty p{font-size:14px;margin:0}.crm-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.crm-modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;width:440px;max-width:90vw;box-shadow:var(--shadow-lg)}.crm-modal h3{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--text)}.drilldown-modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center}.drilldown-modal-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drilldown-modal{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:900px;max-height:85vh;margin:0 16px;display:flex;flex-direction:column}.drilldown-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.drilldown-modal-header h2{font-size:15px;font-weight:600;margin:0;color:var(--text)}.drilldown-modal-close{padding:6px;border-radius:var(--radius);border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;transition:background var(--transition-fast),color var(--transition-fast)}.drilldown-modal-close:hover{background:var(--bg-hover);color:var(--text)}.drilldown-modal-body{overflow-y:auto;padding:24px;flex:1}.modal-proposal-info{padding:12px;background:var(--bg-muted);border-radius:var(--radius);margin-bottom:16px;font-size:13px;line-height:1.5}.modal-proposal-info strong{font-family:Consolas,Monaco,monospace}.modal-detail{font-size:12px;color:var(--text-muted)}.modal-label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:12px}.modal-input{display:block;width:100%;margin-top:6px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:inherit;background:var(--bg-card);color:var(--text)}.modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.modal-textarea{display:block;width:100%;margin-top:6px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:inherit;resize:vertical;background:var(--bg-card);color:var(--text)}.modal-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.btn-cancel{padding:8px 16px;background:var(--bg-muted);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;cursor:pointer;transition:background var(--transition-fast)}.btn-cancel:hover{background:var(--bg-hover)}.btn-confirm{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.btn-confirm:hover{background:var(--primary-dark)}.btn-confirm:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.required{color:var(--danger);font-weight:600}.crm-table tbody tr.detail-row:hover{background:transparent}.crm-table tbody tr.detail-row td{padding:0;border-bottom:2px solid var(--border)}.crm-expanded-content{padding:16px 20px;display:flex;flex-direction:column;gap:16px;background:var(--bg-muted);border-top:1px solid var(--border-light)}.follow-up-history{border-top:1px solid var(--border);padding-top:12px}.follow-up-history h4{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text)}.history-timeline{display:flex;flex-direction:column;gap:0;margin-left:8px;border-left:2px solid var(--border);padding-left:16px}.history-entry{display:flex;align-items:flex-start;gap:10px;padding:8px 0;position:relative}.history-dot{position:absolute;left:-22px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--primary);border:2px solid var(--bg-muted)}.history-content{flex:1}.history-header{display:flex;align-items:center;gap:8px;font-size:13px}.history-header strong{color:var(--text)}.history-date{font-size:11px;color:var(--text-muted)}.history-note{margin:4px 0 0;font-size:12px;color:var(--text-muted);font-style:italic;line-height:1.4}.history-empty{font-size:13px;color:var(--text-muted);font-style:italic;margin:0}.history-loading{font-size:13px;color:var(--text-muted);padding:8px 0}.login-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.login-modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:480px;width:90%;padding:32px}.login-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--primary)}.login-modal-header h2{margin:0;font-size:20px;color:var(--text)}.login-modal-body p{color:var(--text-muted);line-height:1.6;margin:0 0 12px}.login-modal-body ol{margin:0 0 20px;padding-left:20px;color:var(--text-muted);line-height:2}.login-modal-body a{color:var(--primary);font-weight:600}.device-code{font-family:Courier New,monospace;font-size:28px;font-weight:700;text-align:center;padding:16px;background:var(--bg-muted);border:2px dashed var(--border);border-radius:var(--radius);letter-spacing:4px;color:var(--primary);margin-bottom:20px;-webkit-user-select:all;user-select:all}.login-waiting{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:13px}.unified-dashboard{display:flex;flex-direction:column;gap:20px}.ud-kpi-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.ud-kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px;display:flex;align-items:flex-start;gap:14px;transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.ud-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.ud-kpi--clickable{cursor:pointer}.ud-kpi--clickable:hover{border-color:var(--primary)}.ud-kpi-card--wide{grid-column:span 2}@media(max-width:1100px){.ud-kpi-card--wide{grid-column:span 1}}.ud-kpi-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);flex-shrink:0}.ud-kpi-body{display:flex;flex-direction:column;min-width:0}.ud-kpi-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.ud-kpi-value{font-size:22px;font-weight:700;color:var(--text);line-height:1.3;font-variant-numeric:tabular-nums}.ud-kpi-sub{font-size:11px;font-weight:500;color:var(--text-muted);margin-top:1px}.ud-aging-row{display:flex;gap:16px;margin-top:6px;flex-wrap:wrap}.ud-aging-bucket{display:flex;align-items:center;gap:6px;padding:4px 0}.ud-aging-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ud-aging-count{font-size:16px;font-weight:700;color:var(--text)}.ud-aging-label{font-size:11px;color:var(--text-muted);font-weight:500}.ud-aging-fees{font-size:11px;color:var(--text-muted)}.ud-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 0;-webkit-user-select:none;user-select:none}.ud-section-title{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.ud-chart-tabs{display:flex;gap:4px;background:var(--bg-surface);border-radius:20px;padding:3px;border:1px solid var(--border)}.ud-tab{font-size:12px;font-weight:500;padding:5px 14px;border-radius:16px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.ud-tab:hover{color:var(--text)}.ud-tab--active{background:var(--primary);color:#fff}.ud-tab--active:hover{color:#fff}.ud-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ud-chart-header h3{margin:0!important}.ud-mini-tabs{display:flex;gap:2px;background:var(--bg-surface);border-radius:6px;padding:2px;border:1px solid var(--border)}.ud-mini-tab{font-size:12px;font-weight:600;padding:3px 10px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);line-height:1.4}.ud-mini-tab:hover{color:var(--text)}.ud-mini-tab--active{background:var(--primary);color:#fff}.ud-mini-tab--active:hover{color:#fff}.ud-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.ud-chart-grid{grid-template-columns:1fr}}.ud-chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm)}.ud-chart-card h3{font-size:14px;font-weight:600;color:var(--text);margin:0 0 14px}.ud-type-table-wrap{max-height:280px;overflow-y:auto}.ud-type-table{width:100%;border-collapse:collapse;font-size:13px}.ud-type-table th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);padding:8px 10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-card)}.ud-type-table td{padding:8px 10px;border-bottom:1px solid var(--border-light);color:var(--text)}.ud-type-table .clickable-row{cursor:pointer;transition:background var(--transition-fast)}.ud-type-table .clickable-row:hover{background:var(--bg-hover)}.ud-legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:8px}.ud-legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted)}.ud-legend-dot{width:8px;height:8px;border-radius:50%}.ud-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.ud-bottom-row{grid-template-columns:1fr}}.ud-attention-card,.ud-activity-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.ud-attention-card h3,.ud-activity-card h3{font-size:15px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.attention-item{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid var(--border-light)}.attention-item:last-child{border-bottom:none}.attention-item-row{display:flex;justify-content:space-between;align-items:center}.attention-item-info{display:flex;align-items:center;gap:8px;min-width:0}.attention-item-prop{font-size:13px;font-weight:600;font-family:Consolas,Monaco,monospace}.attention-item-client{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attention-item-days{font-size:12px;font-weight:600;white-space:nowrap}.attention-item-context{font-size:11px;color:var(--text-muted);padding-left:2px;line-height:1.3}.attention-item-fee{font-size:11px;font-weight:600;color:var(--text-muted)}.attention-summary{display:flex;flex-direction:column;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--border-light)}.attention-summary-row{display:flex;align-items:center;gap:8px}.attention-summary-count{font-size:16px;font-weight:700;color:var(--text);min-width:22px}.attention-summary-text{font-size:13px;color:var(--text-muted)}.attention-urgent{padding-top:12px}.attention-urgent-label{font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);font-weight:500}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-text{font-size:13px;color:var(--text)}.activity-time{font-size:11px;color:var(--text-muted);margin-top:2px}.notification-overlay{position:fixed;inset:0;background:#0003;z-index:150;opacity:0;transition:opacity var(--transition-normal)}.notification-overlay.open{opacity:1}.notification-panel{position:fixed;top:0;right:0;bottom:0;width:380px;background:var(--bg-card);box-shadow:var(--shadow-lg);z-index:151;transform:translate(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.notification-panel.open{transform:translate(0)}.notification-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.notification-panel-header h3{font-size:16px;font-weight:600;margin:0}.dismiss-all-btn{font-size:12px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast)}.dismiss-all-btn:hover{color:var(--danger)}.notification-list{flex:1;overflow-y:auto;padding:8px 0}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 24px;border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:var(--primary-subtle)}.notification-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);flex-shrink:0}.notification-icon.blue{background:#4a7ab51f;color:#4a7ab5}.notification-icon.green{background:#34c77b1f;color:#34c77b}.notification-icon.teal{background:#4cb8a51f;color:#4cb8a5}.notification-icon.red{background:#e250501f;color:#e25050}.notification-icon.amber{background:#f0a0301f;color:#f0a030}[data-theme=dark] .notification-icon.blue{background:#6b9cd42e;color:#89b4e0}[data-theme=dark] .notification-icon.green{background:#34c77b2e;color:#5ae09a}[data-theme=dark] .notification-icon.teal{background:#4cb8a52e;color:#6ed4c0}[data-theme=dark] .notification-icon.red{background:#e250502e;color:#f08080}[data-theme=dark] .notification-icon.amber{background:#f0a0302e;color:#f0a030}.notification-content{flex:1}.notification-message{font-size:13px;color:var(--text);line-height:1.4}.notification-time{font-size:11px;color:var(--text-muted);margin-top:4px}.notification-dismiss{flex-shrink:0;background:none;border:none;color:var(--text-light);padding:4px;border-radius:var(--radius);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.notification-item:hover .notification-dismiss{opacity:1}.notification-dismiss:hover{color:var(--danger);background:var(--bg-hover)}.notification-empty{text-align:center;padding:40px 24px;color:var(--text-muted);font-size:14px}.qbo-reconciliation{display:flex;flex-direction:column;gap:20px}.qbo-header h1{font-size:22px;font-weight:700;margin:0;color:var(--text)}.qbo-subtitle{font-size:13px;color:var(--text-muted);margin:4px 0 0}.qbo-connection-banner{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm)}.qbo-connection-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.qbo-connection-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.qbo-connection-status--connected{color:var(--success)}.qbo-connection-status--disconnected,.qbo-connection-status--loading{color:var(--text-muted)}.qbo-connection-reason{color:var(--text-muted);font-weight:400;font-size:12px}.qbo-token-expiry{color:var(--text-muted);font-size:11px;font-weight:400;margin-left:4px}.qbo-sync-controls{display:flex;align-items:center;gap:14px}.qbo-last-sync{font-size:12px;color:var(--text-muted)}.qbo-sync-failed{color:var(--danger);font-weight:600}.qbo-sync-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.qbo-sync-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.qbo-sync-btn:disabled{opacity:.6;cursor:not-allowed}.qbo-connect-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;border:none;border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;transition:opacity var(--transition-fast)}.qbo-connect-btn:hover{opacity:.9}.qbo-sync-progress{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);background:var(--primary-subtle);border:1px solid var(--primary);font-size:13px;color:var(--primary)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.upload-result{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);font-size:13px}.upload-result--success{background:#ddfbe8;border:1px solid var(--success);color:#166534}.upload-result--warning{background:#fef3d7;border:1px solid var(--warning);color:#946b13}.upload-result--error{background:#fde8e8;border:1px solid var(--danger);color:#b53d3d}[data-theme=dark] .upload-result--success{background:#34c77b1f;color:#5ae09a}[data-theme=dark] .upload-result--warning{background:#f0a0301f;color:#f0a030}[data-theme=dark] .upload-result--error{background:#e250501f;color:#f08080}.qbo-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:14px;transition:border-color var(--transition-fast)}.kpi-card:hover{border-color:#4a7ab566}.kpi-card--primary{border-color:#4a7ab54d}.kpi-card--success{border-color:#34c77b4d}.kpi-card--danger{border-color:#e250504d}.kpi-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);flex-shrink:0}.kpi-icon.blue{background:var(--primary-subtle);color:var(--primary)}.kpi-icon.green{background:#ddfbe8;color:var(--success)}.kpi-icon.red{background:#fde8e8;color:var(--danger)}[data-theme=dark] .kpi-icon.green{background:#34c77b26}[data-theme=dark] .kpi-icon.red{background:#e2505026}.kpi-content{display:flex;flex-direction:column}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted)}.kpi-value{font-size:22px;font-weight:700;color:var(--text);line-height:1.2}.reconciliation-tabs{display:flex;gap:0;border-bottom:2px solid var(--border)}.recon-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.recon-tab:hover{color:var(--text)}.recon-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.reconciliation-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.reconciliation-table thead th{text-align:left;padding:10px 12px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-light);border-bottom:2px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.reconciliation-table thead th.sortable{cursor:pointer;transition:color var(--transition-fast)}.reconciliation-table thead th.sortable:hover{color:var(--primary)}.reconciliation-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border-light);vertical-align:middle}.reconciliation-table tbody tr:hover{background:var(--bg-hover)}.reconciliation-table .mono{font-family:Consolas,Monaco,monospace;font-weight:600;font-size:12px}.reconciliation-table .fee-cell{font-weight:600;font-family:Consolas,Monaco,monospace;font-size:12px;text-align:right}.reconciliation-table tfoot td{padding:12px;border-top:2px solid var(--border);font-size:12px;color:var(--text-muted)}.reconciliation-table tfoot .fee-cell{color:var(--text)}.days-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;background:var(--bg-muted);color:var(--text)}.days-badge.urgent{background:#fde8e8;color:var(--danger)}[data-theme=dark] .days-badge.urgent{background:#e2505026;color:#f08080}.award-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--primary);background:transparent;border:1px solid var(--primary);border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.award-btn:hover{background:var(--primary);color:#fff}.award-form{display:inline-flex;align-items:center;gap:4px}.award-form input{width:90px;padding:4px 8px;font-size:12px;font-family:Consolas,Monaco,monospace;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.award-form input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-subtle);outline:none}.award-btn-confirm{padding:4px 6px;background:var(--success);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;transition:background var(--transition-fast)}.award-btn-confirm:hover:not(:disabled){background:#16a34a}.award-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.award-btn-cancel{padding:4px 6px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;transition:background var(--transition-fast),color var(--transition-fast)}.award-btn-cancel:hover{background:#fde8e8;border-color:var(--danger);color:var(--danger)}.award-error{font-size:11px;color:var(--danger);font-weight:500}.project-number-badge{display:inline-block;padding:3px 8px;font-size:11px;font-weight:700;font-family:Consolas,Monaco,monospace;background:#ddfbe8;color:#166534;border-radius:var(--radius-pill)}[data-theme=dark] .project-number-badge{background:#34c77b26;color:#5ae09a}