:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100vh;margin:0}body{background:#f3f4f6;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.scanner-page{background:#f3f4f6;min-height:100vh;padding:24px 16px}.scanner-container{width:100%;max-width:680px;margin:0 auto}.scanner-header{text-align:center;margin-bottom:28px}.scanner-icon{background:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:30px;display:flex;box-shadow:0 4px 12px #00000014}.scanner-header h1{color:#1f2937;margin:0 0 10px;font-size:28px;font-weight:700}.scanner-header p{color:#6b7280;max-width:500px;margin:0 auto;line-height:1.6}.scanner-actions{background:#fff;border-radius:18px;padding:20px;box-shadow:0 4px 16px #00000014}.primary-action,.secondary-action,.upload-button{border-radius:12px;width:100%;min-height:52px;font-size:16px;font-weight:600;transition:transform .2s,opacity .2s}.primary-action:hover,.secondary-action:hover,.upload-button:hover{transform:translateY(-1px)}.primary-action{color:#fff;background:#2563eb;border:none}.secondary-action{color:#374151;background:#fff;border:1px solid #d1d5db}.action-divider{color:#9ca3af;align-items:center;gap:12px;margin:16px 0;font-size:12px;font-weight:600;display:flex}.action-divider:before,.action-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.scanner-preview{background:#fff;border:2px dashed #d1d5db;border-radius:18px;justify-content:center;align-items:center;min-height:220px;margin-top:24px;display:flex}.preview-placeholder{text-align:center;color:#9ca3af}.preview-icon{margin-bottom:12px;font-size:44px}.preview-placeholder p{margin:0;line-height:1.5}.scanner-review{background:#fff;border-radius:18px;margin-top:24px;padding:24px;box-shadow:0 4px 16px #00000014}.review-header{margin-bottom:20px}.review-header h2{color:#1f2937;margin:0 0 6px;font-size:22px}.review-header p{color:#6b7280;font-size:14px;line-height:1.5}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group input,.form-group textarea{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:13px 14px}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-group textarea{resize:vertical}.upload-button{color:#fff;background:#16a34a;border:none;margin-top:24px}@media (width<=600px){.scanner-page{padding:20px 14px}.scanner-header h1{font-size:25px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.scanner-review{padding:20px}}.hidden-file-input{display:none}.image-preview-wrapper{flex-direction:column;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.business-card-preview{object-fit:contain;border-radius:12px;width:100%;max-height:400px}.remove-image-button{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 18px;font-weight:600}.scanning-status{color:#1f4f8a;background:#eaf2ff;border:1px solid #9dbcf2;border-radius:12px;align-items:center;gap:14px;margin:18px 0 24px;padding:16px 20px;display:flex}.scanning-status strong{margin-bottom:4px;font-size:22px;display:block}.scanning-status p{color:#55708f;margin:0;font-size:16px}.scanning-spinner{border:3px solid #c9d9f0;border-top-color:#2563eb;border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.8s linear infinite scanning-spin}@keyframes scanning-spin{to{transform:rotate(360deg)}}@media (width<=600px){.scanning-status{border-radius:10px;gap:10px;margin:14px 0 18px;padding:12px 14px}.scanning-status strong{margin-bottom:2px;font-size:17px}.scanning-status p{font-size:13px;line-height:1.4}.scanning-spinner{border-width:3px;width:22px;height:22px}}.success-status{color:#166534;background:#ecfdf3;border:1px solid #86d7a4;border-radius:12px;align-items:center;gap:14px;margin:18px 0 24px;padding:16px 20px;display:flex}.success-icon{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:700;display:flex}.success-status strong{margin-bottom:4px;font-size:18px;display:block}.success-status p{color:#3f6b4c;margin:0;font-size:15px}@media (width<=600px){.success-status{gap:10px;padding:12px 14px}.success-status strong{font-size:16px}.success-status p{font-size:13px}.success-icon{width:28px;height:28px;font-size:17px}}