/* Custom styles for a better look and feel */
body {
    background-color: #f1f5f9;
    /* Light gray background */
    font-family: 'Inter', sans-serif;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 40;
}

.modal {
    z-index: 50;
}

.soon-to-expire {
    background-color: #fef9c3;
    /* yellow-100 */
    border-left: 4px solid #facc15;
    /* yellow-400 */
}

.expired {
    background-color: #fee2e2;
    /* red-100 */
    border-left: 4px solid #ef4444;
    /* red-500 */
}