@import "../vendor/bootstrap/dist/css/bootstrap.min-z0zQt-h.css";
@import "../vendor/tom-select/dist/css/tom-select.bootstrap5-R-kDkyu.css";
@import "../vendor/@fortawesome/fontawesome-free/css/all.min-rL6Md77.css";


:root {
    --bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);
}

body {
    background: var(--bg-gradient);
    min-height: 100vh;
    font-feature-settings: "kern", "liga";
}

.navbar-brand {
    font-weight: 600;
    letter-spacing: -0.5px;
}

.nav-link.active, .nav-link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.dropdown-toggle::after {
    margin-left: 0.3rem;
}

.container {
    max-width: 1280px;
}

.card {
    transition: transform 0.2s, box-shadow 0.2s;
    backdrop-filter: blur(4px);
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.btn-outline-success:hover {
    background-color: #198754 !important;
}

.footer {
    margin-top: 60px;
    padding: 30px 0;
    background: #2c3e50;
    color: #ecf0f1;
    text-align: center;
    border-top: 1px solid #34495e;
}

.footer a {
    color: #3498db;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

#navbarNav {
    padding-top: 0;
    margin-top: 4px;
    font-size: 13px;
}