.scanner-page{min-height:calc(100vh - 90px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.scanning{animation:scannerPulse .7s infinite;opacity:.7;transform:scale(.98);transition:.2s}.scanner-card{width:900px;max-width:100%;background:#ffffffd1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:28px;padding:30px 40px;text-align:center;box-shadow:0 25px 60px #0000001f;border:1px solid rgba(255,255,255,.6)}.scanner-icon{font-size:95px;color:#2563eb;margin-bottom:20px;animation:pulse 2s infinite}#scanStatus{font-size:46px;font-weight:800;color:#173b7a;margin-bottom:8px}#scanSubtitle{font-size:20px;color:#64748b;margin-bottom:25px}.scanner-divider{width:100%;height:2px;background:linear-gradient(90deg,transparent,#cbd5e1,transparent);margin:30px 0}.scanner-ready{display:inline-flex;align-items:center;gap:12px;background:#ecfdf5;color:#16a34a;padding:12px 28px;border-radius:50px;font-weight:700}.ready-dot{width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 15px #22c55e;animation:pulse 1s infinite}#scanResult{margin-top:40px}#nama{font-size:36px;font-weight:700;color:#173b7a;min-height:45px;margin-bottom:6px}#instansi{font-size:20px;color:#64748b;margin-bottom:20px;min-height:30px}#barcode{display:inline-block;padding:12px 35px;background:#2563eb;color:#fff;font-size:28px;font-weight:700;border-radius:14px;letter-spacing:3px}#barcodeInput{position:absolute;opacity:0;pointer-events:none}.scanner-footer{width:900px;max-width:100%;margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.footer-box{background:#fff;border-radius:18px;padding:15px;text-align:center;box-shadow:0 10px 25px #00000014}.footer-box small{display:block;color:#64748b;margin-bottom:8px}.footer-box h3{font-size:32px;color:#173b7a;font-weight:700}.error-animation{animation:errorShake .45s}@keyframes errorShake{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.success-animation{animation:successFlash .5s ease}@keyframes successFlash{0%{transform:scale(.95);box-shadow:0 0 #22c55e00}50%{transform:scale(1.02);box-shadow:0 0 40px #22c55e8c}to{transform:scale(1);box-shadow:0 0 #22c55e00}}@keyframes scannerPulse{0%{transform:scale(1);box-shadow:0 0 #2563eb4d}50%{transform:scale(1.01);box-shadow:0 0 35px #2563eb40}to{transform:scale(1);box-shadow:0 0 #2563eb4d}}