body { background-color: #f4f7f6; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.view-section { display: none; animation: fadeIn 0.5s; }
.view-section.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.card { border-radius: 12px; }
.form-control:focus, .form-select:focus { box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); border-color: #86b7fe; }
.modal-content { border-radius: 15px; overflow: hidden; }
/* Màn hình tải (Loading) */
#loading-screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); z-index: 9999; display: flex; flex-direction: column; justify-content: center; align-items: center; }
/* Quét QR UI */
#qr-reader { border-radius: 8px; overflow: hidden; border: 2px solid #0d6efd !important; }
#qr-reader img { display: none !important; }