body {
    background-color: #f0f4f7; 
    font-family: 'Arial', sans-serif;
}

.container {
    margin-top: 20px;
    padding: 20px;
    background-color: #ffffff; 
    border: 2px solid #a3a3a3; 
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

h1, h2, h3 {
    color: #3e3e3e; 
}

table {
    width: 100%;
    margin-top: 20px;
}

.table {
    border-collapse: collapse; 
}

.table th, .table td {
    padding: 12px;
    text-align: left;
    border: 1px solid #d1d1d1; 
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #3c8f55; 
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #529e52; 
}

.btn-primary {
    background-color: #5cb85c; 
    border: none;
}

.btn-primary:hover {
    background-color: #4cae4c; 
}

.btn-light {
    background-color: #f8f9fa; 
    color: #333; 
}

.btn-light:hover {
    background-color: #e2e6ea; 
}

.alert {
    border-radius: 5px; 
}

.alert-success {
    background-color: #d4edda; 
    color: #155724; 
}

.alert-danger {
    background-color: #f8d7da; 
    color: #721c24; 
}