.nfc-scanner{min-height:100vh;padding:1rem;display:flex;align-items:center;justify-content:center}.scanner-container{background:#fff;border-radius:1.5rem;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.header{text-align:center;margin-bottom:2rem}.header .icon{font-size:3rem;margin-bottom:.5rem}.header h1{font-size:2rem;color:#1f2937;margin-bottom:.5rem}.subtitle{color:#6b7280;font-size:.95rem}.alert{padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;display:flex;gap:.75rem}.alert-error{background:#fef2f2;border:1px solid #fecaca}.alert-icon{font-size:1.5rem;flex-shrink:0}.alert-content strong{display:block;color:#991b1b;margin-bottom:.25rem}.alert-content p{color:#dc2626;font-size:.9rem;margin:0}.actions{margin-bottom:2rem}.btn{width:100%;padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#ef4444;color:#fff;box-shadow:0 4px 15px #ef444466}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.btn-icon{font-size:1.2rem}.scanning-indicator{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;margin-bottom:2rem}.pulse-ring{position:absolute;width:100px;height:100px;border:3px solid #667eea;border-radius:50%;animation:pulse 2s ease-out infinite;opacity:0}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.nfc-icon{font-size:3rem;margin-bottom:1rem;z-index:1;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scanning-indicator p{color:#6b7280;font-size:.95rem;margin-top:.5rem}.results{background:#f9fafb;border-radius:1rem;padding:1.5rem;margin-bottom:1rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.results-header h2{color:#059669;font-size:1.5rem;margin:0}.btn-clear{background:#e5e7eb;color:#374151;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-clear:hover{background:#d1d5db}.tag-info{background:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.info-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.info-item:last-child{border-bottom:none}.info-label{color:#6b7280;font-size:.9rem;font-weight:500}.info-value{color:#1f2937;font-weight:600;text-align:right}.info-value.serial{font-family:monospace;font-size:.85rem;word-break:break-all}.records h3{color:#374151;font-size:1.1rem;margin-bottom:1rem}.record{background:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;border-left:4px solid #667eea}.record:last-child{margin-bottom:0}.record-type{font-weight:600;color:#4f46e5;margin-bottom:.75rem;font-size:1rem}.record-content{display:flex;flex-direction:column;gap:.5rem}.record-field{display:flex;flex-direction:column;gap:.25rem}.field-label{color:#6b7280;font-size:.85rem;font-weight:500}.field-value{color:#1f2937;font-size:.95rem;word-break:break-word}.field-value.link{color:#2563eb;text-decoration:underline}.record-field.error .field-value{color:#dc2626}.footer{text-align:center;padding-top:1rem;border-top:1px solid #e5e7eb}.footer p{color:#6b7280;font-size:.85rem;margin:0}@media (max-width: 640px){.scanner-container{padding:1.5rem;border-radius:1rem}.header h1{font-size:1.5rem}.btn{font-size:1rem;padding:.875rem 1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{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;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;max-width:100%}