.booking-card {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    background: #f9f9f9;
}

.cancel-btn {
    background: #dc3545;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    float: right;
}

.cancel-info {
    font-size: 12px;
    color: #888;
    margin-top: 5px;
}

.cancelled {
    text-decoration: line-through;
    color: gray;
}

.pending-status {
    color: orange;
}

.confirmed-status {
    color: green;
}

.completed-status {
    color: #155724;
}

.cancelled-status {
    color: red;
}