.qr-container{min-height:100vh;background-color:#f9fafb}.qr-card{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border-radius:.5rem}.qr-error-icon{width:4rem;height:4rem;margin:0 auto 1rem;border-radius:9999px;align-items:center}.qr-button-primary,.qr-error-icon{display:flex;justify-content:center}.qr-button-primary{width:100%;padding:.5rem 1rem;border:1px solid transparent;border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);font-size:.875rem;font-weight:500;color:#fff;background-color:#2563eb;transition:background-color .15s ease-in-out}.qr-button-primary:hover{background-color:#1d4ed8}.qr-button-primary:focus{outline:none;box-shadow:0 0 0 2px #2563eb,0 0 0 4px rgba(37,99,235,.1)}.qr-button-primary:disabled{opacity:.5;cursor:not-allowed}.qr-button-secondary{width:100%;display:flex;justify-content:center;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);font-size:.875rem;font-weight:500;color:#374151;background-color:#fff;transition:background-color .15s ease-in-out}.qr-button-secondary:hover{background-color:#f9fafb}.qr-button-secondary:focus{outline:none;box-shadow:0 0 0 2px #2563eb,0 0 0 4px rgba(37,99,235,.1)}.qr-input{appearance:none;display:block;width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);font-size:.875rem}.qr-input::placeholder{color:#9ca3af}.qr-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}@media (max-width:640px){.qr-container{padding:1.5rem 1rem}.qr-card{box-shadow:none;border:1px solid #e5e7eb}}