/* Original CSS retained */
body { background: linear-gradient(to right, #f8f9fa, #e9ecef); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.card { border-radius: 1rem; box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
.card-header { background: #007BFF; color: #fff; border-radius: 1rem 1rem 0 0; font-size: 1.3rem; font-weight: 600; text-align:center; }
.qr-img { max-width: 180px; border: 1px solid #ddd; padding: 5px; background: #fff; border-radius: .5rem; transition: opacity 0.5s; }
.input-group-text { cursor: pointer; }
.form-label { font-weight: 600; }
.btn-primary { background: linear-gradient(90deg, #0d6efd, #0b5ed7); border: none; }
.qr-placeholder { font-style: italic; color: #6c757d; margin-top: 40px; }
@media(max-width:767px){ .border-end { border-right: none !important; border-bottom: 1px solid #dee2e6; margin-bottom: 1rem; padding-bottom: 1rem; } }
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}