.title-table {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 10px;
    & .title-icon {
        display: flex;
        & svg {
            width: 40px;
            height: 40px;
            & path {
                fill: #070707
            }
        }
    }
    & .title-text {
        color: rgb(7, 7, 7);
        font-family: Montserrat;
        font-size: 32px;
        font-weight: 500;
        line-height: 40px;
    }
    & .btn-log-out {
        display: flex;
        gap: 10px;
        margin-left: auto;
    }
}
.nav-left {
    position: sticky;
    display: flex;
    flex-direction: column;
    min-width: 440px;
    height: calc(100vh - 8rem);
    background-color: #141414;
    border-radius: 16px;
    font-family: Montserrat;
    padding: 22px 24px;
    color: #FFFFFF;
    & .nav-left-block {
        & h2 {
            text-wrap: nowrap;
            color: rgb(255, 255, 255);
            font-family: Montserrat;
            font-size: 24px;
            font-weight: 500;
            line-height: 32px;
        }

        & .left-menu-context {
            padding-top: 38px;
            & .menu-context-list {
                display: flex;
                flex-direction: column;
                gap: 10px;

                & .menu-context-list-item {
                    padding: 10px 12px;
                    cursor: pointer;

                    & .table-block-title {
                        & p {
                            color: rgb(255, 255, 255);
                            font-family: Montserrat;
                            font-size: 16px;
                            font-weight: 500;
                            line-height: 24px;
                        }
                        & .updateInformationDate {
                            color: rgb(124, 121, 121);
                            font-family: Manrope;
                            font-size: 14px;
                            font-weight: 400;
                            line-height: 20px;
                        }
                    }

                    &.active {
                        position: relative;
                        border-radius: 10px 0px 0px 10px;
                        background: rgb(242, 242, 242);
                        & p {
                            color: rgb(7, 7, 7);
                        }
                        &::before {
                            content: '';
                            position: absolute;
                            width: 420px;
                            left: 10px;
                            top: 0;
                            bottom: 0;
                            z-index: -1;
                            background-color: rgb(242, 242, 242);

                        }
                    }
                }
            }
        }
    }
}