.blr-result-wrapper { max-width: 800px; margin: 20px auto; font-family: sans-serif; color: #333; }
.blr-header-card { background: #002147; color: #fff; padding: 20px; border-radius: 8px 8px 0 0; display: flex; align-items: center; gap: 20px; border-bottom: 4px solid #d4af37; }
.blr-logo-area .blr-logo { max-width: 70px; height: auto; }
.blr-title-area h2 { margin: 0 0 5px 0; font-size: 22px; color: #fff; }
.blr-title-area p { margin: 0; font-size: 14px; color: #d4af37; }
.blr-search-card { background: #fff; padding: 25px; border: 1px solid #e0e0e0; border-top: none; border-radius: 0 0 8px 8px; }
.blr-search-card h3 { margin-top: 0; color: #002147; font-size: 18px; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; }
.blr-tabs { display: flex; gap: 10px; margin-bottom: 20px; }
.blr-tab-btn { flex: 1; padding: 10px; background: #f1f1f1; border: 1px solid #ccc; cursor: pointer; font-weight: 600; border-radius: 4px; }
.blr-tab-btn.active { background: #002147; color: #fff; border-color: #002147; }
.blr-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.blr-form-group label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 14px; }
.blr-form-group input, .blr-form-group select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.blr-btn-primary { background: #002147; color: #fff; border: none; padding: 12px 25px; font-size: 16px; font-weight: 600; border-radius: 4px; cursor: pointer; width: 100%; }
.blr-loading { text-align: center; padding: 20px; }
.blr-spinner { border: 4px solid #f3f3f3; border-top: 4px solid #002147; border-radius: 50%; width: 35px; height: 35px; animation: blr-spin 1s linear infinite; margin: 0 auto 10px auto; }
@keyframes blr-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.blr-alert-error { background: #f8d7da; color: #721c24; padding: 12px; border-radius: 4px; margin-top: 15px; }
.blr-result-container { margin-top: 30px; }
.blr-result-card { background: #fff; border: 2px solid #002147; border-radius: 8px; padding: 25px; }
.blr-result-header { text-align: center; border-bottom: 2px solid #d4af37; padding-bottom: 10px; margin-bottom: 20px; }
.blr-result-header h3 { margin: 0; color: #002147; font-size: 24px; }
.blr-student-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; background: #f9f9f9; padding: 15px; border-radius: 6px; margin-bottom: 20px; }
.blr-status-badge.pass { background: #d4edda; color: #155724; padding: 2px 6px; font-weight: bold; }
.blr-status-badge.fail { background: #f8d7da; color: #721c24; padding: 2px 6px; font-weight: bold; }
.blr-marks-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.blr-marks-table th, .blr-marks-table td { border: 1px solid #ddd; padding: 10px; text-align: center; font-size: 14px; }
.blr-marks-table th { background: #002147; color: #fff; }
.blr-print-actions { text-align: right; }
.blr-btn-secondary { background: #d4af37; color: #002147; border: none; padding: 10px 20px; font-weight: bold; border-radius: 4px; cursor: pointer; }
@media print { body * { visibility: hidden; } #blr-printable-area, #blr-printable-area * { visibility: visible; } #blr-printable-area { position: absolute; left: 0; top: 0; width: 100%; border: none; } .blr-print-actions { display: none; } }