:root {
    --brand: #123c69;
    --brand2: #0d6efd;
}

/* =========================
   Login Page
========================= */

.login-bg {
    background: linear-gradient(135deg, #0f172a, #123c69);
    min-height: 100vh;
}

.login-icon,
.brand-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: linear-gradient(135deg, #0d6efd, #123c69);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.brand-icon {
    width: 44px;
    height: 44px;
    font-size: 18px;
    background: rgba(255, 255, 255, 0.15);
}

/* =========================
   Vendor Sidebar
========================= */

.vendor-sidebar {
    width: 270px;
    height: 100vh;
    position: sticky;
    top: 0;

    background: linear-gradient(180deg, #0f172a, #123c69);
}

.vendor-sidebar .nav-link {
    color: rgba(255, 255, 255, 0.82);
    padding: 12px 14px;
    border-radius: 12px;
    transition: 0.3s;
}

.vendor-sidebar .nav-link:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

/* =========================
   Top Navigation
========================= */

.topbar {
    position: sticky;
    top: 0;
    z-index: 5;
}

/* =========================
   Dashboard Cards
========================= */

.stat-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 24px;
}

/* =========================
   Candidate Section
========================= */

.candidate-hero {
    background: linear-gradient(135deg, #123c69, #0d6efd);
    min-height: 100vh;
}

/* =========================
   Forms
========================= */


.btn {
    border-radius: 12px;
}

/* =========================
   Cards
========================= */

.card {
    border-radius: 22px;
}

/* =========================
   Responsive
========================= */

@media (max-width: 768px) {

    .vendor-sidebar {
        display: none;
    }

    .topbar {
        position: relative;
    }

}