:root{--mantine-color-white: #ffffff;--mantine-color-black: #000000;--mantine-color-gray-0: #f8f9fa;--mantine-color-gray-1: #f1f3f5;--mantine-color-gray-2: #e9ecef;--mantine-color-gray-3: #dee2e6;--mantine-color-gray-4: #ced4da;--mantine-color-gray-5: #adb5bd;--mantine-color-gray-6: #868e96;--mantine-color-gray-7: #495057;--mantine-color-gray-8: #343a40;--mantine-color-gray-9: #212529;--mantine-color-dark-0: #c9c9c9;--mantine-color-dark-1: #b8b8b8;--mantine-color-dark-2: #828282;--mantine-color-dark-3: #696969;--mantine-color-dark-4: #424242;--mantine-color-dark-5: #3b3b3b;--mantine-color-dark-6: #2e2e2e;--mantine-color-dark-7: #242424;--mantine-color-dark-8: #1f1f1f;--mantine-color-dark-9: #141414;--mantine-color-blue-0: #e7f5ff;--mantine-color-blue-1: #d0ebff;--mantine-color-blue-2: #a5d8ff;--mantine-color-blue-3: #74c0fc;--mantine-color-blue-4: #4dabf7;--mantine-color-blue-5: #339af0;--mantine-color-blue-6: #228be6;--mantine-color-blue-7: #1c7ed6;--mantine-color-blue-8: #1971c2;--mantine-color-blue-9: #1864ab;--mantine-spacing-xs: .625rem;--mantine-spacing-sm: .875rem;--mantine-spacing-md: 1rem;--mantine-spacing-lg: 1.25rem;--mantine-spacing-xl: 1.5rem;--mantine-spacing-2xl: 2rem;--mantine-radius-xs: .125rem;--mantine-radius-sm: .25rem;--mantine-radius-md: .5rem;--mantine-radius-lg: 1rem;--mantine-radius-xl: 2rem;--mantine-font-size-xs: .75rem;--mantine-font-size-sm: .875rem;--mantine-font-size-md: 1rem;--mantine-font-size-lg: 1.125rem;--mantine-font-size-xl: 1.25rem;--mantine-transition-fast: .1s ease;--mantine-transition-normal: .2s ease;--mantine-transition-slow: .4s ease;--mantine-color-body: #1a1b1e;--mantine-color-default: var(--mantine-color-dark-6);--mantine-color-default-hover: var(--mantine-color-dark-5);--mantine-color-default-border: var(--mantine-color-dark-4);--mantine-color-text: var(--mantine-color-dark-0);--mantine-color-dimmed: var(--mantine-color-dark-2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--mantine-font-size-md);line-height:1.55;color:var(--mantine-color-text);background-color:var(--mantine-color-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mantine-AppShell{min-height:100vh;display:flex;flex-direction:column}.mantine-Header{background-color:var(--mantine-color-default);border-bottom:1px solid var(--mantine-color-default-border);position:sticky;top:0;z-index:100}.mantine-Container{max-width:1200px;margin:0 auto;padding:0 var(--mantine-spacing-md)}.mantine-Main{flex:1;padding:var(--mantine-spacing-xl) 0}.mantine-Footer{background-color:var(--mantine-color-default);border-top:1px solid var(--mantine-color-default-border);padding:var(--mantine-spacing-lg) 0;margin-top:var(--mantine-spacing-2xl)}.mantine-Group{display:flex;align-items:center;justify-content:space-between;gap:var(--mantine-spacing-md)}.mantine-Stack{display:flex;flex-direction:column;gap:var(--mantine-spacing-md)}.mantine-Grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--mantine-spacing-md)}.mantine-Paper{background-color:var(--mantine-color-default);border-radius:var(--mantine-radius-md);padding:var(--mantine-spacing-lg);margin-bottom:var(--mantine-spacing-lg);box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.mantine-Logo{display:flex;align-items:center;gap:var(--mantine-spacing-sm);font-size:var(--mantine-font-size-xl);font-weight:700;color:var(--mantine-color-white);padding:var(--mantine-spacing-md) 0}.mantine-Navbar{display:flex;align-items:center;gap:var(--mantine-spacing-xs)}.mantine-NavLink{padding:var(--mantine-spacing-sm) var(--mantine-spacing-md);color:var(--mantine-color-dimmed);text-decoration:none;border-radius:var(--mantine-radius-md);transition:var(--mantine-transition-normal)}.mantine-NavLink:hover{color:var(--mantine-color-text);background-color:var(--mantine-color-default-hover)}.mantine-NavLink.active{color:var(--mantine-color-blue-5);background-color:#228be61a}.mantine-Title{font-size:2.5rem;font-weight:900;margin-bottom:var(--mantine-spacing-sm);line-height:1.2}.mantine-Title-sm{font-size:1.5rem;font-weight:700;margin-bottom:var(--mantine-spacing-sm)}.mantine-Title-section{text-align:center;margin-bottom:var(--mantine-spacing-2xl)}.mantine-Text{color:var(--mantine-color-text)}.mantine-Text-lg{font-size:var(--mantine-font-size-lg)}.mantine-Text-sm{font-size:var(--mantine-font-size-sm)}.mantine-dimmed{color:var(--mantine-color-dimmed)}.mantine-InputWrapper{display:block}.mantine-InputLabel{display:block;font-size:var(--mantine-font-size-sm);font-weight:500;margin-bottom:var(--mantine-spacing-xs);color:var(--mantine-color-text)}.mantine-Select{width:100%;padding:var(--mantine-spacing-sm);font-size:var(--mantine-font-size-sm);border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-sm);background-color:var(--mantine-color-default);color:var(--mantine-color-text);transition:var(--mantine-transition-normal)}.mantine-Select:hover{border-color:var(--mantine-color-dark-3)}.mantine-Select:focus{outline:none;border-color:var(--mantine-color-blue-6)}.mantine-Button{display:inline-flex;align-items:center;justify-content:center;gap:var(--mantine-spacing-xs);padding:var(--mantine-spacing-sm) var(--mantine-spacing-lg);font-size:var(--mantine-font-size-sm);font-weight:500;border:none;border-radius:var(--mantine-radius-sm);cursor:pointer;transition:var(--mantine-transition-normal);text-decoration:none}.mantine-Button-filled{background-color:var(--mantine-color-blue-6);color:var(--mantine-color-white)}.mantine-Button-filled:hover{background-color:var(--mantine-color-blue-7)}.mantine-Button-subtle{background-color:transparent;color:var(--mantine-color-text)}.mantine-Button-subtle:hover{background-color:var(--mantine-color-default-hover)}.mantine-Dropzone{border:2px dashed var(--mantine-color-default-border);border-radius:var(--mantine-radius-md);padding:var(--mantine-spacing-2xl);text-align:center;cursor:pointer;transition:var(--mantine-transition-normal);position:relative}.mantine-Dropzone:hover{border-color:var(--mantine-color-blue-6);background-color:#228be608}.mantine-Dropzone.active{border-color:var(--mantine-color-blue-6);background-color:#228be60d}.mantine-Dropzone-inner{pointer-events:none}.mantine-Dropzone-icon{width:50px;height:50px;margin:0 auto var(--mantine-spacing-md);stroke:var(--mantine-color-dimmed)}.mantine-Progress{height:8px;background-color:var(--mantine-color-dark-4);border-radius:var(--mantine-radius-xl);overflow:hidden}.mantine-Progress-bar{height:100%;background-color:var(--mantine-color-blue-6);transition:width var(--mantine-transition-slow)}.mantine-Tabs-list{display:flex;border-bottom:2px solid var(--mantine-color-default-border);margin-bottom:var(--mantine-spacing-md)}.mantine-Tab{padding:var(--mantine-spacing-sm) var(--mantine-spacing-md);background:none;border:none;color:var(--mantine-color-dimmed);font-size:var(--mantine-font-size-sm);font-weight:500;cursor:pointer;transition:var(--mantine-transition-normal);position:relative}.mantine-Tab:hover{color:var(--mantine-color-text)}.mantine-Tab.active{color:var(--mantine-color-blue-6)}.mantine-Tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--mantine-color-blue-6)}.mantine-Tabs-panel{display:none}.mantine-Tabs-panel.active{display:block}.mantine-Code{background-color:var(--mantine-color-dark-8);border-radius:var(--mantine-radius-sm);padding:var(--mantine-spacing-md);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--mantine-font-size-sm);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.mantine-FileList{margin-top:var(--mantine-spacing-md)}.mantine-FileItem{display:flex;align-items:center;justify-content:space-between;padding:var(--mantine-spacing-sm);background-color:var(--mantine-color-dark-7);border-radius:var(--mantine-radius-sm);margin-bottom:var(--mantine-spacing-xs)}.mantine-FileItem-info{display:flex;align-items:center;gap:var(--mantine-spacing-sm)}.mantine-FileItem-remove{padding:var(--mantine-spacing-xs);background:none;border:none;color:var(--mantine-color-dimmed);cursor:pointer;border-radius:var(--mantine-radius-sm);transition:var(--mantine-transition-normal)}.mantine-FileItem-remove:hover{color:var(--mantine-color-red-6);background-color:#ff00001a}.ocr-visual-container{display:grid;grid-template-columns:2fr 1fr;gap:var(--mantine-spacing-lg);margin-top:var(--mantine-spacing-md)}.ocr-canvas-wrapper{position:relative;background-color:var(--mantine-color-dark-8);border-radius:var(--mantine-radius-md);overflow:hidden;max-height:600px}#ocrCanvas{width:100%;height:auto;display:block}.ocr-boxes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ocr-box{position:absolute;border:2px solid #00ff00;background-color:#00ff001a;pointer-events:all;cursor:pointer;transition:var(--mantine-transition-fast)}.ocr-box:hover{background-color:#0f03;border-color:#0f8}.ocr-box.selected{border-color:#ff0;background-color:#ff03}.ocr-box-label{position:absolute;top:-20px;left:0;font-size:11px;background-color:#0f0c;color:#000;padding:2px 4px;border-radius:2px;white-space:nowrap}.ocr-detections{background-color:var(--mantine-color-dark-8);border-radius:var(--mantine-radius-md);padding:var(--mantine-spacing-md);max-height:600px;overflow-y:auto}.ocr-detection-list{display:flex;flex-direction:column;gap:var(--mantine-spacing-xs)}.ocr-detection-item{padding:var(--mantine-spacing-sm);background-color:var(--mantine-color-dark-7);border-radius:var(--mantine-radius-sm);cursor:pointer;transition:var(--mantine-transition-fast);display:flex;justify-content:space-between;align-items:center}.ocr-detection-item:hover{background-color:var(--mantine-color-dark-6)}.ocr-detection-item.selected{background-color:#228be633;border:1px solid var(--mantine-color-blue-6)}.ocr-detection-text{flex:1;font-size:var(--mantine-font-size-sm);margin-right:var(--mantine-spacing-sm)}.ocr-detection-confidence{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-dimmed);font-weight:500}.progress-bar{width:100%;height:4px;background-color:var(--mantine-color-dark-5);border-radius:2px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background-color:var(--mantine-color-blue-5);transition:width .3s ease}.file-list{display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--mantine-color-dark-6);border-radius:8px;border:1px solid var(--mantine-color-dark-4)}.file-name{flex:1;font-size:.875rem;color:var(--mantine-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.75rem;color:var(--mantine-color-dimmed);margin:0 1rem}.file-remove{background:none;border:none;color:var(--mantine-color-red-5);font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.file-remove:hover{background-color:#ff2d551a}.info-btn{background:none;border:none;color:var(--mantine-color-blue-5);cursor:pointer;margin-left:.5rem;font-size:.875rem;padding:.125rem .25rem;border-radius:4px;transition:background-color .2s}.info-btn:hover{background-color:var(--mantine-color-dark-5)}.mantine-Alert{padding:1rem;border-radius:8px;background-color:var(--mantine-color-dark-6);border:1px solid var(--mantine-color-dark-4);color:var(--mantine-color-text);margin-bottom:1rem}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--mantine-color-dimmed);text-transform:uppercase}.stat-value{font-size:1.125rem;font-weight:600;color:var(--mantine-color-text)}@media (max-width: 768px){.mantine-Title{font-size:2rem}.ocr-visual-container{grid-template-columns:1fr}.mantine-Container{padding:0 var(--mantine-spacing-sm)}.mantine-Navbar{display:none}.statistics-grid{grid-template-columns:1fr}.mantine-Grid{flex-direction:column}.mantine-Col{width:100%}}