/* Universal: pull content up slightly on every page */
/* .main-content .page-content > .container-fluid {
  margin-top: -19px !important;
} */

/* Optional: keep breadcrumbs tight */
.page-title-box .breadcrumb { margin-bottom: 0 !important; }

/*# sourceMappingURL=custom.min.css.map */

.card-animate {
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.08);
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
}

.card-animate::after {
    content: "";
    position: absolute;
    right: -35px;
    top: -35px;
    width: 110px;
    height: 110px;
    background: rgba(59, 130, 246, 0.10);
    border-radius: 50%;
}

.card-animate:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.14);
}

.card-animate .card-body {
    padding: 24px;
    position: relative;
    z-index: 2;
}

.card-animate .avatar-title {
    width: 50px;
    height: 50px;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #38454a, #535353) !important;
    color: #fff !important;
    font-size: 24px !important;
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.28);
}

.card-animate .text-uppercase {
    font-size: 12px;
    letter-spacing: 0.8px;
    font-weight: 700 !important;
    color: #64748b !important;
    margin-bottom: 10px !important;
}

.card-animate h4 {
    font-size: 22px !important;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6px !important;
}

.card-animate .text-muted {
    font-size: 14px;
    font-weight: 500;
    color: #64748b !important;
}
.dashboard-card .card h4{
    float: right;
    position: absolute;
    top: 10px;
    right: 20px;
}

/* Left bar CSS */

.app-menu.navbar-menu {
    /* width: 280px; */
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-right: 1px solid #e5e7eb;
    box-shadow: 8px 0 30px rgba(15, 23, 42, 0.06);
}

.navbar-brand-box {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eef2f7;
    background: #f3f6f9;
    height: 60px;
}

.navbar-brand-box .logo-lg h3,
.navbar-brand-box .logo-sm h3 {
    margin: 0 !important;
}
.navbar-brand-box img {
    min-width: 100%;
    width: auto !important;
    max-height: 80px !important;
    min-height: 55px;
    padding: 5px 14px;
    background: none !important;
    border: none !important;
    object-fit: contain;
}
.dashboard-card .card .Subscription h4 {
    font-size: 12px !important;
    bottom: 5px !important;
    top: auto;
}
.dashboard-card .card .Subscription span.badge {
    position: absolute;
    top: 13px;
    right: 11px;
}
#scrollbar {
    padding: 18px 14px;
}

.navbar-nav .menu-title {
    margin: 12px 10px 14px;
}

.navbar-nav .menu-title span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #94a3b8;
}

.navbar-nav .nav-item {
    margin-bottom: 6px;
}

.navbar-nav .nav-link.menu-link {
    min-height: 48px;
    padding: 10px 14px;
    border-radius: 14px;
    color: #64748b;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.25s ease;
}

.navbar-nav .nav-link.menu-link i {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 11px;
    background: #f1f5f9;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: all 0.25s ease;
}

.navbar-nav .nav-link.menu-link:hover {
    background: #eff6ff;
    color: #38454a;
    transform: translateX(4px);
}

.navbar-nav .nav-link.menu-link:hover i {
    background: #dbeafe;
    color: #38454a;
}

.navbar-nav .nav-link.menu-link.active {
    background: linear-gradient(135deg, #38454a, #535353);
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.25);
}

.navbar-nav .nav-link.menu-link.active i {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff !important;
}

.menu-dropdown {
    margin: 6px 0 8px 25px;
    border-left: 2px solid #e2e8f0;
}

.menu-dropdown .nav-link {
    padding: 9px 12px;
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    transition: all 0.25s ease;
}

.menu-dropdown .nav-link:hover,
.menu-dropdown .nav-link.active {
    background: #f1f5f9;
    color: #2563eb;
}

.nav-link[data-bs-toggle="collapse"]::after {
    margin-left: auto;
    font-size: 12px;
    color: #94a3b8;
}

.btn-vertical-sm-hover {
    display: none;
}

.sidebar-background {
    display: none;
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: auto;
    transition: transform .2s ease;
    font-size: 12px;
    position: absolute;
    right: 18px;
    color: inherit;
}
:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu a.nav-link.menu-link {
    padding-left: 4px;
}