.datex-sidebar{background:linear-gradient(180deg,#fff 0%,#f4f7fa 100%);border-right-color:#dce7ef;box-shadow:5px 0 18px rgba(33,73,108,.045)}.datex-nav a{transition:background .18s,color .18s,transform .18s}.datex-nav a:hover{transform:translateX(2px)}
@media(min-width:901px){body.datex-body.datex-sidebar-collapsed .datex-shell{padding-left:68px}body.datex-body.datex-sidebar-collapsed .datex-sidebar{width:68px;transform:none;padding:18px 10px;background:#17324a;border-right:0;box-shadow:5px 0 18px rgba(16,45,68,.14);overflow-x:hidden}body.datex-body.datex-sidebar-collapsed .datex-brand{display:flex;align-items:center;justify-content:center;width:48px;height:42px;margin:0 auto 15px;padding:0}body.datex-body.datex-sidebar-collapsed .datex-brand-mark{display:block;width:30px;height:30px;flex:none}body.datex-body.datex-sidebar-collapsed .datex-brand-word{display:none}body.datex-body.datex-sidebar-collapsed .datex-brand::after{content:none}body.datex-body.datex-sidebar-collapsed .datex-nav-title,body.datex-body.datex-sidebar-collapsed .datex-nav-subtitle{display:none}body.datex-body.datex-sidebar-collapsed .datex-nav a{justify-content:center;gap:0;margin:5px 0;padding:10px;color:#d7e6ef;font-size:0}body.datex-body.datex-sidebar-collapsed .datex-nav a i{width:auto;color:inherit;font-size:1.06rem}body.datex-body.datex-sidebar-collapsed .datex-nav a:hover,body.datex-body.datex-sidebar-collapsed .datex-nav a.active{transform:none;background:rgba(255,255,255,.16);color:#fff}body.datex-body.datex-sidebar-collapsed .datex-nav a.active{box-shadow:inset 2px 0 0 #55afea}body.datex-body.datex-sidebar-collapsed .datex-nav{padding-top:0}}