header[data-v-89fff888]{background:#fff;box-shadow:0 2px 5px #0000001a;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:9}header[data-v-89fff888],header .left[data-v-89fff888]{align-items:center;display:flex}header .left[data-v-89fff888]{gap:6rem;width:70%}header .right[data-v-89fff888]{align-items:center;display:flex;gap:1rem}.logo[data-v-89fff888]{display:flex;flex-shrink:0;width:140px}.logo img[data-v-89fff888]{width:100%}header .right .bar[data-v-89fff888]{border-right:1px solid #e0e0e0;display:block;height:40px}.search[data-v-89fff888]{margin-left:0;position:relative;width:50%}.search input[data-v-89fff888]{border:1px solid var(--border);border-radius:4px;font-size:16px;font-weight:500;padding:15px 40px 15px 15px;width:100%}.search input[data-v-89fff888]::-moz-placeholder{font-size:14px;font-weight:400}.search input[data-v-89fff888]::placeholder{font-size:14px;font-weight:400}.search input[data-v-89fff888]:focus{outline-color:var(--primary)}.search img[data-v-89fff888]{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px}header .icons[data-v-89fff888]{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:40px;padding:7px;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px}header .icons[data-v-89fff888]:hover{background-color:#f1f1f1}header .icons img[data-v-89fff888]{filter:brightness(0) saturate(100%) invert(48%) sepia(94%) saturate(821%) hue-rotate(3deg) brightness(107%) contrast(103%);height:100%;width:100%}.userImage[data-v-89fff888]{cursor:pointer;height:50px;position:relative;width:50px}.userImage img[data-v-89fff888]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.userImage div[data-v-89fff888]{animation:button-89fff888 .2s linear 1;background-color:var(--white);border-radius:4px;bottom:-55px;box-shadow:0 1px 3px #00000005,0 0 0 1px #1b1f2326;overflow:hidden;position:absolute;right:0}@keyframes button-89fff888{0%{opacity:0}to{opacity:1}}.userImage div button[data-v-89fff888]{background-color:transparent;border:none;color:#414040;cursor:pointer;font-size:16px;font-weight:500;padding:17px 30px}.userImage div button[data-v-89fff888]:hover{background-color:#e9e9e9}.menu[data-v-2c922d3f]{background-color:var(--white);box-shadow:0 2px 5px #0000001a;display:flex;flex-shrink:0;height:calc(100vh - 84px);left:0;position:sticky;top:84px;width:250px}.menu ul[data-v-2c922d3f]{width:100%}.menu a[data-v-2c922d3f]{align-items:center;color:var(--black);display:flex;font-family:Rubik,sans-serif;font-size:16px;font-weight:400;gap:1rem;padding:1.5rem 1.2rem;position:relative;text-decoration:none;transition:all .1s ease-in-out}.menu a[data-v-2c922d3f]:hover{background-color:#f5f5f5}.menu a img[data-v-2c922d3f]{width:22px}.menu a[data-v-2c922d3f]:before{background-color:var(--primary);border-radius:4px;content:"";height:0;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.menu .active[data-v-2c922d3f],.menu .active[data-v-2c922d3f]:hover,.menu .router-link-active[data-v-2c922d3f],.menu .router-link-active[data-v-2c922d3f]:hover{background-color:#ff950025;color:var(--primary);font-weight:500}.menu .active[data-v-2c922d3f]:before,.menu .router-link-active[data-v-2c922d3f]:before{animation:active-2c922d3f .3s linear 1;height:80%}@keyframes active-2c922d3f{0%{height:0}to{height:80%}}.menu .active img[data-v-2c922d3f],.menu .router-link-active img[data-v-2c922d3f]{filter:brightness(0) saturate(100%) invert(51%) sepia(92%) saturate(673%) hue-rotate(359deg) brightness(101%) contrast(107%)}