html {
    background: #eef5f7;
}

body,
.fi-body {
    background:
        linear-gradient(180deg, #eef7f6 0%, #f6fafb 42%, #eef2f7 100%);
}

.fi-sidebar {
    background:
        linear-gradient(180deg, #073b3f 0%, #0f2f3a 55%, #172033 100%) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 18px 0 40px rgba(15, 47, 58, 0.16);
}

.fi-sidebar-header {
    background: rgba(255, 255, 255, 0.06) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.fi-sidebar .fi-logo,
.fi-sidebar .fi-sidebar-nav-groups,
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.9) !important;
}

.fi-sidebar .fi-sidebar-group-label {
    color: rgba(182, 240, 233, 0.78) !important;
    font-weight: 700;
}

.fi-sidebar .fi-sidebar-item a {
    border-radius: 10px;
    margin-inline: 8px;
}

.fi-sidebar .fi-sidebar-item a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.fi-sidebar .fi-sidebar-item.fi-active a,
.fi-sidebar .fi-sidebar-item a[aria-current="page"] {
    background: #14b8a6 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(20, 184, 166, 0.28);
}

.fi-sidebar .fi-badge {
    background: #f43f5e !important;
    color: #ffffff !important;
}

.fi-main,
.fi-simple-main {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.58)),
        #eef5f7;
}

.fi-topbar {
    background: rgba(255, 255, 255, 0.86) !important;
    border-bottom: 1px solid rgba(15, 47, 58, 0.08);
    backdrop-filter: blur(14px);
}

.fi-page {
    background: transparent;
}

.fi-section,
.fi-ta-ctn,
.fi-wi-widget {
    border-color: rgba(15, 47, 58, 0.08) !important;
    box-shadow: 0 16px 36px rgba(15, 47, 58, 0.08);
}

.it-stat-card {
    position: relative;
    overflow: hidden;
    border: 0 !important;
}

.it-stat-card::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.92;
    z-index: 0;
}

.it-stat-card > * {
    position: relative;
    z-index: 1;
}

.it-stat-card-tickets::before {
    background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 48%, #fecdd3 100%);
}

.it-stat-card-projects::before {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 50%, #bfdbfe 100%);
}

.it-stat-card-stock::before {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 52%, #fde68a 100%);
}

.it-stat-card-requests::before {
    background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 50%, #99f6e4 100%);
}

.it-stat-card-sla::before {
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 50%, #fbcfe8 100%);
}

.it-stat-card-tickets {
    box-shadow: 0 18px 38px rgba(244, 63, 94, 0.16) !important;
}

.it-stat-card-projects {
    box-shadow: 0 18px 38px rgba(59, 130, 246, 0.16) !important;
}

.it-stat-card-stock {
    box-shadow: 0 18px 38px rgba(245, 158, 11, 0.18) !important;
}

.it-stat-card-requests {
    box-shadow: 0 18px 38px rgba(20, 184, 166, 0.18) !important;
}

.it-stat-card-sla {
    box-shadow: 0 18px 38px rgba(219, 39, 119, 0.16) !important;
}

.dark .fi-sidebar {
    background:
        linear-gradient(180deg, #062f35 0%, #102737 55%, #111827 100%) !important;
}