body{margin:0;min-width:320px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ef5350;--secondary: #42a5f5;--success: #66bb6a;--warning: #ffca28;--danger: #ef5350;--light-bg: #f5f5f5;--white: #ffffff;--text-dark: #212121;--text-gray: #757575;--border: #e0e0e0;--shadow: rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--light-bg);color:var(--text-dark)}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--white);padding:20px;text-align:center;box-shadow:0 2px 4px var(--shadow);border-bottom:3px solid var(--primary)}.header h1{font-size:2rem;color:var(--primary);margin-bottom:8px}.header p{color:var(--text-gray);font-size:.95rem}.main{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%}.btn{padding:15px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px var(--shadow);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--secondary);color:#fff}.upload-section{display:flex;flex-direction:column;gap:15px;padding:40px 20px;background:var(--white);border-radius:12px;box-shadow:0 2px 8px var(--shadow)}.camera-section{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow)}.camera-container{position:relative;width:100%;min-height:400px;background:#000;display:flex;align-items:center;justify-content:center}.camera-video{width:100%;height:auto;min-height:400px;max-height:70vh;display:block;background:#000;object-fit:cover}.card-guide-overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.card-guide{position:relative;width:70%;aspect-ratio:.7;max-width:300px}.guide-corner{position:absolute;width:30px;height:30px;border:3px solid #fff}.guide-top-left{top:0;left:0;border-right:none;border-bottom:none;border-radius:8px 0 0}.guide-top-right{top:0;right:0;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.guide-bottom-left{bottom:0;left:0;border-right:none;border-top:none;border-radius:0 0 0 8px}.guide-bottom-right{bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 8px}.guide-text{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.camera-controls{padding:15px;display:flex;gap:10px;justify-content:center}.image-preview{background:var(--white);border-radius:12px;padding:15px;box-shadow:0 2px 8px var(--shadow)}.image-preview img{width:100%;border-radius:8px;margin-bottom:15px;display:block}.loading{text-align:center;padding:40px;background:var(--white);border-radius:12px;box-shadow:0 2px 8px var(--shadow)}.spinner{border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{color:var(--text-gray);font-size:1.1rem}.ocr-result{background:var(--white);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px var(--shadow);border-left:4px solid var(--success)}.ocr-result h3{color:var(--primary);margin-bottom:15px;font-size:1.2rem}.ocr-result p{margin-bottom:10px;line-height:1.6}.ocr-result strong{color:var(--text-dark);display:inline-block;min-width:100px}.error{background:#ffebee;border:2px solid var(--danger);border-radius:12px;padding:20px;margin-bottom:20px;text-align:center}.error p{color:var(--danger);font-weight:600;font-size:1rem}.card-result{background:var(--white);border-radius:12px;padding:20px;box-shadow:0 2px 8px var(--shadow);text-align:center}.card-result h2{color:var(--primary);margin-bottom:20px;font-size:1.8rem}.card-image{width:100%;max-width:400px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px var(--shadow)}.card-info{text-align:left;background:var(--light-bg);padding:20px;border-radius:8px}.card-info p{margin-bottom:12px;line-height:1.6;font-size:1rem}.card-info strong{color:var(--text-dark);display:inline-block;min-width:100px}@media(max-width:600px){.header h1{font-size:1.5rem}.main{padding:15px}.btn{padding:12px 20px;font-size:.9rem}.card-result h2{font-size:1.5rem}}