.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1001}.delete-modal-container{background-color:#2d3748;color:#e2e8f0;padding:30px;border-radius:8px;width:450px;max-height:80vh;overflow:auto;border:1px solid #e53e3e}.delete-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.delete-modal-title{color:#e53e3e;margin:0;font-size:20px}.delete-modal-close-button{font-size:20px;border:none;background:none;cursor:pointer;color:#a0aec0}.delete-modal-close-button:hover{color:#e2e8f0}.delete-modal-content{margin-bottom:25px}.delete-warning-text{color:#e2e8f0;margin-bottom:15px;line-height:1.5}.delete-warning-emphasis{color:#fed7d7;font-weight:700;margin-top:20px}.delete-dataset-info{background:#1a202c;padding:15px;border-radius:6px;margin:15px 0;border-left:4px solid #e53e3e}.delete-dataset-info p{margin:5px 0;color:#e2e8f0}.delete-modal-actions{display:flex;gap:10px;justify-content:flex-end}.delete-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s ease}.delete-button-cancel{background-color:#4a5568;color:#e2e8f0}.delete-button-cancel:hover{background-color:#2d3748}.delete-button-confirm{background-color:#e53e3e;color:#fff}.delete-button-confirm:hover{background-color:#c53030}.delete-button:disabled{opacity:.6;cursor:not-allowed}.dataset-table-container{background-color:#1a202c;min-height:100vh;padding:20px}.dataset-table-header{margin-bottom:20px;display:flex;justify-content:flex-end}.header-buttons{display:flex;gap:12px;align-items:center}.new-dataset-button{padding:10px 20px;background-color:#4299e1;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer}.new-dataset-button:hover{background-color:#3182ce}.speed-test-button{padding:10px 20px;background-color:#38a169;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer}.speed-test-button:hover{background-color:#2f855a}.status-completed{color:#48bb78}.status-processing-container{display:flex;flex-direction:column;gap:4px}.progress-bar{width:100px;height:8px;background-color:#4a5568;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#4299e1;border-radius:4px;transition:width .3s ease}.progress-text,.status-text{color:#a0aec0;font-size:12px}.status-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px}.status-uploading{color:#4299e1}.status-uploaded{color:#63b3ed}.status-preprocessed{color:#68d391}.status-queued{color:#ed8936;font-weight:700}.status-error{color:#f56565}.status-unknown{color:#fbb6ce}.timeline-container{position:relative;width:100%}.timeline-bars{position:relative}.timeline-bar{position:absolute;top:2px;height:24px;border-radius:2px;opacity:.9}.timeline-axis{display:block}.gtd-overview{margin-bottom:6px}.gtd-overview .gtd-controls button{background:#111827;color:#cbd5e1;border:1px solid #374151;border-radius:6px;padding:4px 8px;cursor:pointer}.gtd-overview .gtd-controls button:hover{background:#1f2937}.timeline-chips{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.timeline-chips .chip{background:#1f2937;border:1px solid #4a5568;border-radius:6px;padding:4px 8px;font-size:12px;color:#e2e8f0}.timeline-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:6px}.gantt-legend-item{display:flex;align-items:center;gap:6px;color:#e2e8f0;font-size:12px}.gantt-swatch{display:inline-block;width:12px;height:12px;border-radius:2px;border:1px solid #334155}.timeline-tooltip{position:fixed;transform:translate(-50%,-100%);background:#111827f2;color:#e5e7eb;border:1px solid #4b5563;padding:6px 8px;font-size:12px;border-radius:4px;pointer-events:none;white-space:pre;z-index:1000}.perf-list{list-style:none;padding-left:0;margin:0 0 8px;font-size:12px;color:#e2e8f0}.perf-list li{line-height:1.4}.spinner{width:12px;height:12px;border:2px solid #4a5568;border-top:2px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite}.start-processing-button{padding:4px 8px;background-color:#4299e1;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.start-processing-button:hover{background-color:#3182ce}.action-button{padding:4px 12px;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.action-button-completed{background-color:#48bb78}.action-button-completed:hover{background-color:#38a169}.action-button-default{background-color:#4a5568}.action-button-default:hover{background-color:#2d3748}.action-button-process{background-color:#4299e1}.action-button-process:hover{background-color:#3182ce}.action-buttons{display:flex;gap:8px;align-items:center}.action-button-delete{background-color:#e53e3e;color:#fff}.action-button-delete:hover:not(:disabled){background-color:#c53030}.action-button-delete:disabled{background-color:#2d3748;color:#718096;cursor:not-allowed}.dataset-name-link{color:#63b3ed;text-decoration:none;font-weight:500;transition:color .2s ease}.dataset-name-link:hover{color:#90cdf4;text-decoration:underline}.expanded-actions{margin-top:15px;padding-top:15px;border-top:1px solid #4a5568}.action-button-open{background-color:#4299e1;color:#fff;text-decoration:none;display:inline-block;text-align:center}.action-button-open:hover{background-color:#3182ce;text-decoration:none;color:#fff}.expanded-content{padding:20px;background-color:#1a202c;color:#e2e8f0}.expanded-layout{display:flex;gap:20px}.video-placeholder{width:300px;height:200px;background-color:#4a5568;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#a0aec0}.thumbnail-image{width:300px;height:200px;object-fit:cover;border-radius:8px;position:absolute;top:0;left:0}.video-thumbnail{position:relative;width:300px;height:200px}.metadata-section p{margin-bottom:8px}.loading-message,.error-message{padding:40px;text-align:center;color:#e2e8f0;font-size:16px}.error-message{color:#f56565}.rdt_TableWrapper,.rdt_Table{background-color:#2d3748!important}.rdt_TableHead{background-color:#1a202c!important}.rdt_TableHeadRow{background-color:#1a202c!important;border-bottom:1px solid #4a5568!important}.rdt_TableCol{color:#e2e8f0!important;font-weight:700!important}.rdt_TableRow{background-color:#2d3748!important;color:#e2e8f0!important;border-bottom:1px solid #4a5568!important}.rdt_TableRow:hover{background-color:#4a5568!important}.rdt_TableCell{color:#e2e8f0!important}.rdt_ExpanderRow{background-color:#1a202c!important}.rdt_Pagination{background-color:#2d3748!important;color:#e2e8f0!important;border-top:1px solid #4a5568!important}.rdt_Pagination button{background-color:#4a5568!important;color:#e2e8f0!important;border:1px solid #4a5568!important}.rdt_Pagination button:hover:not(:disabled){background-color:#4299e1!important}.rdt_Pagination button:disabled{background-color:#2d3748!important;color:#718096!important}.rdt_Pagination select{background-color:#4a5568!important;color:#e2e8f0!important;border:1px solid #4a5568!important}.gtd-rows{position:relative}.gtd-now-line{position:absolute;top:24px;bottom:0;width:2px;background:#ef4444;pointer-events:none}.gtd-row{position:relative;display:flex;align-items:stretch;border-bottom:1px dashed #334155}.gtd-label{width:180px;padding:4px 8px;color:#cbd5e1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #334155}.gtd-bars{position:relative;flex:1}.gtd-lane{position:absolute;left:0;right:0}.gtd-bar{position:absolute;top:0;height:100%;border-radius:3px;opacity:.9;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.gtd-empty{color:#94a3b8;padding:12px}.gtd-bar .gtd-bar-label{font-size:10px;color:#e2e8f0;line-height:1}.gtd-ds-outline{position:absolute;top:0;height:100%;border:1px solid #e5e7eb;border-radius:8px 0 0 8px;opacity:.6;z-index:0;pointer-events:none}.gtd-ds-outline.closed{border-radius:8px;opacity:.35}.gtd-queued-stub{position:absolute;height:16px;border:1px dashed currentColor;border-radius:3px;opacity:.6;z-index:1;pointer-events:auto}.gtd-ds-bg{position:absolute;top:0;height:100%;background:#94a3b814;border-radius:8px 0 0 8px;z-index:0;pointer-events:none}.gtd-ds-bg.closed{border-radius:8px}.gtd-wait-label{font-size:9px;color:#cbd5e1;line-height:1}.track-timeline{background:#1a202c;border:1px solid #4a5568;border-radius:4px;margin:5px 0;outline:none}.track-timeline.focused{border-color:#3182ce;box-shadow:0 0 0 2px #3182ce4d}.timeline-controls-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#2d3748;border-bottom:1px solid #4a5568;gap:10px;position:relative}.navigation-controls{display:flex;gap:8px}.nav-button{background:#4a5568;color:#e2e8f0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.nav-button:hover:not(:disabled){background:#2d3748}.nav-button:disabled{background:#374151;color:#9ca3af;cursor:not-allowed}.selection-info{flex:1;display:flex;justify-content:center}.selected-track-label{display:flex;align-items:center;gap:8px;background:#0f0;color:#000;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.clear-selection-button{background:none;border:none;color:#000;font-size:16px;font-weight:700;cursor:pointer;padding:0 4px;line-height:1;border-radius:2px}.clear-selection-button:hover{background:#0000001a}.action-controls{display:flex;gap:8px}.delete-button{background:#e53e3e;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.delete-button:hover:not(:disabled){background:#c53030}.delete-button:disabled{background:#374151;color:#9ca3af;cursor:not-allowed}.undelete-button{background:#38a169;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.undelete-button:hover:not(:disabled){background:#2f855a}.undelete-button:disabled{background:#374151;color:#9ca3af;cursor:not-allowed}.timeline-controls{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#2d3748;color:#e2e8f0;font-size:12px}.timeline-controls input{width:60px;margin:0 5px;padding:2px 4px;background:#4a5568;border:1px solid #6b7280;color:#e2e8f0;border-radius:2px}.timeline-viewport{overflow:hidden;width:100%}.timeline-viewport svg.draggable{cursor:grab;-webkit-user-select:none;user-select:none}.timeline-viewport svg.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.timeline-scale{background:#374151;border-bottom:1px solid #6b7280;-webkit-user-select:none;user-select:none}.timeline-debug{padding:5px 10px;background:#374151;color:#9ca3af;font-size:10px;font-family:monospace}.edit-button{background:#4a5568;color:#e2e8f0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-button:hover:not(:disabled){background:#2d3748}.edit-button:disabled{background:#374151;color:#9ca3af;cursor:not-allowed}.edit-button.active{background:#3182ce;color:#fff}.edit-button.active:hover{background:#2c5aa0}.cancel-button{background:#e53e3e;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.cancel-button:hover{background:#c53030}.synthetic-region.split-mode-visible{opacity:1!important;stroke-width:3;stroke:#718096;fill:#ffffff4d;transition:all .1s ease}.synthetic-region.split-mode-visible:hover:not(.selected){fill:#dc26264d;stroke:#dc2626}.synthetic-region.selected{fill:#dc2626!important;stroke:#dc2626!important;stroke-width:4;opacity:1!important}.edit-button.split-ready{background:#dc2626!important;color:#fff!important}.edit-button.split-ready:hover{background:#b91c1c!important}.edit-track-button{background:#3182ce;color:#fff;border:none;border-radius:3px;padding:2px 6px;font-size:11px;margin-left:8px;cursor:pointer}.edit-track-button:hover{background:#2c5aa0}.track-editing{display:flex;align-items:center;gap:8px}.track-editing select{background:#4a5568;color:#fff;border:1px solid #718096;border-radius:3px;padding:2px 4px;font-size:11px}.track-editing select:focus{outline:none;border-color:#3182ce}.save-edit-button{background:#38a169;color:#fff;border:none;border-radius:3px;padding:2px 6px;font-size:11px;cursor:pointer}.save-edit-button:hover{background:#2f855a}.cancel-edit-button{background:#e53e3e;color:#fff;border:none;border-radius:3px;padding:2px 6px;font-size:11px;cursor:pointer}.cancel-edit-button:hover{background:#c53030}.trajectory-filters-container{background:#2d3748;border:1px solid #4a5568;border-radius:6px;margin:5px 0}.trajectory-filters{padding:8px 12px}.trajectory-filters h4{margin:0 0 8px;color:#e2e8f0;font-size:.9em;font-weight:600}.filter-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-select{background:#4a5568;color:#e2e8f0;border:1px solid #718096;border-radius:4px;padding:4px 8px;font-size:.85em;cursor:pointer;min-width:120px}.filter-select:hover{background:#718096}.filter-select:focus{outline:none;border-color:#63b3ed;background:#2d3748}.clear-filters-btn{background:#e53e3e;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:.85em;cursor:pointer;font-weight:600}.clear-filters-btn:hover{background:#c53030}@media (max-width: 768px){.filter-controls{flex-direction:column;align-items:stretch}.filter-select{min-width:auto}}.video-section{display:flex;flex-direction:column;gap:0;width:100%;min-height:fit-content;flex-shrink:0}.annotation-controls{display:flex;flex-direction:row;gap:16px;align-items:center;padding:8px;background-color:#1a202c;border:1px solid #4a5568;border-radius:6px;flex-wrap:nowrap;overflow-x:auto;width:100%}.annotation-controls label{display:inline-flex;flex-direction:row;align-items:center;gap:5px;color:#e2e8f0;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0;min-width:fit-content}.annotation-controls input[type=checkbox]{accent-color:#4299e1;width:14px;height:14px}.annotation-controls input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.calibration-btn{background-color:#4a5568;color:#e2e8f0;border:1px solid #718096;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color .2s}.calibration-btn:hover{background-color:#718096}.calibration-btn.primary{background-color:#4299e1;border-color:#63b3ed}.calibration-btn.primary:hover{background-color:#63b3ed}.opencv-loading{color:#a0aec0;font-size:12px;font-style:italic;white-space:nowrap;flex-shrink:0}.distortion-controls{display:flex;align-items:center;padding:8px;background-color:#1a202c;border:1px solid #4a5568;border-radius:6px;margin:0;position:relative}.distortion-slider-label{display:flex;align-items:center;gap:10px;color:#e2e8f0;font-size:12px;font-weight:500;width:100%}.distortion-slider-container{position:relative;flex:1;margin:0 10px}.distortion-slider{width:100%;height:6px;background:#4a5568;border-radius:3px;outline:none;-webkit-appearance:none;position:relative}.distortion-slider-container:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:12px;background:#e2e8f0;border-radius:1px;pointer-events:none;z-index:1}.distortion-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4299e1;cursor:pointer;border:2px solid #e2e8f0;box-shadow:0 0 4px #0000004d;position:relative;z-index:2}.distortion-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4299e1;cursor:pointer;border:2px solid #e2e8f0;box-shadow:0 0 4px #0000004d;position:relative;z-index:2}.distortion-value{min-width:45px;text-align:right;font-family:monospace;font-size:11px;color:#a0aec0}.video-controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:8px 12px;display:flex;align-items:center;gap:8px;z-index:20;pointer-events:auto}.overlay-play-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:2px 4px;font-size:11px;cursor:pointer;transition:all .2s ease;min-width:32px;height:auto}.overlay-play-btn:hover{background:#ffffff4d;border-color:#ffffff80}.overlay-timeline{flex:1;height:4px;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.overlay-timeline::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid #4299e1}.overlay-timeline::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid #4299e1}.overlay-time{color:#fff;font-size:11px;font-family:monospace;white-space:nowrap;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.overlay-speed{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:2px 4px;font-size:11px;cursor:pointer;min-width:50px}.overlay-speed:focus{outline:none;border-color:#ffffff80}.annotation-controls label:has(input:disabled){opacity:.5;cursor:not-allowed}.video-container{position:relative;background-color:#000;border:1px solid #4a5568;border-radius:4px;width:100%;height:auto;display:flex;align-items:center;justify-content:center}.video-wrapper{width:100%;height:100%;position:relative}.video-element{width:100%;height:100%;object-fit:contain;display:block}.annotation-svg text{font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none}.placeholder-content{color:#a0aec0;font-size:18px;text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playback-controls{display:flex;align-items:center;gap:10px;padding:6px 10px;background-color:#1a202c;border:1px solid #4a5568;border-radius:6px}.speed-dropdown{background-color:#4a5568;color:#e2e8f0;border:1px solid #718096;border-radius:4px;padding:4px 6px;font-size:12px;cursor:pointer;min-width:80px}.speed-dropdown:focus{outline:none;border-color:#4299e1}.playback-buttons{display:flex;gap:5px}.playback-buttons .btn{padding:4px 8px;border:1px solid #718096;border-radius:4px;background-color:#4a5568;color:#e2e8f0;cursor:pointer;font-size:12px;transition:all .2s ease;min-width:32px}.playback-buttons .btn:hover:not(:disabled){background-color:#2d3748;border-color:#4299e1}.playback-buttons .btn.primary{background-color:#4299e1;color:#fff;border-color:#4299e1}.playback-buttons .btn.primary:hover{background-color:#3182ce}.playback-buttons .btn:disabled{background-color:#718096;color:#a0aec0;cursor:not-allowed;opacity:.6}.frame-slider{flex:1;height:6px;background-color:#4a5568;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none}.frame-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background-color:#4299e1;border-radius:50%;cursor:pointer}.frame-slider::-moz-range-thumb{width:16px;height:16px;background-color:#4299e1;border-radius:50%;cursor:pointer;border:none}.frame-counter{color:#e2e8f0;font-size:14px;font-family:monospace;min-width:80px;text-align:right}@media (max-width: 768px){.annotation-controls{flex-direction:row;flex-wrap:wrap;gap:15px}.playback-controls{flex-wrap:wrap;gap:8px}.frame-slider{min-width:200px}}.calibration-controls{display:flex;flex-direction:row;align-items:center;gap:12px;padding:8px 12px;background-color:#1a202c;border:1px solid #4a5568;border-radius:6px;flex-wrap:nowrap}.calibration-controls .btn{padding:6px 12px;font-size:12px;border:1px solid #4a5568;background-color:#2d3748;color:#e2e8f0;border-radius:4px;cursor:pointer;white-space:nowrap}.calibration-controls .btn:hover{background-color:#4a5568}.calibration-controls .btn.primary{background-color:#4299e1;border-color:#4299e1;color:#fff}.calibration-control{display:inline-flex;align-items:center;gap:4px;color:#e2e8f0;font-size:12px;white-space:nowrap;flex-shrink:0}.calibration-control input[type=checkbox]{accent-color:#4299e1}.calibration-overlay{pointer-events:auto}.calibration-overlay circle{cursor:grab}.calibration-overlay circle:active{cursor:grabbing}.time-buffer-controls{background:#6464ff1a;border:1px solid #6464ff;border-radius:6px;padding:8px 12px;margin-bottom:5px;display:flex;align-items:center;justify-content:space-between;gap:10px}.time-buffer-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#333}.time-buffer-input{width:60px;padding:4px 6px;border:1px solid #ccc;border-radius:4px;font-size:14px;text-align:center}.time-buffer-unit{font-size:12px;color:#666}.time-buffer-info{font-size:12px;color:#666;display:flex;align-items:center;gap:4px}.frame-equivalent{font-style:italic;color:#888}.debug-tracks{font-size:11px;color:#666;margin-top:4px;display:flex;gap:6px;align-items:center}.debug-label{font-weight:500}.debug-track-list{font-family:monospace;background:#0000000d;padding:2px 4px;border-radius:3px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-section{display:flex;flex-direction:column;min-height:fit-content;flex-shrink:0;overflow:visible;width:100%}.map-controls{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;padding:8px 12px;background-color:#1a202c;border-bottom:1px solid #4a5568;min-height:40px}.map-controls label{display:inline-flex;align-items:center;gap:4px;color:#e2e8f0;font-size:12px;white-space:nowrap;flex-shrink:0;min-width:fit-content}.map-controls input[type=checkbox]{margin:0}.map-controls .btn{padding:4px 8px;font-size:12px;border:1px solid #4a5568;background-color:#2d3748;color:#e2e8f0;border-radius:4px;cursor:pointer;white-space:nowrap}.map-controls .btn:hover{background-color:#4a5568}.map-controls .btn.active{background-color:#4299e1;border-color:#4299e1;color:#fff}.map-definition-controls{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#1a202c;border-bottom:1px solid #4a5568}.map-url-input{flex:1;padding:6px 8px;border:1px solid #4a5568;border-radius:4px;background-color:#2d3748;color:#e2e8f0;font-size:12px}.map-url-input:focus{outline:none;border-color:#4299e1}.map-definition-controls .btn{padding:6px 12px;font-size:12px;border:1px solid #4a5568;background-color:#2d3748;color:#e2e8f0;border-radius:4px;cursor:pointer;white-space:nowrap}.map-definition-controls .btn:hover{background-color:#4a5568}.map-definition-controls .btn.primary{background-color:#4299e1;border-color:#4299e1;color:#fff}.map-definition-controls .btn:disabled{opacity:.5;cursor:not-allowed}.map-definition-message{color:#a0aec0;font-size:12px;font-style:italic;flex:1}.map-container{position:relative;display:flex;align-items:flex-start;justify-content:center;background-color:#2d3748;padding:0;width:100%}.static-map-container{display:flex;justify-content:center;background-color:#1a202c;border-radius:8px;overflow:hidden;border:1px solid #4a5568;position:relative;width:100%}.static-map-container svg{width:100%;height:auto;aspect-ratio:1 / 1;display:block;max-width:100%}.map-annotations-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.placeholder-content{display:flex;align-items:center;justify-content:center;color:#a0aec0;font-size:14px;height:200px}.map-info{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background-color:#1a202c;border-top:1px solid #4a5568;color:#a0aec0;font-size:11px;min-height:28px}.map-info span{white-space:nowrap}@media (max-width: 768px){.map-controls{flex-wrap:wrap;gap:8px}.map-controls label{font-size:11px}.map-definition-controls{flex-wrap:wrap}.map-url-input{min-width:200px}}.interactive-map-container{width:100%;background-color:#1a202c;border-radius:8px;overflow:hidden;border:1px solid #4a5568}.map-definition-info{padding:8px 12px;background-color:#2d3748;color:#e2e8f0;font-size:12px;border-bottom:1px solid #4a5568}.map-loading{display:flex;align-items:center;justify-content:center;height:300px;background-color:#1a202c;border:1px solid #4a5568;border-radius:8px;color:#a0aec0;font-size:14px}.visualization-mode-controls{display:flex;align-items:center;gap:6px;padding:2px 6px;background:#ffffff0d;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.visualization-mode-controls label{display:flex;align-items:center;gap:3px;font-size:11px;color:#e2e8f0;cursor:pointer;transition:opacity .2s}.visualization-mode-controls label:has(input:disabled){opacity:.4;cursor:not-allowed}.visualization-mode-controls input[type=radio]{margin:0;scale:.8}.visualization-mode-controls input[type=radio]:disabled{cursor:not-allowed}.gates-btn{background-color:#4a5568;color:#e2e8f0;border:1px solid #718096;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color .2s}.gates-btn:hover{background-color:#718096}.gates-btn.primary{background-color:#4299e1;border-color:#63b3ed}.gates-btn.primary:hover{background-color:#63b3ed}.gates-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#2d3748}.trajectory-inspector{height:100%;display:flex;flex-direction:column}.trajectory-inspector h3{margin:0 0 15px;color:#e2e8f0;font-size:16px;font-weight:600}.show-button{background-color:#4299e1;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;transition:background-color .2s ease}.show-button:hover{background-color:#3182ce}.show-button.selected{background-color:#e53e3e;color:#fff}.show-button.selected:hover{background-color:#c53030}.movement-badge,.quality-badge{padding:2px 6px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.classification-badge{padding:2px 6px;border-radius:12px;font-size:10px;font-weight:600}.classification-badge{background-color:#4299e1;color:#fff}.classification-badge.deleted{background-color:#e53e3e;color:#fff}.no-classification{color:#718096;font-style:italic}.noise-score{padding:2px 6px;border-radius:12px;font-size:10px;font-weight:600;font-family:monospace}.noise-score.low-noise{background-color:#38a169;color:#fff}.noise-score.high-noise{background-color:#e53e3e;color:#fff}.movement-through{background-color:#38a169;color:#fff}.movement-left{background-color:#3182ce;color:#fff}.movement-right{background-color:#d69e2e;color:#fff}.movement-uturn{background-color:#e53e3e;color:#fff}.movement-other{background-color:#718096;color:#fff}.quality-valid{background-color:#38a169;color:#fff}.quality-incomplete{background-color:#d69e2e;color:#fff}.quality-invalid{background-color:#e53e3e;color:#fff}.quality-no-data{background-color:#718096;color:#fff}.trajectory-inspector .rdt_Table{background-color:#1a202c}.trajectory-inspector .rdt_TableHead{background-color:#4a5568}.trajectory-inspector .rdt_TableHeadRow{background-color:#4a5568;border-bottom:1px solid #718096}.trajectory-inspector .rdt_TableRow{background-color:#1a202c;border-bottom:1px solid #2d3748}.trajectory-inspector .rdt_TableRow:hover{background-color:#2d3748}.trajectory-inspector .rdt_Pagination{background-color:#2d3748;border-top:1px solid #4a5568}.trajectory-inspector .rdt_Pagination select,.trajectory-inspector .rdt_Pagination input{background-color:#1a202c;color:#e2e8f0;border:1px solid #4a5568}.export-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.export-modal{background:#2d3748;border:1px solid #4a5568;border-radius:8px;width:95vw;height:90vh;color:#e2e8f0;display:flex;flex-direction:column;overflow:hidden}.export-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #4a5568;flex-shrink:0}.export-header h2{margin:0;color:#f7fafc;font-size:20px}.export-close{background:none;border:none;color:#a0aec0;font-size:24px;cursor:pointer;padding:4px}.export-close:hover{color:#e2e8f0}.export-content{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column}.export-controls{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap;background:#374151;padding:16px;border-radius:6px;flex-shrink:0}.control-group{display:flex;flex-direction:column;min-width:160px}.control-group label{color:#f7fafc;font-weight:500;margin-bottom:6px;font-size:14px}.control-group input,.control-group select{padding:8px 12px;border:1px solid #4a5568;border-radius:4px;background:#2d3748;color:#e2e8f0;font-size:14px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input{width:auto;margin:0}.preview-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.preview-section h3{color:#f7fafc;margin:0 0 16px;font-size:18px;flex-shrink:0}.table-container{margin-bottom:24px;flex-shrink:0}.table-title{color:#e2e8f0;margin:0 0 12px;font-size:16px}.table-scroll{overflow:auto;border:1px solid #4a5568;border-radius:6px;background:#374151;max-height:400px}.export-table{width:100%;border-collapse:collapse;font-size:12px}.export-table th,.export-table td{padding:8px 6px;border:1px solid #4a5568;text-align:center;white-space:nowrap}.export-table th{background:#2d3748;color:#f7fafc;font-weight:600;position:sticky;top:0;z-index:1}.export-table td{background:#374151;color:#e2e8f0}.export-table .has-data{background:#065f46;color:#d1fae5;font-weight:500}.export-table .total-cell{background:#7c2d12;color:#fed7aa;font-weight:700}.export-table .totals-row td{background:#451a03;color:#fed7aa;font-weight:700;border-top:2px solid #92400e}.ped-bike-table{max-width:600px}.export-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #4a5568;flex-shrink:0}.export-download-btn{background:#059669;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:14px}.export-download-btn:hover{background:#047857}.export-cancel-btn{background:#4a5568;color:#e2e8f0;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px}.export-cancel-btn:hover{background:#2d3748}@media (max-width: 1200px){.export-modal{width:98vw;height:95vh}.export-controls{flex-direction:column;gap:12px}.control-group{min-width:auto}}.turn-classification-dashboard{background:#2d3748;border-radius:6px;padding:12px;border:1px solid #4a5568;color:#e2e8f0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.turn-classification-dashboard h3{margin:0;color:#e2e8f0;font-size:1.1em}.export-button-small{background-color:#0891b2;color:#fff;padding:4px 8px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:50px}.export-button-small:hover:not(:disabled){background-color:#0e7490}.export-button-small:disabled{background-color:#374151;color:#9ca3af;cursor:not-allowed}.class-filter-section{background:#374151;border:1px solid #6b7280;border-radius:6px;padding:12px;margin-bottom:16px}.class-filter-section h4{margin:0 0 8px;color:#f3f4f6;font-size:.9em}.class-filter-tabs{display:flex;gap:4px;margin-bottom:12px}.filter-tab{background:#4b5563;color:#d1d5db;border:1px solid #6b7280;border-radius:4px;padding:6px 12px;font-size:.85em;cursor:pointer;transition:all .2s ease}.filter-tab:hover{background:#6b7280;color:#f3f4f6}.filter-tab.active{background:#3b82f6;color:#fff;border-color:#2563eb}.custom-class-selection{margin-top:8px;padding-top:8px;border-top:1px solid #6b7280}.class-checkboxes-row{display:flex;gap:8px;flex-wrap:nowrap;justify-content:space-between}.class-checkbox{display:flex;align-items:center;gap:4px;color:#e5e7eb;font-size:.8em;cursor:pointer;white-space:nowrap;flex:1}.class-checkbox input[type=checkbox]{margin:0;cursor:pointer}.tables-container{display:flex;gap:10px}.tables-container .classification-table:first-child{flex:5}.tables-container .classification-table:last-child{flex:3}.table-header-with-legend{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.classification-table h4{margin:0;color:#cbd5e0;font-size:1em}.movement-legend{display:flex;gap:8px}.legend-item{font-size:.75em;padding:2px 6px;border-radius:3px;border-left:3px solid}.legend-item.through{border-left-color:#3182ce;background:#3182ce1a;color:#63b3ed}.legend-item.left{border-left-color:#38a169;background:#38a1691a;color:#68d391}.legend-item.right{border-left-color:#d69e2e;background:#d69e2e1a;color:#f6e05e}.legend-item.uturn{border-left-color:#9f7aea;background:#9f7aea1a;color:#b794f6}.classification-table table{width:100%;border-collapse:collapse;background:#1a202c;border-radius:6px;overflow:hidden;table-layout:fixed}.classification-table th,.classification-table td{padding:6px 8px!important}.classification-table th{background:#4a5568;color:#f7fafc;text-align:left;font-weight:600;font-size:.75em;white-space:nowrap}.classification-table td{border-bottom:1px solid #4a5568;font-size:.75em;text-align:center;white-space:nowrap}.classification-table td:first-child{text-align:left}.classification-table tr:last-child td{border-bottom:none}.classification-table tr:hover{background:#374151}.classification-table tr.total{background:#2d3748;border-top:2px solid #4a5568}.classification-table tr.total:hover{background:#374151}.classification-table tr.through{border-left:4px solid #3182ce;background:#3182ce0d}.classification-table tr.left{border-left:4px solid #38a169;background:#38a1690d}.classification-table tr.right{border-left:4px solid #d69e2e;background:#d69e2e0d}.classification-table tr.uturn{border-left:4px solid #9f7aea;background:#9f7aea0d}.classification-table tr.through:hover{background:#3182ce1a}.classification-table tr.left:hover{background:#38a1691a}.classification-table tr.right:hover{background:#d69e2e1a}.classification-table tr.uturn:hover{background:#9f7aea1a}.tables-container .classification-table:first-child th:nth-child(1),.tables-container .classification-table:first-child td:nth-child(1){width:10%}.tables-container .classification-table:first-child th:nth-child(2),.tables-container .classification-table:first-child td:nth-child(2){width:12%}.tables-container .classification-table:first-child th:nth-child(3),.tables-container .classification-table:first-child td:nth-child(3){width:12%}.tables-container .classification-table:first-child th:nth-child(4),.tables-container .classification-table:first-child td:nth-child(4){width:10%}.tables-container .classification-table:first-child th:nth-child(5),.tables-container .classification-table:first-child td:nth-child(5){width:12%}.tables-container .classification-table:first-child th:nth-child(6),.tables-container .classification-table:first-child td:nth-child(6){width:17%}.tables-container .classification-table:first-child th:nth-child(7),.tables-container .classification-table:first-child td:nth-child(7){width:12%}.tables-container .classification-table:first-child th:nth-child(8),.tables-container .classification-table:first-child td:nth-child(8){width:15%}.tables-container .classification-table:last-child th:nth-child(1),.tables-container .classification-table:last-child td:nth-child(1){width:20%}.tables-container .classification-table:last-child th:nth-child(2),.tables-container .classification-table:last-child td:nth-child(2){width:20%}.tables-container .classification-table:last-child th:nth-child(3),.tables-container .classification-table:last-child td:nth-child(3){width:20%}.tables-container .classification-table:last-child th:nth-child(4),.tables-container .classification-table:last-child td:nth-child(4){width:20%}.tables-container .classification-table:last-child th:nth-child(5),.tables-container .classification-table:last-child td:nth-child(5){width:20%}.classification-table input{background:#4a5568;border:1px solid #718096;border-radius:3px;padding:1px 3px;color:#e2e8f0;width:30px;text-align:center;font-size:.7em}.classification-table input:focus{outline:none;border-color:#63b3ed;background:#2d3748}.accuracy-good{color:#68d391;font-weight:600}.accuracy-warning{color:#f6e05e;font-weight:600}.accuracy-bad{color:#fc8181;font-weight:600}.ped-bike-volume-section{background:#2d3748;border:1px solid #4a5568;border-radius:6px;padding:12px;margin-top:16px}.ped-bike-volume-section h4{margin:0 0 10px;color:#e2e8f0;font-size:1em}.ped-bike-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#1a202c;border-radius:6px;overflow:hidden}.ped-bike-table th,.ped-bike-table td{padding:6px 8px!important;text-align:center;border-bottom:1px solid #4a5568;font-size:.85em}.ped-bike-table th{background:#374151;color:#f3f4f6;font-weight:600}.ped-bike-table th:nth-child(1),.ped-bike-table td:nth-child(1){width:30%!important}.ped-bike-table th:nth-child(2),.ped-bike-table td:nth-child(2){width:15%!important}.ped-bike-table th:nth-child(3),.ped-bike-table td:nth-child(3){width:20%!important}.ped-bike-table th:nth-child(4),.ped-bike-table td:nth-child(4){width:15%!important}.ped-bike-table th:nth-child(5),.ped-bike-table td:nth-child(5){width:20%!important}.ped-bike-table input{width:100%;background:#4a5568;color:#e2e8f0;border:1px solid #6b7280;border-radius:3px;padding:2px 4px;text-align:center;font-size:.85em}.ped-bike-table input:focus{outline:none;border-color:#3182ce}.future-vision-section{background:#1a202c;border:1px solid #4a5568;border-radius:6px;padding:16px;margin-top:16px;color:#e2e8f0}.future-vision-section h4{margin:0 0 12px;color:#63b3ed;font-size:1em}.future-vision-section h5{margin:12px 0 8px;color:#90cdf4;font-size:.9em}.future-vision-section p{margin:8px 0;line-height:1.5;font-size:.85em}.future-vision-section ul{margin:8px 0;padding-left:20px}.future-vision-section li{margin:4px 0;line-height:1.4;font-size:.85em}.future-vision-section ul ul{margin:4px 0;padding-left:16px}.future-vision-section em{color:#a0aec0;font-style:italic}@media (max-width: 768px){.tables-container{flex-direction:column;gap:15px}.class-filter-tabs{flex-wrap:wrap;gap:6px}.filter-tab{flex:1;min-width:80px;text-align:center}.class-checkboxes-row{flex-wrap:wrap;gap:6px}.class-checkbox{flex:0 0 auto;min-width:80px}.future-vision-section{padding:12px}}.classification-analytics{background:#2d3748;border-radius:6px;padding:15px;border:1px solid #4a5568;color:#e2e8f0;height:100%}.classification-analytics h3{margin:0 0 15px;color:#e2e8f0;font-size:1.1em}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:calc(100% - 40px)}.pie-chart-container{display:flex;flex-direction:column;align-items:center}.pie-chart-container h4{margin:0 0 10px;color:#cbd5e0;font-size:.9em;text-align:center;line-height:1.2}.pie-chart-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.pie-chart{flex-shrink:0}.pie-legend{display:flex;flex-direction:column;gap:4px;font-size:.75em;max-width:200px}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-text{color:#cbd5e0;line-height:1.2}.method-breakdown{display:flex;flex-direction:column;align-items:center}.method-selector{margin-bottom:15px;display:flex;flex-direction:column;align-items:center;gap:5px}.method-selector label{font-size:.85em;color:#a0aec0}.method-select{background:#1a202c;color:#e2e8f0;border:1px solid #4a5568;border-radius:4px;padding:4px 8px;font-size:.8em;min-width:120px}.method-select:focus{outline:none;border-color:#4299e1}.no-data{color:#718096;font-style:italic;font-size:.85em;text-align:center;padding:20px}@media (max-width: 1200px){.analytics-grid{grid-template-columns:1fr;gap:15px}.pie-chart-container h4{font-size:.8em}}.dataset-viewer-v2{display:flex;flex-direction:column;min-height:100vh;background-color:#1a202c;color:#e2e8f0;font-family:Arial,sans-serif}.dataset-viewer-header{padding:15px 20px;border-bottom:1px solid #4a5568;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-left{display:flex;align-items:center;gap:20px}.header-right{display:flex;align-items:center;gap:15px}.back-link{color:#63b3ed;text-decoration:none;font-size:16px;transition:color .2s ease}.back-link:hover{color:#90cdf4}.dataset-title{color:#f7fafc;margin:0;font-size:24px;font-weight:600}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 80px);color:#e2e8f0}.loading-spinner{width:40px;height:40px;border:4px solid #4a5568;border-top:4px solid #63b3ed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{font-size:16px;margin:0}.detection-status{display:flex;align-items:center}.status-indicator{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.status-indicator.corrected{background-color:#065f46;color:#d1fae5;border:1px solid #10b981}.status-indicator.original{background-color:#92400e;color:#fef3c7;border:1px solid #f59e0b}.status-indicator.video-only{background-color:#374151;color:#d1d5db;border:1px solid #6b7280}.save-revert-buttons{display:flex;gap:8px}.export-button,.save-button,.revert-button{padding:6px 12px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px;margin-right:8px}.export-button:last-child,.save-button:last-child,.revert-button:last-child{margin-right:0}.export-button{background-color:#0891b2;color:#fff}.export-button:hover:not(:disabled){background-color:#0e7490}.export-button:disabled{background-color:#374151;color:#9ca3af;cursor:not-allowed}.save-button{background-color:#059669;color:#fff}.save-button:hover:not(:disabled){background-color:#047857}.save-button:disabled{background-color:#374151;color:#9ca3af;cursor:not-allowed}.revert-button{background-color:#dc2626;color:#fff}.revert-button:hover:not(:disabled){background-color:#b91c1c}.revert-button:disabled{background-color:#374151;color:#9ca3af;cursor:not-allowed}.modal-content{background-color:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:24px;max-width:500px;width:90%;color:#e2e8f0}.modal-content h3{margin:0 0 16px;color:#f7fafc;font-size:18px}.modal-content p{margin:0 0 12px;line-height:1.5;color:#cbd5e0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.modal-button.cancel{background-color:#4a5568;color:#e2e8f0}.modal-button.cancel:hover{background-color:#2d3748}.modal-button.confirm{background-color:#dc2626;color:#fff}.modal-button.confirm:hover{background-color:#b91c1c}.classification-results{padding:20px;background-color:#2d3748;border:1px solid #4a5568;border-radius:8px;height:100%;overflow-y:auto}.classification-results h3{margin:0 0 15px;color:#e2e8f0;font-size:18px}.classification-results h4{margin:0 0 10px;color:#cbd5e0;font-size:14px}.no-results{color:#a0aec0;font-style:italic;padding:20px;text-align:center}.results-layout{display:flex;gap:30px;align-items:flex-start}.movement-counts{flex:0 0 300px}.movement-counts table{width:100%;border-collapse:collapse;background-color:#1a202c;border-radius:6px;overflow:hidden}.movement-counts th,.movement-counts td{padding:8px 12px;text-align:left;border-bottom:1px solid #4a5568}.movement-counts th{background-color:#4a5568;color:#e2e8f0;font-weight:600;font-size:12px}.movement-counts td{color:#cbd5e0;font-size:12px}.movement-type{font-weight:500}.count{text-align:center;font-weight:600}.percentage{text-align:center;color:#68d391}.classification-logic{flex:1}.logic-explanation{background-color:#1a202c;padding:15px;border-radius:6px;color:#cbd5e0;font-size:13px;line-height:1.5}.logic-explanation p{margin:0 0 10px}.logic-explanation ul,.logic-explanation ol{margin:5px 0 15px 20px;padding:0}.logic-explanation li{margin:3px 0}.improvement-suggestions{margin-top:15px;padding-top:15px;border-top:1px solid #4a5568}.improvement-suggestions ol li{margin:8px 0}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px}.video-section,.map-section,.controls-section,.results-section{background-color:#2d3748;border:1px solid #4a5568;border-radius:8px;box-sizing:border-box;overflow:hidden}.video-section,.map-section{touch-action:manipulation}@media (max-width: 1000px){.main-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dataset-viewer-header{padding:10px 15px;flex-direction:column;align-items:flex-start;gap:10px}.dataset-title{font-size:20px}.main-grid{padding:10px;gap:10px}}.analysis-section,.experimental-section{background:#2d3748;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #4a5568;min-height:200px}.analysis-placeholder,.experimental-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a0aec0;text-align:center}.analysis-placeholder h3,.experimental-placeholder h3{color:#e2e8f0;margin-bottom:10px;font-size:1.2em}.analysis-placeholder p,.experimental-placeholder p{color:#718096;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background-color:#2d3748;color:#e2e8f0;padding:30px;border-radius:8px;width:500px;max-height:80vh;overflow:auto;border:1px solid #4a5568}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{color:#e2e8f0;margin:0}.modal-close-button{font-size:20px;border:none;background:none;cursor:pointer;color:#a0aec0}.modal-close-button:hover{color:#e2e8f0}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:10px;font-weight:700;color:#e2e8f0}.form-label-small{display:block;margin-bottom:5px;color:#e2e8f0}.form-input{width:100%;padding:8px;border:1px solid #4a5568;border-radius:4px;background-color:#1a202c;color:#e2e8f0}.form-input:focus{outline:none;border-color:#4299e1}.form-input::placeholder{color:#718096}.dropzone{border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .2s ease}.dropzone-inactive{border:2px dashed #4a5568;background-color:#1a202c}.dropzone-active{border:2px dashed #4299e1;background-color:#1a202c}.dropzone-text{color:#e2e8f0;margin-bottom:10px}.dropzone-subtext{font-size:12px;color:#a0aec0;margin-top:10px}.file-selected{border:1px solid #4a5568;border-radius:8px;padding:15px;background-color:#1a202c}.file-selected p{margin-bottom:8px}.remove-file-button{margin-top:10px;padding:5px 10px;background-color:#e53e3e;color:#fff;border:none;border-radius:4px;cursor:pointer}.remove-file-button:hover{background-color:#c53030}.form-help-text{color:#a0aec0;font-size:12px}.checkbox-group{margin-bottom:30px}.checkbox-label{display:flex;align-items:center;gap:8px;color:#e2e8f0;cursor:pointer}.checkbox-help{color:#a0aec0;font-size:12px;margin-left:24px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.button-cancel{background-color:#4a5568;color:#e2e8f0}.button-cancel:hover{background-color:#2d3748}.button-primary{background-color:#4299e1;color:#fff}.button-primary:hover{background-color:#3182ce}.button-primary:disabled{background-color:#2d3748;color:#a0aec0;cursor:not-allowed}.button-primary:disabled:hover{background-color:#2d3748}.upload-progress{margin:20px 0;padding:15px;background:#2a2a2a;border-radius:8px;border:1px solid #444}.progress-bar-container{width:100%;height:8px;background:#444;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4299e1,#63b3ed);border-radius:4px;transition:width .3s ease}.progress-text{color:#e0e0e0;font-size:14px;font-weight:700;margin-bottom:4px}.progress-help{color:#a0aec0;font-size:12px}.upload-error{margin:15px 0;padding:12px;background:#2d1b1b;border:1px solid #e53e3e;border-radius:6px;color:#fed7d7;font-size:14px}.upload-tray{position:fixed;right:16px;bottom:16px;width:340px;max-height:50vh;background:#111827;color:#e5e7eb;border:1px solid #374151;border-radius:8px;box-shadow:0 8px 24px #0006;overflow:hidden;z-index:1000}.upload-tray-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#1f2937;border-bottom:1px solid #374151}.upload-tray-clear{background:transparent;color:#93c5fd;border:none;cursor:pointer}.upload-tray-body{padding:8px 12px;overflow-y:auto;max-height:40vh}.upload-row{margin-bottom:10px}.upload-row-main{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.upload-name{color:#f3f4f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.upload-status{color:#9ca3af}.status-done{color:#10b981}.status-error{color:#ef4444}.status-finalizing{color:#f59e0b}.upload-progressbar{width:100%;height:6px;background:#374151;border-radius:4px;overflow:hidden}.upload-progressfill{height:100%;background:#3b82f6;width:0%;transition:width .15s linear}.upload-cancel{margin-top:6px;font-size:12px;background:transparent;color:#fca5a5;border:1px solid #6b7280;border-radius:4px;padding:2px 6px;cursor:pointer}.upload-error{color:#fca5a5;font-size:12px;margin-top:4px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background-color:#1a202c;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{background-color:#1a202c;min-height:100vh}.app-header{padding:20px 20px 0}.app-title{color:#e2e8f0;margin-bottom:0}.classification-table-container{max-height:400px;overflow-y:auto;border:1px solid #4a5568;border-radius:8px}.classification-table{width:100%;border-collapse:collapse;background-color:#2d3748}.classification-table th,.classification-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #4a5568}.classification-table th{background-color:#4a5568;font-weight:600;color:#e2e8f0;position:sticky;top:0;z-index:1}.classification-table td{color:#cbd5e0}.classification-table tr:hover{background-color:#374151}.classification-details{padding:16px;background-color:#2d3748;border-radius:8px;border:1px solid #4a5568}.classification-details p{margin-bottom:8px;color:#cbd5e0}.classification-legend{margin-top:20px}.classification-legend h4{color:#e2e8f0;margin-bottom:12px;font-size:14px}.classification-legend ul{list-style:none;padding:0}.classification-legend li{padding:4px 0;color:#cbd5e0;font-size:13px}.classification-legend strong{color:#e2e8f0;font-family:monospace}