:root {
    --bs-primary: rgb(52, 199, 89) !important;
    --bs-primary-rgb: 52, 199, 89 !important;
    --bs-primary-hover: rgb(48, 209, 88) !important;
    --bs-btn-bg: rgb(52, 199, 89) !important;
    --bs-btn-border-color: rgb(52, 199, 89) !important;
    --bs-btn-hover-bg: rgb(48, 209, 88) !important;
    --bs-btn-hover-border-color: rgb(48, 209, 88) !important;
    --bs-btn-active-bg: rgb(48, 209, 88) !important;
    --bs-btn-active-border-color: rgb(48, 209, 88) !important;
    --bs-btn-focus-shadow-rgb: 52, 199, 89 !important;
}

.border-primary {
    border-color: var(--bs-primary) !important;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-color: #fff;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: var(--bs-primary-hover) !important;
    border-color: var(--bs-primary-hover) !important;
    --bs-btn-bg: var(--bs-primary-hover);
    --bs-btn-border-color: var(--bs-primary-hover);
    --bs-btn-color: #fff;
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
    --bs-btn-bg: var(--bs-primary-hover);
    --bs-btn-border-color: var(--bs-primary-hover);
    --bs-btn-color: #fff;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(52, 199, 89, 0.25) !important;
}

.bg-primary,
.badge-primary,
.alert-primary,
.progress-bar {
    background-color: var(--bs-primary) !important;
}

.page-item.active .page-link {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.page-link:hover {
    background-color: var(--bs-primary-hover) !important;
    border-color: var(--bs-primary-hover) !important;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #f8f9fa;
}

.login-container {
    width: 100%;
    max-width: 400px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
}