body { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); font-family: 'Segoe UI', sans-serif; }
.scanner-frame { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
.scanner-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }
.scan-zone { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250px; height: 250px; border: 4px solid #00ff88; border-radius: 10px; box-shadow: 0 0 0 2000px rgba(0,0,0,0.5); }
.stat-card { background: rgba(255,255,255,0.9); border-radius: 15px; padding: 20px; text-align: center; font-weight: bold; font-size: 1.1em; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
footer { backdrop-filter: blur(10px); }
@media (max-width: 576px) { .scan-zone { width: 200px; height: 200px; } }