body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}:root{--primary-color:#4f46e5;--primary-light:#6366f1;--primary-dark:#3730a3;--secondary-color:#10b981;--secondary-light:#34d399;--accent-color:#f59e0b;--danger-color:#ef4444;--warning-color:#f97316;--info-color:#3b82f6;--success-color:#10b981;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--border-radius:12px;--border-radius-lg:16px;--transition:all 0.3s ease}.app{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem 1rem;text-align:center}.app-title{color:#4f46e5;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.app-subtitle{color:#4b5563;color:var(--gray-600);font-size:1.1rem;font-weight:500}.app-main{padding:2rem 1rem}.container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px}section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);padding:1.5rem;transition:all .3s ease;transition:var(--transition)}section:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.barcode-scanner .scanner-card,.image-upload .upload-card,.price-input .price-card,.product-display .product-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.price-title,.product-title,.scanner-title,.upload-title{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.manual-input-form{margin-bottom:1.5rem}.input-group{align-items:center;display:flex;gap:.75rem}.barcode-input{border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--border-radius);direction:ltr;flex:1 1;font-size:1rem;padding:.75rem 1rem;text-align:left;transition:all .3s ease;transition:var(--transition)}.barcode-input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.search-button{background:#4f46e5;background:var(--primary-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.search-button:hover:not(:disabled){background:#3730a3;background:var(--primary-dark);transform:translateY(-1px)}.search-button:disabled{cursor:not-allowed;opacity:.6}.divider{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;margin:1.5rem 0}.divider:after,.divider:before{background:#d1d5db;background:var(--gray-300);content:"";flex:1 1;height:1px}.divider span{background:#fff;background:var(--white);font-weight:500;padding:0 1rem}.camera-section{text-align:center}.camera-button{align-items:center;background:#10b981;background:var(--secondary-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;transition:var(--transition);width:100%}.camera-button:hover:not(:disabled){background:#34d399;background:var(--secondary-light);transform:translateY(-1px)}.camera-button.active{animation:pulse 2s infinite;background:#f97316;background:var(--warning-color)}.camera-button:disabled{cursor:not-allowed;opacity:.6}.camera-preview{background:#f3f4f6;background:var(--gray-100);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:12px;border-radius:var(--border-radius);margin-top:1rem;padding:1rem}.camera-frame{align-items:center;background:#e5e7eb;background:var(--gray-200);display:flex;height:300px;justify-content:center;overflow:hidden;position:relative}.camera-frame,.camera-video{border-radius:12px;border-radius:var(--border-radius)}.camera-video{height:100%;object-fit:cover;width:100%}.scan-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.scan-corners{bottom:20%;left:20%;position:absolute;right:20%;top:20%}.corner{border:3px solid #f59e0b;border:3px solid var(--accent-color);height:20px;position:absolute;width:20px}.corner.top-left{border-bottom:none;border-right:none;left:0;top:0}.corner.top-right{border-bottom:none;border-left:none;right:0;top:0}.corner.bottom-left{border-right:none;border-top:none;bottom:0;left:0}.corner.bottom-right{border-left:none;border-top:none;bottom:0;right:0}.camera-error{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;border-radius:var(--border-radius);color:#ef4444;color:var(--danger-color);margin-top:1rem;padding:1rem}.camera-error p{font-weight:600;line-height:1.5;margin-bottom:.5rem;white-space:pre-line}.camera-error ul{list-style:none;margin:0;padding:0}.camera-error li{padding:.25rem 1.5rem .25rem 0;position:relative}.camera-error li:before{color:#ef4444;color:var(--danger-color);content:"•";position:absolute;right:0}.reload-button{background:#4f46e5;background:var(--primary-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition);width:100%}.reload-button:hover{background:#3730a3;background:var(--primary-dark)}.error-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.settings-button{background:#10b981;background:var(--secondary-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition);width:100%}.settings-button:hover{background:#34d399;background:var(--secondary-light)}.debug-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;border-radius:var(--border-radius);color:#3b82f6;color:var(--info-color);margin-top:1rem;padding:1rem}.debug-info p{font-family:Courier New,monospace;font-size:.875rem;font-weight:600;line-height:1.4;margin:0;white-space:pre-line}.test-camera-button{align-items:center;background:#f97316;background:var(--warning-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.test-camera-button:hover:not(:disabled){background:#ea580c;transform:translateY(-1px)}.test-camera-button:disabled{cursor:not-allowed;opacity:.6}.test-permissions-button{align-items:center;background:#f59e0b;background:var(--accent-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.test-permissions-button:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.test-permissions-button:disabled{cursor:not-allowed;opacity:.6}.camera-test-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.test-all-cameras-button{align-items:center;background:#3b82f6;background:var(--info-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.test-all-cameras-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.test-all-cameras-button:disabled{cursor:not-allowed;opacity:.6}.camera-list{display:flex;flex-direction:column;gap:.75rem}.camera-item{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.75rem;transition:all .3s ease;transition:var(--transition)}.camera-item:hover{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.camera-details{align-items:center;display:flex;flex:1 1;gap:.5rem}.camera-icon{font-size:1.2rem}.camera-name{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:500}.test-specific-camera-button{background:#10b981;background:var(--secondary-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.test-specific-camera-button:hover:not(:disabled){background:#34d399;background:var(--secondary-light);transform:translateY(-1px)}.test-specific-camera-button:disabled{cursor:not-allowed;opacity:.6}.testing-progress{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);margin-top:1rem;padding:1rem}.progress-bar{background:#e5e7eb;background:var(--gray-200);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{animation:progressPulse 2s infinite;background:linear-gradient(90deg,#4f46e5,#10b981);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:600;margin:0;text-align:center}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.scan-line{animation:scanLine 2s linear infinite;background:#f59e0b;background:var(--accent-color);height:2px;left:0;position:absolute;right:0;top:0}.scan-instruction{color:#4b5563;color:var(--gray-600);font-weight:500}@keyframes scanLine{0%{transform:translateY(0)}to{transform:translateY(300px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.scanner-tips{background:#f9fafb;background:var(--gray-50);border-left:4px solid #3b82f6;border-left:4px solid var(--info-color);border-radius:12px;border-radius:var(--border-radius);margin-top:1.5rem;padding:1rem}.scanner-tips h3{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:.5rem}.scanner-tips ul{list-style:none;padding:0}.scanner-tips li{color:#4b5563;color:var(--gray-600);padding:.25rem 1.5rem .25rem 0;position:relative}.scanner-tips li:before{color:#10b981;color:var(--success-color);content:"✓";font-weight:700;position:absolute;right:0}.environment-info{background:#f9fafb;background:var(--gray-50);border-left:4px solid #3b82f6;border-left:4px solid var(--info-color);border-radius:12px;border-radius:var(--border-radius);margin-top:1.5rem;padding:1rem}.environment-info h3{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:.5rem}.environment-info ul{list-style:none;padding:0}.environment-info li{color:#4b5563;color:var(--gray-600);font-family:Courier New,monospace;font-size:.875rem;padding:.25rem 0}.camera-info{background:#f9fafb;background:var(--gray-50);border-left:4px solid #10b981;border-left:4px solid var(--secondary-color);border-radius:12px;border-radius:var(--border-radius);margin-top:1.5rem;padding:1rem}.camera-info h3{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:.5rem}.camera-info ul{list-style:none;padding:0}.camera-info li{color:#4b5563;color:var(--gray-600);font-size:.875rem;padding:.25rem 0}.product-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.product-id{background:#4f46e5;background:var(--primary-color);border-radius:20px;color:#fff;color:var(--white);font-size:.875rem;font-weight:600;padding:.25rem .75rem}.product-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr;margin-bottom:1.5rem}.product-image-container,.product-image-placeholder{align-items:center;display:flex;justify-content:center}.product-image-placeholder{background:#f3f4f6;background:var(--gray-100);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:12px;border-radius:var(--border-radius);color:#6b7280;color:var(--gray-500);flex-direction:column;height:120px;width:120px}.image-icon{font-size:2rem;margin-bottom:.5rem}.product-info{display:flex;flex-direction:column;gap:.75rem}.info-row{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-label{color:#374151;color:var(--gray-700);font-weight:600;min-width:100px}.info-value{color:#1f2937;color:var(--gray-800);direction:ltr;text-align:left}.info-value.price{color:#10b981;color:var(--success-color);font-size:1.1rem;font-weight:700}.info-value.store{color:#4f46e5;color:var(--primary-color);font-weight:600}.info-value.description{direction:rtl;text-align:right}.product-footer{border-top:2px solid #e5e7eb;border-top:2px solid var(--gray-200);justify-content:space-between;padding-top:1rem}.product-footer,.status-badge{align-items:center;display:flex}.status-badge{background:#10b981;background:var(--success-color);border-radius:20px;color:#fff;color:var(--white);font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.status-icon{font-size:1rem}.last-updated{color:#6b7280;color:var(--gray-500);font-size:.875rem}.upload-area{background:#f9fafb;background:var(--gray-50);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease;transition:var(--transition)}.upload-area:hover{background-opacity:.05;background:#4f46e5;background:var(--primary-color)}.upload-area.drag-active,.upload-area:hover{border-color:#4f46e5;border-color:var(--primary-color)}.upload-area.drag-active{background:#4f46e51a}.file-input{display:none}.upload-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.upload-icon{color:#9ca3af;color:var(--gray-400);font-size:3rem;margin-bottom:.5rem}.upload-text{color:#374151;color:var(--gray-700);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.upload-subtext{color:#6b7280;color:var(--gray-500);font-size:.875rem}.image-preview{text-align:center}.preview-image{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:1rem;max-height:200px;max-width:100%}.image-actions{display:flex;gap:.75rem;justify-content:center}.change-button,.remove-button{border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.remove-button{background:#ef4444;background:var(--danger-color);color:#fff;color:var(--white)}.remove-button:hover{background:#dc2626}.change-button{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.change-button:hover{background:#d1d5db;background:var(--gray-300)}.upload-tips{background:#f9fafb;background:var(--gray-50);border-left:4px solid #f59e0b;border-left:4px solid var(--accent-color);border-radius:12px;border-radius:var(--border-radius);margin-top:1rem;padding:1rem}.upload-tips p{color:#1f2937;color:var(--gray-800);font-weight:600;margin-bottom:.5rem}.upload-tips ul{list-style:none;padding:0}.upload-tips li{color:#4b5563;color:var(--gray-600);padding:.25rem 1.5rem .25rem 0;position:relative}.upload-tips li:before{content:"💡";position:absolute;right:0}.price-input-container{align-items:center;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--border-radius);display:flex;margin-bottom:1rem;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.price-input-container.focused{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.currency-symbol{background:#f3f4f6;background:var(--gray-100);border-left:1px solid #d1d5db;border-left:1px solid var(--gray-300);color:#4b5563;color:var(--gray-600)}.currency-symbol,.price-field{font-weight:600;padding:.75rem 1rem}.price-field{border:none;direction:ltr;flex:1 1;font-size:1.1rem;outline:none;text-align:left}.price-display{margin-bottom:1rem;text-align:center}.formatted-price{background:#f9fafb;background:var(--gray-50);border:2px solid #10b981;border:2px solid var(--success-color);border-radius:12px;border-radius:var(--border-radius);color:#10b981;color:var(--success-color);display:inline-block;font-size:1.5rem;font-weight:700;padding:.75rem 1.5rem}.price-validation{margin-bottom:1rem}.validation-message{align-items:center;border-radius:12px;border-radius:var(--border-radius);display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem}.validation-message.info{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6;color:var(--info-color)}.validation-message.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--success-color)}.validation-message.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--danger-color)}.price-tips{background:#f9fafb;background:var(--gray-50);border-left:4px solid #10b981;border-left:4px solid var(--success-color);border-radius:12px;border-radius:var(--border-radius);padding:1rem}.price-tips p{color:#1f2937;color:var(--gray-800);font-weight:600;margin-bottom:.5rem}.price-tips ul{list-style:none;padding:0}.price-tips li{color:#4b5563;color:var(--gray-600);padding:.25rem 1.5rem .25rem 0;position:relative}.price-tips li:before{content:"💰";position:absolute;right:0}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:2rem}.spinner-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.spinner{height:60px;position:relative;width:60px}.spinner-small .spinner{height:20px;width:20px}.spinner-medium .spinner{height:40px;width:40px}.spinner-large .spinner{height:80px;width:80px}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#4f46e5;border-top:3px solid var(--primary-color);position:absolute}.spinner-ring:first-child{animation-delay:0s;height:100%;width:100%}.spinner-ring:nth-child(2){animation-delay:.1s;border-top-color:#10b981;border-top-color:var(--secondary-color);height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-delay:.2s;border-top-color:#f59e0b;border-top-color:var(--accent-color);height:60%;left:20%;top:20%;width:60%}.spinner-ring:nth-child(4){animation-delay:.3s;border-top-color:#f97316;border-top-color:var(--warning-color);height:40%;left:30%;top:30%;width:40%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:#4b5563;color:var(--gray-600);font-weight:600;text-align:center}.input-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.submit-button{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;transition:var(--transition);width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#3730a3,#4f46e5);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.connection-info{margin-bottom:1rem}.connection-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem}.connection-title{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.connection-status{margin-bottom:1.5rem}.status-indicator{align-items:center;border-radius:12px;border-radius:var(--border-radius);display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem}.status-indicator.secure{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--success-color)}.status-indicator.insecure{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f97316;color:var(--warning-color)}.status-icon{font-size:1.2rem}.connection-details{margin-bottom:1.5rem}.detail-row{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#374151;color:var(--gray-700);font-weight:600}.detail-value{align-items:center;display:flex;gap:.5rem}.detail-value code{background:#f3f4f6;background:var(--gray-100);border-radius:4px;direction:ltr;font-family:Courier New,monospace;text-align:left}.copy-button,.detail-value code{font-size:.875rem;padding:.25rem .5rem}.copy-button{background:#4f46e5;background:var(--primary-color);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;transition:all .3s ease;transition:var(--transition)}.copy-button:hover{background:#3730a3;background:var(--primary-dark)}.camera-success,.camera-warning{border-radius:12px;border-radius:var(--border-radius);margin-bottom:1rem;padding:1rem}.camera-warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f97316;color:var(--warning-color)}.camera-success{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--success-color)}.camera-success h4,.camera-warning h4{font-size:1rem;margin-bottom:.5rem}.camera-success p,.camera-warning p{line-height:1.5;margin-bottom:.5rem}.camera-success ul,.camera-warning ul{list-style:none;margin:.5rem 0;padding:0}.camera-success li,.camera-warning li{padding:.25rem 1.5rem .25rem 0;position:relative}.camera-warning li:before{color:#f97316;color:var(--warning-color);content:"•";position:absolute;right:0}.camera-success li:before{color:#10b981;color:var(--success-color);content:"✓";position:absolute;right:0}.connection-tips{background:#f9fafb;background:var(--gray-50);border-left:4px solid #3b82f6;border-left:4px solid var(--info-color);border-radius:12px;border-radius:var(--border-radius);padding:1rem}.connection-tips h4{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:.5rem}.connection-tips ul{list-style:none;margin:0;padding:0}.connection-tips li{color:#4b5563;color:var(--gray-600);line-height:1.4;padding:.25rem 1.5rem .25rem 0;position:relative}.connection-tips li:before{content:"💡";position:absolute;right:0;top:.25rem}.connection-tips strong{color:#1f2937;color:var(--gray-800)}@media (max-width:768px){.app-title{font-size:1.5rem}.app-subtitle{font-size:1rem}.container{gap:1.5rem;padding:0 .5rem}.barcode-scanner .scanner-card,.image-upload .upload-card,.price-input .price-card,.product-display .product-card,section{padding:1rem}.input-group{flex-direction:column;gap:.5rem}.search-button{width:100%}.product-content{gap:1rem;grid-template-columns:1fr}.product-header{gap:.5rem}.product-footer,.product-header{flex-direction:column;text-align:center}.product-footer{gap:.75rem}.input-grid{gap:1rem;grid-template-columns:1fr}.upload-area{padding:1.5rem}.upload-icon{font-size:2rem}.image-actions{flex-direction:column;gap:.5rem}.change-button,.remove-button{width:100%}.formatted-price{font-size:1.25rem;padding:.5rem 1rem}.detail-row{align-items:flex-start;flex-direction:column;gap:.5rem}.detail-value{justify-content:space-between;width:100%}}@media (max-width:480px){.app-header,.app-main{padding:1rem .5rem}.app-title{font-size:1.25rem}.price-title,.product-title,.scanner-title,.upload-title{font-size:1.1rem}.camera-button{font-size:.9rem;padding:.75rem}.camera-frame{height:200px}@keyframes scanLine{0%{transform:translateY(0)}to{transform:translateY(200px)}}.product-image-placeholder{height:100px;width:100px}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.info-label{min-width:auto}.info-value,.info-value.price,.info-value.store{direction:rtl;text-align:right}.upload-text{font-size:1rem}.submit-button{font-size:1rem;padding:.875rem 1.5rem}.camera-item{align-items:stretch;flex-direction:column;gap:.5rem}.camera-details{justify-content:center}.test-specific-camera-button{width:100%}.error-actions{gap:.75rem}.reload-button,.settings-button{font-size:.9rem;padding:1rem}}@media (hover:hover){.barcode-scanner .scanner-card:hover,.image-upload .upload-card:hover,.price-input .price-card:hover,.product-display .product-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}}@media print{.app{background:#fff}.camera-section,.submit-button,.upload-area{display:none}section{border:1px solid #d1d5db;border:1px solid var(--gray-300);box-shadow:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){:root{--gray-50:#1f2937;--gray-100:#374151;--gray-200:#4b5563;--gray-300:#6b7280;--white:#1f2937}.app,body{background:linear-gradient(135deg,#1f2937,#111827)}.app-header,section{background:#1f2937f2}.barcode-scanner .scanner-card,.image-upload .upload-card,.price-input .price-card,.product-display .product-card{background:#1f2937;background:var(--gray-800);color:#f3f4f6;color:var(--gray-100)}}
/*# sourceMappingURL=main.76c7b193.css.map*/