body{
        background-color: #F9F9FB;
        background-image: 
            radial-gradient(circle at 50% 50%, rgba(245, 220, 192, 0.7) 0%, transparent 60%),
            radial-gradient(circle at 0% 0%, #F2F0EB 0%, transparent 55%),
            radial-gradient(circle at 100% 0%, #E7E9E7 0%, transparent 50%),
            radial-gradient(ellipse at 50% 100%, #EBE0D8 0%, transparent 75%);
        backdrop-filter: blur(80px);
    }
    /* Overlay Open States */
    .hs-overlay-open.open,
    .open .hs-overlay-open {
        margin-top: 0;
    }

    .hs-overlay-open\:translate-x-0.open,
    .open .hs-overlay-open\:translate-x-0 {
        --tw-translate-x: 0;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y));
    }

    .hs-overlay-open\:translate-y-0.open,
    .open .hs-overlay-open\:translate-y-0 {
        --tw-translate-y: 0;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y));
    }

    .hs-overlay-open\:scale-100.open,
    .open .hs-overlay-open\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: scale(var(--tw-scale-x), var(--tw-scale-y));
    }

    .hs-overlay-open\:opacity-100.open,
    .open .hs-overlay-open\:opacity-100 {
        opacity: 1;
    }

    .hs-overlay-open\:duration-500.open,
    .open .hs-overlay-open\:duration-500 {
        transition-duration: 0.5s;
    }

    /* Layout Open States */
    .hs-overlay-layout-open\:translate-x-0.hs-overlay-body-open,
    .hs-overlay-body-open .hs-overlay-layout-open\:translate-x-0 {
        --tw-translate-x: 0;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y));
    }

    /* Large Screen Layout */
    @media (min-width: 1024px) {
        .lg\:hs-overlay-layout-open\:translate-x-0.hs-overlay-body-open,
        .hs-overlay-body-open .lg\:hs-overlay-layout-open\:translate-x-0 {
            --tw-translate-x: 0;
            transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y));
        }

        .lg\:hs-overlay-layout-open\:ps-60.hs-overlay-body-open,
        .hs-overlay-body-open .lg\:hs-overlay-layout-open\:ps-60 {
            padding-inline-start: 15rem; /* 60 * 0.25rem = 15rem */
        }
    }

    /* Overlay Backdrop */
    .hs-overlay-backdrop-open\:bg-black\/30.hs-overlay-backdrop,
    .hs-overlay-backdrop .hs-overlay-backdrop-open\:bg-black\/30 {
        background-color: rgba(0, 0, 0, 0.3);
    }

    /* Minified States */
    .hs-overlay-minified\:block.minified,
    .minified .hs-overlay-minified\:block,
    .hs-overlay-minified .hs-overlay-minified\:block {
        display: block;
    }

    .hs-overlay-minified\:hidden.minified,
    .minified .hs-overlay-minified\:hidden,
    .hs-overlay-minified .hs-overlay-minified\:hidden {
        display: none;
    }

    .hs-overlay-minified\:w-13.minified,
    .minified .hs-overlay-minified\:w-13,
    .hs-overlay-minified .hs-overlay-minified\:w-13 {
        width: 3.25rem; /* 13 * 0.25rem */
    }

    .hs-overlay-minified\:opacity-0.minified,
    .minified .hs-overlay-minified\:opacity-0,
    .hs-overlay-minified .hs-overlay-minified\:opacity-0 {
        opacity: 0;
    }

    /* Анимация для второго sidebar */
    [data-sidebar-secondary] {
        transition: transform 0.3s ease-in-out;
    }

    /* Overlay для мобильных устройств */
    @media (max-width: 1024px) {
        [data-sidebar-secondary].translate-x-0::before {
            content: '';
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: -1;
        }
    }

    /* Плавная прокрутка */
    [data-sidebar-secondary] nav {
        scroll-behavior: smooth;
    }