@keyframes blink-animation {
   0% {
     opacity: 1;
   }

   50% {
     opacity: 0.4;
   }

   100% {
     opacity: 1;
   }
 }

 .status-alert-selesai {
   color: #0d6efd !important;
   animation: blink-animation 1.5s infinite ease-in-out;
   font-weight: bold;
 }

 .status-alert-ditugaskan {
   color: #fd7e14 !important;

   animation: blink-animation 1.5s infinite ease-in-out;

   font-weight: bold;
 }

 .score-header-card {
   border: none;
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 }

 .score-header-card .card-body {
   padding: 1.5rem;
 }

 .score-header-card .card-subtitle {
   font-size: 1rem;
   font-weight: 500;
   color: #6c757d;
 }

 .score-header-card .display-4 {
   color: #212529;
 }

 .assessment-card {
   border-radius: 15px;
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
   border: none;
 }

 .section-title {
   font-weight: 600;
   color: #000;
   border-bottom: 2px solid #f0f0f0;
   padding-bottom: 0.5rem;
   margin-bottom: 1.5rem;
   font-size: 1.3rem;
 }

 .question-item {
   margin-bottom: 2rem;
 }

 .question-item .question-text {
   font-weight: 600;
   font-size: 1.1rem;
   color: #343a40;
   margin-bottom: 0.75rem;
 }

 .choice-item {
   padding: 0.25rem 0;
   font-size: 1rem;
   margin-bottom: 0.25rem;
 }

 .answer-box {
   background-color: #f8f9fa;
   border: 1px solid #e9ecef;
   border-radius: 8px;
   padding: 1rem;
 }

 .score-input-wrapper {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   margin-top: 1rem;
 }

 .score-input-wrapper label {
   font-weight: 600;
   font-size: 0.9rem;
 }

 .score-input {
   width: 100px;
   font-weight: 600;
   text-align: center;
   border-radius: 8px;
 }

 .score-badge {
   background-color: #d1e7dd;
   color: #0f5132;
   padding: 0.5em 0.75em;
   border-radius: 8px;
   font-weight: 700;
   font-size: 1rem;
 }

 .score-header-card {
   border: none;
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 }

 .score-header-card .card-body {
   padding: 1.5rem;
 }

 .score-header-card .card-subtitle {
   font-size: 1rem;
   font-weight: 500;
   color: #6c757d;
 }

 .score-header-card .display-4 {
   color: #212529;
 }

 .assessment-card {
   border-radius: 15px;
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
   border: none;
 }

 .section-title {
   font-weight: 600;
   color: #000;
   border-bottom: 2px solid #f0f0f0;
   padding-bottom: 0.5rem;
   margin-bottom: 1.5rem;
   font-size: 1.3rem;
 }

 .question-item {
   margin-bottom: 2rem;
 }

 .question-item .question-text {
   font-weight: 600;
   font-size: 1.1rem;
   color: #343a40;
   margin-bottom: 0.75rem;
 }

 .choice-item {
   padding: 0.25rem 0;
   font-size: 1rem;
   margin-bottom: 0.25rem;
 }

 .answer-box {
   background-color: #f8f9fa;
   border: 1px solid #e9ecef;
   border-radius: 8px;
   padding: 1rem;
 }

 .score-input-wrapper {
   display: flex;
   align-items: center;
   gap: 0.5rem;

   margin-top: 1rem;
 }

 .score-input-wrapper label {
   font-weight: 600;
   font-size: 0.9rem;
   margin-bottom: 0;

 }


 .score-display-badge {
   display: inline-block;
   padding: 0.4em 0.8em;
   font-size: 1rem;
   font-weight: 600;
   text-align: center;
   border: 1px solid #ced4da;
   background-color: #f8f9fa;
   border-radius: 8px;
   min-width: 60px;
 }

 .edit-score-btn {
   border-radius: 8px;
 }

 .btn-submit-assessment {
   font-size: 1.1rem;
   font-weight: 600;
   padding: 0.75rem 1.5rem;
   border-radius: 10px;
 }