*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width: 200px;--bg: #f5f7fa;--sidebar-bg: #1e293b;--sidebar-text: #cbd5e1;--sidebar-active: #3b82f6;--card-bg: #fff;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--primary: #3b82f6;--success: #22c55e;--danger: #ef4444;--warning-bg: #fef3c7;--warning-border: #f59e0b;--error-bg: #fee2e2;--th-bg: #f8fafc;--drop-hover: #eff6ff;--edit-hover: #f0f9ff;--region-bg: #eff6ff;--meta-bg: #fef3c7;--meta-text: #92400e;--set-bg: #dcfce7;--set-text: #166534;--set-border: #86efac;--tooltip-bg: #1e293b;--tooltip-text: #fef3c7;--input-bg: #fff}[data-theme=dark]{--bg: #1e1e1e;--sidebar-bg: #181818;--sidebar-text: #8a8a8a;--sidebar-active: #264f78;--card-bg: #252526;--border: #3c3c3c;--text: #cccccc;--text-muted: #8a8a8a;--primary: #0e639c;--success: #4ec9b0;--danger: #f44747;--warning-bg: #3a3000;--warning-border: #cca700;--error-bg: #3a0000;--th-bg: #2d2d2d;--drop-hover: #2a2d2e;--edit-hover: #2a2d2e;--region-bg: #1b2838;--meta-bg: #3a3000;--meta-text: #cca700;--set-bg: #1b3a1b;--set-text: #4ec9b0;--set-border: #2d6b2d;--tooltip-bg: #383838;--tooltip-text: #cccccc;--input-bg: #3c3c3c;color-scheme:dark}[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:#1e1e1e}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4f4f4f}[data-theme=dark] ::-webkit-scrollbar-corner{background:#1e1e1e}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);padding:1rem 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0}.sidebar .logo{color:#fff;font-weight:700;font-size:1.1rem;padding:.5rem 1rem 1.5rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.sidebar a{color:var(--sidebar-text);text-decoration:none;padding:.6rem 1rem;display:block;transition:background .15s}.sidebar a:hover{background:#ffffff14}.sidebar a.active{background:var(--sidebar-active);color:#fff}.main-content{margin-left:var(--sidebar-width);flex:1;padding:1.5rem;min-width:0}.page{max-width:1400px}.page h1{margin-bottom:1rem;font-size:1.5rem}.template-name-input{font-size:1.5rem;font-weight:700;border:none;border-bottom:1px solid transparent;background:transparent;color:inherit;padding:0 .2rem;outline:none}.template-name-input:hover{border-bottom-color:var(--border)}.template-name-input:focus{border-bottom-color:var(--primary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.drop-zone{border:2px dashed var(--border);border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:1rem}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--primary);background:var(--drop-hover)}.hint{color:var(--text-muted);font-size:.85rem;margin-top:.3rem}.file-list{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.file-list ul{list-style:none;margin:.5rem 0}.file-list li{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--border)}table{width:100%;border-collapse:collapse;background:var(--card-bg);border:1px solid var(--border);border-radius:8px}.table-container table{border-collapse:separate;border-spacing:0}th,td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.preview-table th,.preview-table td,.mapping-table th,.mapping-table td{border-right:1px solid var(--border)}.preview-table th:last-child,.preview-table td:last-child,.mapping-table th:last-child,.mapping-table td:last-child{border-right:none}th{background:var(--th-bg);font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--text-muted);position:sticky;top:0;z-index:1}.table-container{overflow:auto;max-height:70vh;border:1px solid var(--border);border-radius:8px;margin-bottom:1rem}.table-container table{border:none}.data-table td{font-size:.85rem}.row-num{color:var(--text-muted);font-size:.75rem;width:30px;text-align:center;position:sticky;left:0;z-index:2;background:var(--th-bg);border-right:1px solid var(--border)}tbody td.row-num{background:var(--card-bg)}.table-container thead th.row-num{z-index:3}.editable-cell{cursor:pointer;min-width:80px}.editable-cell:hover{background:var(--edit-hover)}.editable-cell input{width:100%;border:1px solid var(--primary);border-radius:3px;padding:.2rem .3rem;font-size:.85rem;outline:none}.badge{display:inline-block;padding:.15rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-pending{background:#fef3c7;color:#92400e}.badge-processed{background:#dbeafe;color:#1e40af}.badge-approved{background:#dcfce7;color:#166534}.badge-error{background:#fee2e2;color:#991b1b}.row-warning{background:var(--warning-bg)!important}.row-error{background:var(--error-bg)!important}.warning-box{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.warning-box h4{margin-bottom:.3rem}.warning-box ul{margin-left:1.2rem;font-size:.85rem}.cell-warning{color:var(--meta-text);font-size:.75rem}.text-error{color:var(--danger);font-size:.85rem}.btn{display:inline-block;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-small{padding:.25rem .5rem;font-size:.8rem;margin-right:.3rem}.btn-group{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.btn-group .active{outline:2px solid var(--primary);outline-offset:1px}.btn-set{background:var(--set-bg);color:var(--set-text);border:1px solid var(--set-border)}.btn-set:hover{opacity:.9}.set-tick{margin-right:.3rem;font-weight:700}.job-header{margin-bottom:1rem}.job-meta{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.5rem;font-size:.9rem}.action-bar{margin-top:1rem;display:flex;gap:.5rem}.filters{display:flex;gap:.75rem;margin-bottom:1rem}.filters input,.filters select{padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;font-size:.85rem}.filters input{flex:1;max-width:400px}.create-form,.config-form{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.form-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.form-row label{min-width:200px;font-weight:500}.form-row input[type=text],.form-row input[type=number],.form-row select{padding:.35rem .5rem;border:1px solid var(--border);border-radius:4px;font-size:.85rem;min-width:200px}.tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:2px solid var(--border)}.tab{padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-2px}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.mapping-controls{margin-bottom:1rem}.mapping-table td.in-region{background:var(--drop-hover)}.mapping-table td.meta-cell{background:var(--meta-bg)}.mapping-table td.clickable{cursor:crosshair}.meta-badge{display:block;font-size:.65rem;color:var(--meta-text);font-weight:700;text-transform:uppercase}.column-mapping{margin:1rem 0}.column-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.column-assign{display:flex;flex-direction:column;gap:.2rem}.column-assign label{font-size:.75rem;color:var(--text-muted)}.column-assign select{font-size:.8rem;padding:.2rem;min-width:120px}.column-assign-set{background:var(--set-bg);border:1px solid var(--set-border);border-radius:4px;padding:.3rem}.column-assign-set label{color:var(--set-text);font-weight:600}.col-assigned{background:var(--set-bg)!important}.col-field-badge{display:block;font-size:.6rem;color:var(--set-text);font-weight:700;text-transform:uppercase;line-height:1.2}.mapping-table td.col-mapped{border-left:2px solid var(--success);border-right:2px solid var(--success)}.mapping-table td.col-mapped-top{border-top:2px solid var(--success)}.preview-table td{font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis}.col-label{text-align:center!important;font-size:.75rem;color:var(--text-muted);min-width:60px;background:var(--th-bg)}.results{margin-top:1rem}.upload-sample-bar{margin-bottom:.75rem}.preview-table td.in-region{background:var(--drop-hover)}.preview-table td.meta-cell{background:var(--meta-bg)}.preview-split{display:flex;gap:1rem}.preview-pane{flex:1;min-width:0}.preview-pane h3{margin-bottom:.5rem;font-size:.95rem}.preview-pane .table-container{max-height:65vh}.output-table td{font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.output-table th,.output-table td{border-right:1px solid var(--border)}.output-table th:last-child,.output-table td:last-child{border-right:none}.output-row-warn{border-left:3px solid var(--warning-border);background:var(--warning-bg);cursor:help}.output-row-warn td{background:var(--warning-bg)}.filters input,.filters select,.form-row input[type=text],.form-row input[type=number],.form-row select,.editable-cell input{background:var(--input-bg);color:var(--text)}.sidebar-user{padding:.5rem 1rem;color:var(--sidebar-active);font-size:.85rem;font-weight:600;border-top:1px solid rgba(255,255,255,.1)}.theme-toggle{padding:.6rem 1rem;color:var(--sidebar-text);cursor:pointer;font-size:.85rem;border:none;background:none;text-align:left;width:100%;transition:background .15s}.theme-toggle:hover{background:#ffffff14}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:2rem;width:100%;max-width:360px}.login-card h1{margin-bottom:1.5rem;font-size:1.4rem;text-align:center;color:var(--text)}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{font-size:.85rem;margin-bottom:.3rem;color:var(--text-muted)}.form-group input[type=text],.form-group input[type=password]{padding:.5rem .75rem;border:1px solid var(--border);border-radius:4px;font-size:.95rem;background:var(--input-bg);color:var(--text)}.form-group input:focus{outline:none;border-color:var(--primary)}.floating-tooltip{position:fixed;z-index:1000;background:var(--tooltip-bg);color:var(--tooltip-text);padding:.5rem .75rem;border-radius:4px;font-size:.8rem;white-space:pre-line;max-width:400px;box-shadow:0 2px 12px #0006;pointer-events:none}