/* BEGIN AI-GENERATED */
@import url('https://fonts.googleapis.com/css2?family=Cantarell:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --bs-primary: #e52c30;
}

body {
    font-family: 'Cantarell', sans-serif;
}

.btn-primary,
.bg-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-primary:hover {
    background-color: #c8232a !important;
}

.btn-magenta {
    background-color: magenta;
    color: white;
}

.btn-magenta:hover {
    background-color: #d100d1;
    color: white;
}

.btn-orange {
    background-color: orange;
    color: black;
}

.btn-orange:hover {
    background-color: #cc8400;
    color: black;
}

.btn-blue {
    background-color: blue;
    color: white;
}

.btn-blue:hover {
    background-color: #0000cc;
    color: white;
}

.btn-blueviolet {
    background-color: blueviolet;
    color: white;
}

.btn-blueviolet:hover {
    background-color: #7a32cc;
    color: white;
}

.btn-red {
    background-color: red;
    color: white;
}

.btn-red:hover {
    background-color: #cc0000;
    color: white;
}

.btn-yellow {
    background-color: yellow;
    color: black;
}

.btn-yellow:hover {
    background-color: #cccc00;
    color: black;
}

.btn-green {
    background-color: green;
    color: white;
}

.btn-green:hover {
    background-color: #006600;
    color: white;
}

.view-section {
    display: none;
}

.view-section.active {
    display: block;
}

.sidebar {
    background-color: white;
    min-height: 100vh;
    padding-top: 2rem;
    border-right: 5px solid var(--bs-primary);
}

.sidebar .nav-link {
    color: #333;
    font-weight: 500;
    cursor: pointer;
}

.sidebar .nav-link.active {
    background-color: #f8f9fa;
    border-left: 4px solid var(--bs-primary);
    color: var(--bs-primary);
}

.navbar-custom {
    background-color: var(--bs-primary) !important;
}

.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
    color: #fff !important;
    font-size: 1.25rem;
}

.navbar-custom .nav-link.active,
.navbar-custom .nav-link:focus,
.navbar-custom .nav-link:hover {
    color: #ffd6d7 !important;
}
/* END AI-GENERATED */