:root{--primary:#1a365d;--primary-light:#2c5282;--accent:#3182ce;--green:#38a169;--amber:#d69e2e;--red:#e53e3e;--bg:#f7fafc;--card:#fff;--border:#e2e8f0;--text:#1a202c;--text-muted:#718096;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-lg:0 4px 6px #00000012, 0 2px 4px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;line-height:1.6}.app{min-height:100vh}.header{background:var(--primary);color:#fff;box-shadow:var(--shadow-lg);padding:1.25rem 2rem}.header-content{max-width:1800px;margin:0 auto}.logo-area{align-items:center;gap:1rem;display:flex}.logo-icon{font-size:2rem}.header h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.subtitle{opacity:.8;margin-top:2px;font-size:.85rem}.main{max-width:1800px;margin:0 auto;padding:2rem}.upload-form{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:1.5rem}.upload-form h2{color:var(--primary);margin-bottom:1rem;font-size:1.2rem}.file-drop{cursor:pointer;border:2px dashed var(--border);text-align:center;border-radius:8px;padding:1.5rem;transition:border-color .2s,background .2s}.file-drop:hover{border-color:var(--accent);background:#ebf8ff}.file-drop.drag-over{border:2px solid var(--accent);background:#bee3f8}.file-drop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.file-drop input[type=file]{display:none}.drop-content{justify-content:center;align-items:center;gap:.75rem;display:flex}.drop-icon{font-size:1.5rem}.drop-text{color:var(--text-muted);font-size:.95rem}.file-list{margin-top:1rem}.file-list ul{margin-top:.5rem;list-style:none}.file-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.4rem .75rem;font-size:.9rem;display:flex}.file-count{color:var(--text-muted);font-size:.85rem;font-weight:600}.remove-btn{color:var(--red);cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.2rem;line-height:1}.batch-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.threshold-select{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.threshold-select select{border:1px solid var(--border);border-radius:6px;padding:.4rem .75rem;font-size:.9rem}.submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.submit-btn:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.auth-gate h1{color:var(--primary);font-size:1.5rem}.auth-gate p{color:var(--text-muted)}.auth-gate form{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.auth-input{border:1px solid var(--border);border-radius:8px;width:200px;padding:.7rem 1rem;font-size:1rem}.batch-progress{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:1.5rem}.progress-header h2{color:var(--primary);margin-bottom:.75rem;font-size:1.1rem}.progress-bar-container{background:var(--border);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.progress-list{margin-top:1rem;list-style:none}.progress-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem;display:flex}.progress-item:last-child{border-bottom:none}.progress-icon{font-size:1.1rem}.progress-name{flex:1}.progress-error{color:var(--red);font-size:.8rem}.results-nav{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.nav-controls{align-items:center;gap:.75rem;display:flex}.nav-controls button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.4rem .75rem;font-size:1rem}.nav-controls button:disabled{opacity:.4;cursor:not-allowed}.nav-controls span{font-size:.95rem;font-weight:600}.results-summary-bar{align-items:center;display:flex}.status-badge{border-radius:12px;padding:.3rem .75rem;font-size:.8rem;font-weight:700}.status-badge.pass{color:#276749;background:#c6f6d5}.status-badge.exception{color:#c53030;background:#fed7d7}.results-grid{grid-template-columns:1fr 1fr;gap:1.5rem;min-height:600px;display:grid}@media (width<=1000px){.results-grid{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:1.5rem}.panel h2{color:var(--primary);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.bbox-canvas{border:1px solid var(--border);border-radius:8px;width:100%;height:auto}.alert{border-radius:8px;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.alert-error{color:#c53030;background:#fff5f5;border:1px solid #fed7d7}.alert-warning{color:#975a16;background:ivory;border:1px solid #fefcbf}.alert-success{color:#276749;background:#f0fff4;border:1px solid #c6f6d5}.field-table{border-collapse:collapse;width:100%;font-size:.875rem}.field-table th{text-align:left;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.6rem .5rem;font-size:.75rem}.field-table td{border-bottom:1px solid var(--border);padding:.6rem .5rem}.field-table tr:last-child td{border-bottom:none}.field-table code{background:#edf2f7;border-radius:4px;padding:2px 8px;font-family:SF Mono,Fira Code,monospace;font-size:.85rem}.missing{color:var(--red);font-size:.85rem;font-weight:600}.badge{color:#fff;border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.badge.green{background:var(--green)}.badge.amber{background:var(--amber)}.badge.red{background:var(--red)}.line-total{margin-top:.75rem;font-size:.9rem}.match{color:var(--green);font-weight:600}.editable{cursor:pointer;border-bottom:1px dashed var(--text-muted);padding-bottom:1px;transition:background .15s}.editable:hover{border-bottom-color:var(--accent);background:#ebf8ff}.missing.editable{cursor:pointer;border-bottom:1px dashed var(--red)}.missing.editable:hover{background:#fff5f5}.edit-input{border:2px solid var(--accent);border-radius:4px;outline:none;width:100%;padding:4px 8px;font-family:SF Mono,Fira Code,monospace;font-size:.875rem}.row-flagged{background:#fffbeb}.csv-export-buttons{flex-wrap:wrap;gap:1rem;display:flex}.csv-btn{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:background .2s}.csv-btn:hover:not(:disabled){background:#2f855a}.csv-btn:disabled{opacity:.5;cursor:not-allowed}.csv-btn.exception{background:var(--red)}.csv-btn.exception:hover:not(:disabled){background:#c53030}.results-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.new-batch-btn{background:var(--primary)}.loading-text{color:var(--text-muted);text-align:center;padding:2rem;font-style:italic}.error-text{color:var(--red);text-align:center;padding:.5rem;font-size:.9rem}.approve-btn{color:#16a34a;cursor:pointer;white-space:nowrap;background:#f0fdf4;border:1px solid #16a34a;border-radius:4px;padding:2px 8px;font-size:.75rem}.approve-btn:hover{color:#fff;background:#16a34a}.toggle-filter{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.toggle-filter input{cursor:pointer}.remove-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1rem}.remove-btn:hover{background:#fef2f2}.duplicate-banner{background:#fefce8;border:1px solid #fde047;border-radius:8px;margin-bottom:1rem;padding:1rem}.duplicate-banner strong{color:#854d0e}.duplicate-row{background:#fff;border-radius:4px;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.4rem .5rem;font-size:.85rem;display:flex}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:.8rem}.status-badge.miscellaneous{color:#92400e;background:#fef3c7;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.csv-btn.misc{color:#92400e;background:#fef3c7;border-color:#f59e0b}.csv-btn.misc:hover:not(:disabled){background:#fde68a}.totals-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:1.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.total-item{flex-direction:column;align-items:center;display:flex}.total-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.total-value{color:#1e293b;font-size:1.1rem;font-weight:700}.total-value.green{color:#16a34a}.total-value.red{color:#dc2626}.total-value.amber{color:#d97706}.image-controls-toolbar{background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.image-controls-toolbar button{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:background .15s,border-color .15s;display:flex}.image-controls-toolbar button:hover:not(:disabled){border-color:var(--accent);background:#ebf8ff}.image-controls-toolbar button:disabled{opacity:.5;cursor:not-allowed}.zoom-label{text-align:center;min-width:3rem;color:var(--text);font-size:.85rem;font-weight:600}.viewer-canvas-wrapper{border:1px solid var(--border);border-radius:8px;min-height:400px;position:relative;overflow:hidden}.viewer-canvas-wrapper>div{transition:transform .15s ease-out}.progress-tracker{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:1.5rem}.progress-tracker-header{margin-bottom:1rem}.progress-tracker-summary{color:var(--text);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.progress-tracker-bar-container{background:var(--border);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-tracker-bar{background:var(--accent);border-radius:4px;height:100%;transition:width .4s}.progress-tracker-list{margin:0;padding:0;list-style:none}.progress-tracker-item{border-bottom:1px solid var(--border);border-radius:4px;align-items:center;gap:.75rem;padding:.5rem;font-size:.9rem;transition:background .15s;display:flex}.progress-tracker-item:last-child{border-bottom:none}.progress-tracker-item--queued{color:var(--text-muted)}.progress-tracker-item--uploading,.progress-tracker-item--splitting{color:var(--text);font-weight:600}.split-checkbox{cursor:pointer;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.9rem;display:flex}.progress-tracker-item--processing{color:var(--primary-light);font-weight:600}.progress-tracker-item--success{background:#f0fff4}.progress-tracker-item--error{background:#fff5f5}.progress-tracker-icon{text-align:center;flex-shrink:0;width:1.5rem;font-size:1.1rem}.progress-tracker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.progress-tracker-label{color:var(--text-muted);flex-shrink:0;font-size:.8rem}.progress-tracker-item--success .progress-tracker-label{color:var(--green);font-weight:600}.progress-tracker-item--error .progress-tracker-label{color:var(--red);font-weight:600}.review-content-layout{gap:1rem;display:flex}.cheque-list-sidebar{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-shrink:0;width:300px;max-height:600px;padding:.5rem;overflow-y:auto}.sidebar-item{cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;transition:background .15s;display:flex}.sidebar-item:hover{background:#e8e8e8}.sidebar-item.active{background:#d0e0ff;font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.green{background:var(--green)}.status-dot.red{background:var(--red)}.status-dot.amber{background:var(--amber)}.sidebar-filename{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-thumb{object-fit:cover;border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:56px;height:56px}.sidebar-thumb-placeholder{background:#e2e8f0;border-radius:4px;flex-shrink:0;width:56px;height:56px}.review-main-content{flex:1;min-width:0;min-height:500px}.approve-btn.exception{color:#dc2626;background:#fef2f2;border:1px solid #dc2626}.approve-btn.exception:hover{color:#fff;background:#dc2626}@media (width<=1200px){.review-content-layout{flex-direction:column}.cheque-list-sidebar{width:100%;max-height:200px}}