:root{--qb-primary:#2ca01c;--qb-primary-hover:#1c6d0f;--qb-primary-light:#e8f5e9;--qb-secondary:#393a3d;--qb-secondary-light:#6b6d70;--qb-bg-page:#f3f4f5;--qb-bg-card:#fff;--qb-bg-hover:#f9fafb;--qb-bg-selected:#e3f2fd;--qb-text-primary:#393a3d;--qb-text-secondary:#6b6d70;--qb-text-muted:#9e9fa1;--qb-border:#e0e1e3;--qb-border-hover:#c4c6c8;--qb-success:#2ca01c;--qb-warning:#f5a623;--qb-error:#e23e3e;--qb-info:#0077c5;--qb-space-xs:4px;--qb-space-sm:8px;--qb-space-md:12px;--qb-space-lg:16px;--qb-space-xl:24px;--qb-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--qb-font-size-sm:13px;--qb-font-size-base:14px;--qb-font-size-lg:16px}body{font-family:var(--qb-font-family);font-size:var(--qb-font-size-base);color:var(--qb-text-primary);background-color:var(--qb-bg-page);margin:0;padding:0}.qb-table-container{background:var(--qb-bg-card);border:1px solid var(--qb-border);border-radius:4px;overflow:hidden}.qb-table{border-collapse:collapse;width:100%}.qb-table thead{background-color:var(--qb-bg-page);border-bottom:2px solid var(--qb-border)}.qb-table th{padding:var(--qb-space-md) var(--qb-space-lg);text-align:left;font-weight:600;font-size:var(--qb-font-size-sm);color:var(--qb-text-secondary);text-transform:uppercase;letter-spacing:.5px}.qb-table td{padding:var(--qb-space-md) var(--qb-space-lg);border-bottom:1px solid var(--qb-border);font-size:var(--qb-font-size-base)}.qb-table tbody tr{cursor:pointer;transition:background-color .15s}.qb-table tbody tr:hover{background-color:var(--qb-bg-hover)}.qb-table tbody tr.selected{background-color:var(--qb-bg-selected)}.qb-table-checkbox,.qb-table-actions{text-align:center;width:40px}.qb-action-menu{color:var(--qb-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px}.qb-action-menu:hover{background-color:var(--qb-bg-hover);color:var(--qb-text-primary)}.qb-btn{font-size:var(--qb-font-size-base);cursor:pointer;border:1px solid #0000;border-radius:4px;padding:8px 16px;font-weight:500;transition:all .15s}.qb-btn-primary{background-color:var(--qb-primary);color:#fff;border-color:var(--qb-primary)}.qb-btn-primary:hover{background-color:var(--qb-primary-hover);border-color:var(--qb-primary-hover)}.qb-btn-secondary{color:var(--qb-text-primary);border-color:var(--qb-border);background-color:#fff}.qb-btn-secondary:hover{border-color:var(--qb-border-hover);background-color:var(--qb-bg-hover)}.qb-card{background:var(--qb-bg-card);border:1px solid var(--qb-border);padding:var(--qb-space-lg);border-radius:4px}.qb-card-header{font-size:var(--qb-font-size-lg);margin-bottom:var(--qb-space-md);color:var(--qb-text-primary);font-weight:600}.qb-spinner{border:3px solid var(--qb-border);border-top-color:var(--qb-primary);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite qb-spin}@keyframes qb-spin{to{transform:rotate(360deg)}}.qb-table-loading,.qb-table-empty{padding:var(--qb-space-xl);text-align:center;color:var(--qb-text-muted)}:root{--qb-green:#2ca01c;--qb-green-dark:#1c6d0f;--qb-green-light:#e8f5e5;--qb-navy:#393a3d;--qb-navy-light:#4f5155;--qb-gray-bg:#f3f4f5;--qb-gray-border:#d4d6d9;--qb-gray-text:#6b7280;--qb-white:#fff;--qb-orange:#f5a623;--qb-orange-light:#fff4e0;--qb-red:#e23e3e;--qb-red-light:#fff0f0;--qb-blue-link:#0077c5;--qb-blue-link-hover:#005b99;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--border-radius:4px;--border-radius-lg:8px;--border:1px solid var(--qb-gray-border);--shadow-sm:0 1px 3px #00000014;--shadow-md:0 2px 8px #0000001f;--shadow-lg:0 4px 16px #00000029;--sidebar-width:220px;--header-height:52px;--content-max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--qb-navy);background:var(--qb-gray-bg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--qb-blue-link);text-decoration:none}a:hover{color:var(--qb-blue-link-hover);text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--qb-navy);z-index:100;flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-logo{padding:var(--space-4) var(--space-4);align-items:center;gap:var(--space-2);min-height:var(--header-height);border-bottom:1px solid #ffffff1a;display:flex}.sidebar-logo-text{color:#fff;font-size:var(--font-size-md);letter-spacing:-.3px;font-weight:700}.sidebar-logo-text span{color:var(--qb-green)}.sidebar-nav{padding:var(--space-3) 0;flex:1}.nav-section-label{padding:var(--space-3) var(--space-4) var(--space-1);font-size:var(--font-size-xs);color:#fff6;text-transform:uppercase;letter-spacing:.8px;font-weight:600}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:#ffffffbf;font-size:var(--font-size-base);cursor:pointer;border-left:3px solid #0000;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14;text-decoration:none}.nav-item.active{color:#fff;border-left-color:var(--qb-green);background:#2ca01c33}.nav-item svg,.nav-item .nav-icon{opacity:.8;flex-shrink:0;width:16px;height:16px}.nav-badge{background:var(--qb-green);color:#fff;font-size:var(--font-size-xs);text-align:center;border-radius:10px;min-width:20px;margin-left:auto;padding:1px 6px;font-weight:700}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-bar{height:var(--header-height);background:var(--qb-white);border-bottom:var(--border);padding:0 var(--space-6);align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);flex-shrink:0;display:flex}.top-bar-title{font-size:var(--font-size-md);color:var(--qb-navy);flex:1;font-weight:600}.top-bar-actions{align-items:center;gap:var(--space-3);display:flex}.page-content{padding:var(--space-6);flex:1;overflow-y:auto}.btn{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);border-radius:var(--border-radius);cursor:pointer;white-space:nowrap;border:none;padding:6px 16px;font-weight:600;line-height:1.4;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--qb-green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--qb-green-dark);color:#fff;text-decoration:none}.btn-secondary{color:var(--qb-navy);border:1px solid var(--qb-gray-border);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--qb-gray-bg);text-decoration:none}.btn-danger{background:var(--qb-red);color:#fff}.btn-danger:hover:not(:disabled){color:#fff;background:#c73030;text-decoration:none}.btn-link{color:var(--qb-blue-link);background:0 0;border:none;padding:4px;font-weight:400}.btn-link:hover{color:var(--qb-blue-link-hover);text-decoration:underline}.btn-sm{font-size:var(--font-size-sm);padding:4px 10px}.btn-lg{font-size:var(--font-size-md);padding:10px 24px}.card{border:var(--border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background:#fff}.card-header{padding:var(--space-4) var(--space-5);border-bottom:var(--border);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-md);color:var(--qb-navy);font-weight:600}.card-body{padding:var(--space-5)}.table-container{border:var(--border);border-radius:var(--border-radius-lg);background:#fff;overflow:hidden}.table-toolbar{padding:var(--space-3) var(--space-4);border-bottom:var(--border);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}table{border-collapse:collapse;width:100%;font-size:var(--font-size-base)}thead th{background:var(--qb-gray-bg);padding:var(--space-2) var(--space-4);text-align:left;font-size:var(--font-size-sm);color:var(--qb-navy-light);border-bottom:var(--border);white-space:nowrap;font-weight:600}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{background:#eaecee}tbody tr{border-bottom:1px solid #f0f1f2;transition:background .1s}tbody tr:hover{background:#fafbfc}tbody tr:last-child{border-bottom:none}tbody td{padding:var(--space-2) var(--space-4);vertical-align:middle}.table-checkbox{text-align:center;width:36px;padding:var(--space-2) var(--space-2)}.badge{font-size:var(--font-size-xs);white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.badge-green{background:var(--qb-green-light);color:var(--qb-green-dark)}.badge-orange{background:var(--qb-orange-light);color:#b07700}.badge-red{background:var(--qb-red-light);color:#b33030}.badge-gray{background:var(--qb-gray-bg);color:var(--qb-gray-text)}.badge-blue{color:var(--qb-blue-link);background:#e6f2ff}.filter-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-select,.filter-input{height:32px;padding:0 var(--space-3);border:var(--border);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--qb-navy);background:#fff;outline:none}.filter-select:focus,.filter-input:focus{border-color:var(--qb-green);box-shadow:0 0 0 2px #2ca01c26}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--font-size-sm);color:var(--qb-navy);margin-bottom:var(--space-1);font-weight:600;display:block}.form-control{width:100%;height:36px;padding:0 var(--space-3);border:var(--border);border-radius:var(--border-radius);font-size:var(--font-size-base);color:var(--qb-navy);background:#fff;outline:none;transition:border-color .15s}.form-control:focus{border-color:var(--qb-green);box-shadow:0 0 0 2px #2ca01c26}.form-control.error{border-color:var(--qb-red)}textarea.form-control{height:auto;padding:var(--space-2) var(--space-3);resize:vertical}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.form-hint{font-size:var(--font-size-xs);color:var(--qb-gray-text);margin-top:3px}.form-error{font-size:var(--font-size-xs);color:var(--qb-red);margin-top:3px}.modal-overlay{z-index:1000;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex}.modal-lg{max-width:800px}.modal-sm{max-width:400px}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-md);color:var(--qb-navy);font-weight:600}.modal-close{color:var(--qb-gray-text);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1}.modal-close:hover{color:var(--qb-navy)}.modal-body{padding:var(--space-5);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-5);border-top:var(--border);justify-content:flex-end;gap:var(--space-3);flex-shrink:0;display:flex}.three-dot-btn{border-radius:var(--border-radius);width:28px;height:28px;color:var(--qb-gray-text);cursor:pointer;letter-spacing:1px;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.three-dot-btn:hover{background:var(--qb-gray-bg);color:var(--qb-navy)}.dropdown-menu{border:var(--border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);z-index:100;min-width:160px;padding:var(--space-1) 0;background:#fff;position:absolute}.dropdown-item{width:100%;padding:var(--space-2) var(--space-4);text-align:left;font-size:var(--font-size-base);color:var(--qb-navy);cursor:pointer;white-space:nowrap;background:0 0;border:none;display:block}.dropdown-item:hover{background:var(--qb-gray-bg)}.dropdown-item.danger{color:var(--qb-red)}.dropdown-divider{border:none;border-top:var(--border);margin:var(--space-1) 0}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--border-radius);font-size:var(--font-size-sm);align-items:flex-start;gap:var(--space-2);display:flex}.alert-success{background:var(--qb-green-light);color:var(--qb-green-dark);border-left:3px solid var(--qb-green)}.alert-warning{background:var(--qb-orange-light);color:#8a5500;border-left:3px solid var(--qb-orange)}.alert-error{background:var(--qb-red-light);color:#8a1a1a;border-left:3px solid var(--qb-red)}.alert-info{color:#004a80;border-left:3px solid var(--qb-blue-link);background:#e6f2ff}.client-cards-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.client-card{border:var(--border);border-radius:var(--border-radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);cursor:pointer;color:inherit;background:#fff;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:block}.client-card:hover{box-shadow:var(--shadow-md);border-color:var(--qb-green);text-decoration:none}.client-card-name{font-size:var(--font-size-md);color:var(--qb-navy);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;font-weight:600;display:flex}.client-card-stats{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.stat-item{text-align:center;padding:var(--space-2);border-radius:var(--border-radius);background:var(--qb-gray-bg)}.stat-value{font-size:var(--font-size-xl);color:var(--qb-navy);font-weight:700;line-height:1.2}.stat-value.urgent{color:var(--qb-red)}.stat-value.ok{color:var(--qb-green)}.stat-label{font-size:var(--font-size-xs);color:var(--qb-gray-text);margin-top:2px}.upload-zone{border:2px dashed var(--qb-gray-border);border-radius:var(--border-radius-lg);padding:var(--space-10) var(--space-6);text-align:center;cursor:pointer;background:#fff;transition:all .15s}.upload-zone:hover,.upload-zone.active{border-color:var(--qb-green);background:var(--qb-green-light)}.upload-zone-icon{margin-bottom:var(--space-3);opacity:.6;font-size:40px}.upload-zone-text{font-size:var(--font-size-md);color:var(--qb-navy);font-weight:600}.upload-zone-hint{font-size:var(--font-size-sm);color:var(--qb-gray-text);margin-top:var(--space-1)}.confidence-high{color:var(--qb-green-dark);font-weight:600}.confidence-medium{color:#8a5500;font-weight:600}.confidence-low{color:var(--qb-gray-text)}.progress-bar{background:var(--qb-gray-border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--qb-green);border-radius:3px;height:100%;transition:width .3s}.progress-fill.warning{background:var(--qb-orange)}.progress-fill.danger{background:var(--qb-red)}.page-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.page-header-title{font-size:var(--font-size-xl);color:var(--qb-navy);font-weight:700}.page-header-subtitle{font-size:var(--font-size-sm);color:var(--qb-gray-text);margin-top:2px}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--qb-gray-text);margin-bottom:var(--space-2);display:flex}.breadcrumb a{color:var(--qb-blue-link)}.breadcrumb-sep{color:var(--qb-gray-border)}.empty-state{text-align:center;padding:var(--space-10) var(--space-6);color:var(--qb-gray-text)}.empty-state-icon{margin-bottom:var(--space-4);opacity:.5;font-size:48px}.empty-state-title{font-size:var(--font-size-md);color:var(--qb-navy);margin-bottom:var(--space-2);font-weight:600}.empty-state-text{font-size:var(--font-size-sm);max-width:400px;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--qb-gray-border);border-top-color:var(--qb-green);vertical-align:middle;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;width:36px;height:36px}.tabs{border-bottom:2px solid var(--qb-gray-border);margin-bottom:var(--space-5);gap:0;display:flex}.tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);color:var(--qb-gray-text);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:600;text-decoration:none;transition:all .15s}.tab:hover{color:var(--qb-navy)}.tab.active{color:var(--qb-green-dark);border-bottom-color:var(--qb-green)}.notification-banner{padding:var(--space-3) var(--space-6);align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);display:flex}.notification-banner.warning{background:var(--qb-orange-light);color:#8a5500}.notification-banner.error{background:var(--qb-red-light);color:#8a1a1a}.recon-section{margin-bottom:var(--space-6)}.recon-section-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--qb-gray-bg);border:var(--border);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;border-bottom:none;display:flex}.recon-section-title{font-size:var(--font-size-base);color:var(--qb-navy);font-weight:700}.recon-section-count{background:var(--qb-navy);color:#fff;font-size:var(--font-size-xs);border-radius:10px;padding:2px 8px;font-weight:700}.recon-section-body{border:var(--border);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--qb-green)}.amount{font-variant-numeric:tabular-nums;font-weight:600}.amount-positive{color:var(--qb-navy)}.amount-negative{color:var(--qb-red)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--qb-gray-text)}.text-right{text-align:right}.text-center{text-align:center}.font-mono{font-family:SF Mono,Fira Code,monospace}.nowrap{white-space:nowrap}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.w-full{width:100%}.qb-connect-btn{align-items:center;gap:var(--space-2);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size-base);cursor:pointer;background:#2ca01c;border:none;padding:8px 16px;font-weight:600;display:inline-flex}.qb-connect-btn:hover{background:#1c6d0f}.auth-page{background:var(--qb-gray-bg);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-box{border:var(--border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8);background:#fff;width:100%;max-width:420px}.auth-logo{text-align:center;margin-bottom:var(--space-6);font-size:var(--font-size-xl);color:var(--qb-navy);font-weight:700}.auth-logo span{color:var(--qb-green)}