body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.App-header{background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center}.App-header h1{color:#333;font-size:2rem;margin-bottom:.5rem}.App-header p{color:#666;font-size:1rem}.App-main{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:2rem}.container{max-width:1200px;width:100%}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem}.card h2{color:#333;margin-bottom:1.5rem;text-align:center}.camera-capture{margin-bottom:2rem}.camera-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.btn-capture{background:#28a745;color:#fff;font-size:1.2rem;padding:1rem 2rem}.btn-capture:hover:not(:disabled){background:#218838;transform:scale(1.05)}.btn-capture:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-cancel{background:#dc3545;color:#fff}.btn-cancel:hover{background:#c82333}.btn-submit{background:#28a745;color:#fff;font-size:1.1rem;margin-bottom:.5rem;padding:1rem;width:100%}.btn-submit:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.btn-reset{background:#ffc107;color:#333;padding:.75rem;width:100%}.btn-reset:hover{background:#e0a800}.camera-view{flex-direction:column;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:600px}.camera-view,.video-wrapper{align-items:center;display:flex;position:relative;width:100%}.video-wrapper{background:#000;border-radius:8px;justify-content:center;max-height:450px;max-width:100%;min-height:300px;overflow:hidden}.video-preview{display:block;height:100%;max-height:450px;object-fit:contain;transform:scaleX(1);-webkit-transform:scaleX(1);width:100%}.video-loading-overlay{align-items:center;background:#000000b3;border-radius:8px;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.video-loading-overlay p{font-size:1rem;margin-top:1rem}.camera-loading{align-items:center;background:#000;border-radius:8px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-height:450px;max-width:600px;min-height:300px;padding:2rem;width:100%}.camera-loading p{font-size:1rem;margin-top:1rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.camera-warning{color:#ffc107;font-size:.9rem;font-weight:600;margin-top:.5rem;text-align:center}.camera-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.preview-container{margin-top:1rem}.preview-image{background:#000;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;height:400px;margin:0 auto;max-width:100%;object-fit:contain;width:100%}.document-preview-section{background:#f8f9fa;border:2px solid #667eea;border-radius:8px;margin-bottom:1.5rem;margin-top:2rem;padding:1.5rem}.document-preview-section h3{color:#667eea;font-size:1.3rem;margin-bottom:1rem;text-align:center}.document-image-container{background:#000;border-radius:8px;box-shadow:0 4px 12px #00000026;height:400px;margin:0 auto;max-width:100%;overflow:hidden;position:relative;width:100%}.document-image{cursor:zoom-in;display:block;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.document-image:hover{transform:scale(1.02)}.image-overlay{position:absolute;right:10px;top:10px;z-index:10}.image-badge{background:#28a745e6;border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.image-info{color:#666;font-size:.9rem;font-style:italic}.image-info,.preview-actions{margin-top:1rem;text-align:center}.submit-section{margin-top:1.5rem}.alert{border-radius:8px;margin-top:1rem;padding:1rem}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.result-container{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;margin-top:2rem;padding:1.5rem}.result-container h3{color:#28a745;margin-bottom:1rem}.result-info{margin-bottom:1rem}.result-item{border-bottom:1px solid #dee2e6;padding:.5rem 0}.result-item:last-child{border-bottom:none}.result-item strong{color:#333;margin-right:.5rem}.result-image-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;padding:1rem}.result-image-section h4{color:#667eea;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.result-image-container{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:100%;overflow:hidden;width:100%}.result-image{display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;margin-left:.5rem;padding:.25rem .75rem}.status-badge.success{background:#d4edda;color:#155724}.status-badge.error{background:#f8d7da;color:#721c24}.confidence-value{background:#e7f3ff;border-radius:12px;color:#004085;display:inline-block;font-weight:600;margin-left:.5rem;padding:.25rem .75rem}.result-details{background:#fff;border-radius:4px;margin-top:1rem;overflow-x:auto;padding:1rem}.result-details details{cursor:pointer}.result-details summary{background:#e9ecef;border-radius:4px;color:#495057;font-weight:600;margin-bottom:.5rem;padding:.5rem}.result-details summary:hover{background:#dee2e6}.result-details pre{background:#f8f9fa;border-radius:4px;color:#333;font-size:.9rem;margin:0;padding:1rem}.App-footer{background:#fffffff2;color:#666;font-size:.9rem;padding:1rem;text-align:center}@media (max-width:768px){.App-header h1{font-size:1.5rem}.App-main{padding:1rem}.card{padding:1.5rem}.camera-controls{flex-direction:column}.btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.fafbfa4d.css.map*/