.table-responsive {
  max-height: 450px;
  overflow-y: auto;
  position: relative;
}
.table-responsive thead th {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 10;
}
/* Add to your existing <style> block */
.deadline-info {
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    padding: 1rem;
    border-left: 4px solid #0d6efd;
    margin-bottom: 1rem;
}

.deadline-info .alert-sm {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

/* Time remaining colors */
.text-danger.fw-bold {
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* Responsive deadline info */
@media (max-width: 768px) {
    .deadline-info .row > .col-md-6 {
        margin-bottom: 0.5rem;
    }
}