.mud-tabs.mud-tabs-rounded {
    border-radius: 12px;
}

.mud-tabs.mud-tabs-rounded .mud-tabs-panels {
    border-radius: 12px;
}

.mud-dialog {
    background: #f4f7ff;
}

.mud-popover {
    box-shadow: none;
    border: 2px solid #0095da;
    border-radius: 12px !important;
}

.mud-paper {
    border-radius: 12px !important;
}

.mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 12px;
}

.mud-expand-panel {
    border-radius: 12px;
    border: 2px solid rgba(74, 125, 255, 0.25) !important;
    background: #FFF;
    border-radius: 12px !important;
    margin-bottom: 12px;
}

body {
    background: linear-gradient(200deg, #F4F7FF 18.73%, #ADC3FF 116.78%);
    background-repeat: no-repeat;
}

.mud-layout {
    min-height: 100vh;
}

.text-black {
    color: black;
}

.mud-link {
    color: inherit;
    transition: color 0.2s ease;
}

    .mud-link:hover {
        color: #3f51b5;
    }

.custom-margin-left {
    margin-left: 140px;
}

.menu-icon-adjust {
    margin-left: -18px;
}

.custom-drawer {
    z-index: 1;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px var(--Shadows, rgba(25, 25, 25, 0.10));
    padding: 12px;
}

.drawer-toggle-button {
    background: #7e7e7e;
    color: #fff;
    box-shadow: none !important;
    height: 26px;
    width: 26px;
    min-height: 0px;
    border-radius: 6px;
}

.custom-drawer-link-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--Radius-xl, 12px);
    justify-content: space-between;
    height: 100%;
}

.drawer-links {
    color: #000;
    font-family: 'Segoe UI';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.mud-drawer-mini .mud-nav-link {
    height: 56px;
}

.mud-nav-link {
    padding: 8px 16px 8px 4px;
}

.text {
    font-family: 'Segoe UI';
}

.mud-nav-item {
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(28, 28, 28, 0) 0%, rgba(151, 76, 221, 0.00) 100%);
}

    .mud-nav-item:hover {
        border-radius: 12px;
        background: linear-gradient(90deg, #dee5ff, rgba(225, 225, 225, 1) 100%);
    }

.mud-navmenu.mud-navmenu-bordered .mud-nav-link.active:not(.mud-nav-link-disabled) {
    border-inline-end-style: none;
    border-inline-end-width: 0px;
}

.mud-nav-link {
    padding: 8px 16px 8px 4px;
    border-radius: 20px;
    transition: border-radius 0.3s ease;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: #fafafa;
    background: linear-gradient(90deg, #ADC3FF 0%, #FFFFFF 100%);
    border-radius: 12px;
}

.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed {
    width: 86px;
    margin: 12px;
    height: calc(100% - 24px);
}

    .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed ~ div:not(.mud-main-content) {
        margin-left: 84px;
    }

.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open {
    width: var(--mud-drawer-width-left);
    margin: 12px;
    height: calc(100% - 24px);
}

.mud-theme-primary {
    background: rgba(0, 0, 0, .4) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(12px);
}

.mud-drawer:not(.mud-drawer-fixed) {
    position: fixed;
}

.mud-drawer-close-mini-md-left .mud-main-content {
    margin-left: 98px;
}

.mud-drawer-open-mini-md-left .mud-main-content {
    margin-left: 252px;
}

.fade-in {
    opacity: 0;
    animation: fadeIn 0.5s ease-in forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.logo-img {
    height: 46px;
    transition: height 0.3s ease-in-out;
}

    .logo-img.expanded {
        height: 62px;
    }

.mud-typography-h5 {
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 0;
}

.custom-icon {
    transition: transform 0.2s ease, background-color 0.2s ease;
}

    .custom-icon:hover {
        transform: scale(1.1);
        background-color: #adc3ff;
    }

.mud-avatar.mud-avatar-large {
    width: 56px;
    height: 56px;
    font-size: 1.5rem;
}