*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#fff;color:#333;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 4px #0000001a}.brand{display:flex;align-items:center;gap:.75rem}.logo{width:32px;height:32px;object-fit:contain}.brand-text{font-size:1.25rem;font-weight:600;color:#333}.header-actions{display:flex;gap:1rem}.action-btn{background-color:#f8f9fa;color:#333;border:1px solid #e5e5e5;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:hover{background-color:#e9ecef;border-color:#ced4da}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-content .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-content p{color:#666;font-size:1.1rem;margin:0}.title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:.5rem;text-align:center}.description{color:#666;text-align:center;margin-bottom:3rem;font-size:1.1rem}.login-section{min-height:100vh;display:flex;flex-direction:column}.login-container{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:3rem;box-shadow:0 4px 6px #0000000d;width:100%;max-width:500px;margin:2rem auto;text-align:center}.login-container h1{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.login-description{color:#666;margin-bottom:2rem}.login-form{text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e5e5;border-radius:8px;font-size:1rem;transition:border-color .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff}.form-group textarea{resize:vertical;min-height:80px}.login-btn{width:100%;background-color:#007bff;color:#fff;border:none;padding:.75rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.login-btn:hover{background-color:#0056b3}.config-section{min-height:100vh}.config-form{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-hint{display:block;font-size:.875rem;color:#666;margin-top:.25rem}.form-actions{margin-top:2rem;text-align:right}.create-btn{background-color:#28a745;color:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.create-btn:hover{background-color:#1e7e34}.success-message{text-align:center;padding:2rem}.success-icon{font-size:3rem;margin-bottom:1rem}.success-message h3{color:#28a745;font-size:1.5rem;margin-bottom:.5rem}.success-message p{color:#666;margin-bottom:1.5rem}.instance-link{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:left}.instance-link label{display:block;font-weight:500;color:#333;margin-bottom:.5rem}.instance-url{color:#007bff;text-decoration:none;word-break:break-all;font-family:monospace;font-size:.9rem}.instance-url:hover{text-decoration:underline}.success-actions{display:flex;gap:1rem;justify-content:center}.view-btn,.create-another-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.view-btn{background-color:#007bff;color:#fff}.view-btn:hover{background-color:#0056b3}.create-another-btn{background-color:#6c757d;color:#fff}.create-another-btn:hover{background-color:#545b62}.error-message{text-align:center;padding:2rem}.error-icon{font-size:3rem;margin-bottom:1rem}.error-message h3{color:#dc3545;font-size:1.5rem;margin-bottom:.5rem}.error-message p{color:#666;margin-bottom:1.5rem}.retry-btn{background-color:#dc3545;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background-color:#c82333}.input-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d}.input-section h3{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem}.section-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.submit-btn,.cancel-btn,.capture-btn,.retake-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit-btn{background-color:#007bff;color:#fff}.submit-btn:hover:not(:disabled){background-color:#0056b3}.submit-btn:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#545b62}.capture-btn{background-color:#28a745;color:#fff}.capture-btn:hover{background-color:#1e7e34}.retake-btn{background-color:#ffc107;color:#212529}.retake-btn:hover{background-color:#e0a800}.upload-area{border:2px dashed #dee2e6;border-radius:12px;padding:3rem;text-align:center;cursor:pointer;transition:border-color .2s ease;background-color:#f8f9fa}.upload-area:hover{border-color:#007bff;background-color:#f0f8ff}.upload-area.drag-over{border-color:#007bff;background-color:#e3f2fd}.upload-icon{font-size:3rem;margin-bottom:1rem;color:#6c757d}.upload-area p{color:#666;margin-bottom:.5rem}.upload-hint{font-size:.875rem;color:#999}.image-preview{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;margin-bottom:1rem;background:#fff;box-shadow:0 2px 4px #0000001a}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f8f9fa;border-bottom:1px solid #e5e5e5}.file-name{font-weight:500;color:#333}.remove-btn{background:none;border:none;font-size:1.5rem;color:#dc3545;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.remove-btn:hover{color:#c82333;background-color:#f8d7da}.preview-container{padding:1.5rem;text-align:center}.preview-container img{max-width:100%;max-height:400px;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000001a}.camera-container{position:relative;width:100%;max-width:640px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}#cameraVideo{width:100%;height:auto;display:block}#cameraCanvas{display:none}.camera-preview{display:none;width:100%;height:100%}#capturedImage{width:100%;height:100%;object-fit:cover}.results-container{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d}.results-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem}.results-content{min-height:200px}.placeholder{color:#999;text-align:center;font-style:italic;padding:2rem}.results-summary{font-size:1.1rem;font-weight:600;color:#28a745;margin-bottom:1rem;padding:.75rem;background-color:#f8fff9;border-radius:8px;border-left:4px solid #28a745}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.result-label{font-weight:600;color:#333}.result-confidence{color:#666;font-size:.9rem}.results-image-container{display:flex;justify-content:center;margin-top:2rem}.image-canvas-wrapper{position:relative;display:inline-block;max-width:100%;text-align:center}.result-image{max-width:100%;height:auto;border-radius:8px;display:block;position:relative;z-index:1}.result-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.no-results{text-align:center;color:#666;font-style:italic;padding:2rem}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;justify-content:center;align-items:center;z-index:1000}.loading-content{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;border:1px solid #f5c6cb;margin-bottom:1rem}.error-container{text-align:center;padding:3rem;max-width:600px;margin:0 auto}.error-icon{font-size:4rem;margin-bottom:1rem}.error-container h1{color:#dc3545;font-size:2rem;margin-bottom:1rem}.error-container p{color:#666;margin-bottom:1rem;line-height:1.6}.error-container code{background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;font-family:monospace;color:#dc3545}.error-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}@media (max-width: 768px){.header,.main-content{padding:1rem}.title{font-size:2rem}.input-section{padding:1.5rem}.upload-area{padding:2rem}.section-actions{flex-direction:column}.results-container{padding:1.5rem}.login-container{margin:1rem;padding:2rem}.config-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.success-actions,.error-actions{flex-direction:column}}.instances-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-top:2rem}.instances-table{width:100%;border-collapse:collapse;font-size:.9rem}.instances-table th{background-color:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e5e5e5}.instances-table td{padding:1rem;border-bottom:1px solid #f0f0f0;vertical-align:top}.instances-table tr:hover{background-color:#f8f9fa}.instances-table .instance-url{color:#007bff;text-decoration:none;word-break:break-all;font-size:.8rem}.instances-table .instance-url:hover{text-decoration:underline}.delete-btn{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s ease}.delete-btn:hover{background-color:#c82333}.edit-btn{background-color:#17a2b8;color:#fff;margin-right:.5rem}.edit-btn:hover{background-color:#138496}.save-btn{background-color:#007bff;color:#fff;margin-right:.5rem}.save-btn:hover{background-color:#0056b3}.discard-btn{background-color:#6c757d;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.discard-btn:hover{background-color:#545b62}@media (max-width: 768px){.instances-table{font-size:.8rem}.instances-table th,.instances-table td{padding:.5rem}.instances-table .instance-url{font-size:.7rem}}@media (max-width: 768px){.instances-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 8px #0000001a}.instances-table{min-width:800px}.instances-table th,.instances-table td{white-space:nowrap;padding:.75rem 1rem}.instances-table .instance-url{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.landing-content{text-align:center;max-width:600px;margin:0 auto;padding:2rem 0}.contact-info{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.contact-info p{color:#666;font-size:1rem;margin:0}.checkbox-label{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:.75rem!important;width:auto!important;margin:0!important;padding:0!important;border:none!important;background:none!important;font-weight:600;color:#333;cursor:pointer}.checkbox-label input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.checkmark{position:relative;display:inline-block;width:22px;height:22px;background-color:#fff;border:2px solid #e5e5e5;border-radius:4px;transition:all .2s ease;flex-shrink:0}.checkbox-label input:checked~.checkmark{background-color:#007bff;border-color:#007bff}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:3px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input:checked~.checkmark:after{display:block}.checkbox-label:hover input~.checkmark{border-color:#ced4da}.confidence-control{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.confidence-control label{display:block;margin-bottom:10px;font-weight:600;color:#333}.confidence-slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.confidence-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer}.confidence-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;border:none}