@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
    --kendo-font-family: Poppins;
    --bs-body-font-family: Poppins;
    --kendo-font-size: 16px;
    --bs-body-font-size: 16px;
}

.kendo-dark{
    background-color: var(--kendo-color-surface, #292b2c);
    color: var(--kendo-color-on-base, white);
}

.app-shadow{
    box-shadow: 0 12px 30px rgba(18, 34, 64, 0.18), 
        0 3px 10px rgba(18, 34, 64, 0.5) !important;
    border: 1px solid rgba(18, 34, 64, 0.08);
    filter: drop-shadow(0 4px 12px rgba(18, 34, 64, 0.16));
    transform: translateZ(0);
    will-change: transform;
}
.kendo-dark .app-shadow{
    box-shadow: 0 12px 30px rgba(255, 255, 255, 0.18), 
        0 3px 10px rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    filter: drop-shadow(0 8px 20px rgba(255, 255, 255, 0.16));
}

.app-shadow-sm{
    box-shadow: 0 6px 16px rgba(18, 34, 64, 0.14),
        0 2px 6px rgba(18, 34, 64, 0.38) !important;
    border: 1px solid rgba(18, 34, 64, 0.06);
    filter: drop-shadow(0 2px 8px rgba(18, 34, 64, 0.12));
    transform: translateZ(0);
    will-change: transform;
}

.kendo-dark .app-shadow-sm{
    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.14),
        0 2px 6px rgba(255, 255, 255, 0.38) !important;
    border: 1px solid rgba(255, 255, 255, 0.06);
    filter: drop-shadow(0 4px 12px rgba(255, 255, 255, 0.12));
}




.app-header{
    background-color: var(--kendo-color-surface, #292b2c);
    color: var(--kendo-color-on-base, white);
    box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125));
}

.app-grid {
    scrollbar-width: thin;
    scrollbar-color: var(--kendo-color-primary) transparent;
}

.app-grid::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.app-grid::-webkit-scrollbar-track {
    background: transparent;
}

.app-grid::-webkit-scrollbar-thumb {
    background: var(--kendo-color-primary);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.app-tabs1 > .k-tabstrip-items-wrapper .k-item{
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    color: var(--kendo-color-on-app-surface, #212529);
}
.app-tabs1 > .k-tabstrip-items-wrapper .k-item.k-active{
    border-color: transparent;
    border-bottom-color: var(--kendo-color-primary, #34d293) !important;
}
.app-tabs1 > .k-tabstrip-items-wrapper .k-item.k-focus{
    box-shadow: unset;
}