:root{--sidebar-width:280px;--sidebar-width-collapsed:72px}.sidebar{width:var(--sidebar-width);background-color:#fff;min-height:100vh;height:100%;left:0;top:0;transition:width .25s ease,left .3s ease-in;position:fixed;z-index:100;border-right:1px solid #e8ecf2;box-shadow:2px 0 12px rgba(10,22,41,.04);display:flex;flex-direction:column;overflow:hidden}.sidebar .sidebar_content{flex:1 1;display:flex;flex-direction:column;min-height:0;padding:12px 10px 20px 12px;overflow:hidden}.sidebar .sidebar_content .msidebar-buttons,.sidebar .sidebar_content .sidebar-buttons{flex:1 1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px}.sidebar .sidebar_content .msidebar-buttons::-webkit-scrollbar,.sidebar .sidebar_content .sidebar-buttons::-webkit-scrollbar{width:4px}.sidebar .sidebar_content .msidebar-buttons::-webkit-scrollbar-track,.sidebar .sidebar_content .sidebar-buttons::-webkit-scrollbar-track{background:#f0f2f5;border-radius:50px}.sidebar .sidebar_content .msidebar-buttons::-webkit-scrollbar-thumb,.sidebar .sidebar_content .sidebar-buttons::-webkit-scrollbar-thumb{background-color:#6149cd;border-radius:50px}.sidebar .sidebar_content .sidebar_bottom_buttons,.sidebar .sidebar_content .sidebar_top_buttons{display:flex;flex-direction:column}.sidebar .sidebar_content .sidebar_bottom{flex-shrink:0;margin-top:auto;padding-top:12px;border-top:1px solid #eef1f6}.sidebar .sidebar_content .sidebar_bottom a{text-decoration:none}.sidebar .sidebar_content .sidebar_bottom .sidebar_profile{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;transition:background .2s ease}.sidebar .sidebar_content .sidebar_bottom .sidebar_profile:hover{background:#f5f7fb}.sidebar .sidebar_content .sidebar_bottom .sidebar_profile span{font-size:18px;font-weight:700;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eff6ff;color:#5138c3;flex-shrink:0}.sidebar .sidebar_content .sidebar_bottom .sidebar_profile img{border-radius:50%;flex-shrink:0}.sidebar .sidebar_content .sidebar_bottom .sidebar_profile .profile_info{display:flex;flex-direction:column;font-family:var(--font-nunito);gap:2px;min-width:0;overflow:hidden}.sidebar .sidebar_content .sidebar_bottom .sidebar_profile .profile_info h4{font-size:14px;line-height:16px;font-weight:600;margin:0;color:#545457;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .sidebar_content .sidebar_bottom .sidebar_profile .profile_info .profile_email{font-size:12px;line-height:14px;font-weight:400;color:#7c8493;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .brand-container{flex-shrink:0;padding:14px 12px 10px;border-bottom:1px solid #eef1f6}.sidebar .brand-container .brand-logo-wrap{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1;cursor:pointer}.sidebar .brand-container .brand-logo-wrap .dashboard-logo{transition:opacity .2s ease,width .25s ease}.sidebar .brand-container .brand-logo-wrap .dashboard-logo--full{padding-left:4px}.sidebar .brand-container .brand-logo-wrap .dashboard-logo--symbol{display:none}.sidebar .brand-container .sidebar-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.sidebar .brand-container .sidebar-collapse-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e8ecf2;border-radius:8px;background:#fff;color:#7a86a1;cursor:pointer;transition:all .2s ease;padding:0}.sidebar .brand-container .sidebar-collapse-btn:hover{background:#f5f7fb;color:#5138c3;border-color:#d5dbe5}.sidebar .brand-container .sidebar-collapse-btn svg{color:inherit}.sidebar .brand-container .close_btn{color:#6149cd;outline:none;border:none;width:30px;height:30px;position:relative;cursor:pointer;background:transparent}.sidebar .brand-container .close_btn.show:after,.sidebar .brand-container .close_btn.show:before{animation:sidebar-close .3s ease-in-out .3s forwards}.sidebar .brand-container .close_btn:after,.sidebar .brand-container .close_btn:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background:#6149cd;opacity:0}.sidebar .brand-container .close_btn:before{transform:translate(-50%,-50%) rotate(45deg)}.sidebar .brand-container .close_btn:after{transform:translate(-50%,-50%) rotate(-45deg)}@keyframes sidebar-close{0%{opacity:0;transform:translate(-50%,-50%) rotate(0deg)}to{opacity:1}}@media(min-width:992px){.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar.collapsed .brand-container .brand-logo-wrap{justify-content:center}.sidebar.collapsed .brand-container .brand-logo-wrap .dashboard-logo--full{display:none}.sidebar.collapsed .brand-container .brand-logo-wrap .dashboard-logo--symbol{display:block}.sidebar.collapsed .brand-container .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar.collapsed .sidebar_content{padding-inline:8px}.sidebar.collapsed .sidebar_content .sidebar_bottom .sidebar_profile{justify-content:center;padding-inline:6px}.sidebar.collapsed .sidebar_content .sidebar_bottom .sidebar_profile .profile_info{display:none}.sidebar .brand-container .sidebar-collapse-btn{display:inline-flex}}@media(max-width:991px){.sidebar{left:calc(-1*var(--sidebar-width));width:var(--sidebar-width)!important}.sidebar.show{left:0;box-shadow:4px 0 24px rgba(10,22,41,.12)}.sidebar.collapsed{width:var(--sidebar-width)!important}.sidebar.collapsed .brand-container .brand-logo-wrap{justify-content:flex-start}.sidebar.collapsed .brand-container .brand-logo-wrap .dashboard-logo--full{display:block!important}.sidebar.collapsed .brand-container .brand-logo-wrap .dashboard-logo--symbol{display:none!important}.sidebar.collapsed .sidebar_content{padding-inline:12px}.sidebar.collapsed .sidebar_content .sidebar_bottom .sidebar_profile{justify-content:flex-start}.sidebar.collapsed .sidebar_content .sidebar_bottom .sidebar_profile .profile_info{display:flex!important}}