/* Общие стили */
body {
    background-color: #f5f5dc; /* Бежевый фон для всего сайта */
    color: #4f4f4f; /* Темный серый текст */
}

/* Хедер */
header {
    background-color: #e6e6cc; /* Бежевый цвет для хедера */
    color: #4f4f4f;
}

/* Контентная область */
.content-area {
    background-color: #f5f5dc; /* Бежевый цвет для контента */
    color: #4f4f4f;
    min-height: 100vh;
    padding: 20px;
}

/* Футер */
.footer {
    background-color: #f5f5dc; /* Тот же цвет, что и у контента */
    color: #4f4f4f;
    text-align: center;
    padding: 10px;
    height: 50px;
    width: 100%;
}

/* Кнопка Logout */
.btn-link.nav-link {
    text-decoration: none;
    color: #4f4f4f;
    background: none;
    border: none;
    padding: 0;
}
.detail-status-pending { background-color: #fff3cd; } /* Желтый фон для ожидания */
.detail-status-completed { background-color: #d4edda; } /* Зеленый фон для завершенных */
.detail-status-canceled { background-color: #f8d7da; } /* Красный фон для отмененных */
.sale-status-pending {
    background-color: #fff3cd; /* Светло-желтый цвет для ожидающих */
}
.sale-status-completed {
    background-color: #d4edda; /* Светло-зеленый цвет для завершенных */
}
.sale-status-canceled {
    background-color: #f8d7da; /* Светло-красный цвет для отмененных */
}