.side-nav-wrapper{border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh}.side-nav-wrapper .side-nav-header{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--color-border)}.side-nav-wrapper .side-nav-header .side-nav-logo-wrapper{display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.side-nav-wrapper .side-nav-header .side-nav-logo-wrapper .side-nav-logo{width:1.5rem;height:1.5rem}.side-nav-wrapper .side-nav-header .side-nav-logo-wrapper span{font-size:1rem;font-weight:700;color:var(--color-text)}.side-nav-wrapper .side-nav-header .add-icon-wrapper{width:20px;height:20px;display:flex;justify-content:center;align-items:center}.side-nav-wrapper .side-nav-main{overflow-y:auto;padding:12px;flex:1}.side-nav-wrapper .side-nav-main::-webkit-scrollbar{width:0}.side-nav-wrapper .side-nav-footer{padding:16px}.side-nav-wrapper .side-nav-footer .user-wrapper{display:flex;justify-content:space-between;align-items:center;position:relative}.side-nav-wrapper .side-nav-footer .user-wrapper .user-img{border-radius:50%;background-color:#6348cb;color:#fff;font-size:14px;font-size:16px;font-weight:510;line-height:20px;height:32px;width:32px;display:flex;justify-content:center;align-items:center}.side-nav-wrapper .side-nav-footer .user-wrapper .user{display:flex;align-items:center;gap:4px}.side-nav-wrapper .side-nav-footer .user-wrapper .user .user-info h3{font-size:13px;font-weight:510;line-height:20px;color:var(--color-heading)}.side-nav-wrapper .side-nav-footer .user-wrapper .dropdown-menu{position:absolute;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);width:150px;bottom:4%;left:142%;transform:translateX(-50%);z-index:1000}.side-nav-wrapper .side-nav-footer .user-wrapper .dropdown-menu .dropdown-item{padding:10px;cursor:pointer;transition:background .2s}.side-nav-wrapper .side-nav-footer .user-wrapper .dropdown-menu .dropdown-item:hover{background:#f4f4f4}.side-nav-wrapper .side-nav-footer .user-wrapper .dropdown-menu .logout{color:#e84949}.menu-item-anchor{text-decoration:none}.menu-item-anchor .menu-item{width:auto;height:32px;padding:0 10px 0 8px;margin:0 0 6px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;color:var(--color-text)}.menu-item-anchor .menu-item.active,.menu-item-anchor .menu-item:hover{background:var(--color-bg-hover);border-radius:4px}.menu-item-anchor .menu-item .left{display:flex;align-items:center;justify-content:flex-start;gap:8px}.menu-item-anchor .menu-item .left img{width:16px;height:16px;display:block}.menu-item-anchor .menu-item .left .menu-item-text{font-size:14px;font-weight:400;line-height:16px;color:var(--color-text);max-width:118px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-item-anchor .menu-item .left .menu-item-text:hover{color:var(--color-text)}.menu-item-anchor .menu-item .left .menu-item-text-active{font-size:14px;font-weight:400;line-height:16px;color:var(--color-text-active);max-width:118px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-item-anchor .menu-item .right{display:flex;align-items:center;justify-content:center}.menu-item-anchor .menu-item.active:not(:has(.menu-item-dd)){background:rgba(99,72,203,.1019607843);border-radius:4px}.menu-item-anchor .menu-item.active .left p{font-size:14px;line-height:16px;color:var(--color-text-active)}.menu-item-anchor .dd-icon path{fill:#848f9f}.menu-item-anchor .dd-icon-active path{fill:#6348cb}.menu-item-anchor .menu-item-icon{display:flex;justify-content:center;align-items:center}.menu-item-anchor .menu-item-icon .icon-color{fill:var(--color-text)}.menu-item-anchor .menu-item-icon .icon-color-active{fill:var(--color-text-active)}.menu-item-anchor .visible{display:block}.menu-item-anchor .not-visible{visibility:hidden;width:16px}.menu-item-icon-active svg,.menu-item-icon-active svg path{fill:#6348cb}.icon-invisible{visibility:hidden;width:16px}.menu-item-nested-dd .menu-item .left p{max-width:183px}