body,html,img{height:100%}.sidebar-navigation h3,.sidebar-navigation li a,.sidebar-top .logo-title,body{font-family:Montserrat}.sidebar,header .container{box-shadow:0 0 20px 0 rgba(0,0,0,.15)}*,::after,::before{padding:0;margin:0;box-sizing:border-box}ol,ul{list-style:none}a,button{transition:all .2s ease}button{cursor:pointer}img{vertical-align:top;width:100%;object-fit:cover}body{font-size:1rem;font-style:normal;font-weight:400;line-height:normal}.page-wrapper{display:flex;flex-direction:column;justify-content:space-between;min-height:0}.page-wrapper main{flex-grow:1;background:url(../images/bg.png) 0 0/cover no-repeat;height:2000px}.main-layout{display:grid;grid-template-columns:220px 1fr;transition:all .5s ease-in-out;min-height:0}.main-layout svg *{fill:#4F4F4F}.sidebar{padding-top:30px;height:100dvh;overflow:auto;position:sticky;top:0}.sidebar svg{width:26px;height:26px}.sidebar .dashboard{display:flex;align-items:center;padding:0 15px;margin-bottom:30px;gap:20px}.sidebar-top{padding:0 13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.sidebar-top .logo-title{font-size:1.125rem;font-weight:500;color:#392C72}.sidebar-top .sidebar-logo{display:flex;align-items:center;gap:7px;text-decoration:none}.sidebar-top .logo-wrap{width:32px;height:32px}.sidebar-top .close{display:inline-block;background-color:transparent;border:1px solid #392C72;border-radius:50%;width:20px;height:20px;position:absolute;left:170px;transition:all .5s ease-in-out}.sidebar-top .close::after{content:"";display:inline-block;width:5px;height:5px;border-top:1px solid #392C72;border-left:1px solid #392C72;transform:translate(-35%,-50%) rotate(-45deg);position:absolute;top:50%;left:50%}.sidebar-navigation h3{line-height:1.25rem;padding:0 15px;text-transform:uppercase;color:#828282;min-width:200px;overflow:hidden}.sidebar-navigation ul{margin-bottom:30px}.sidebar-navigation li .svg-container{position:relative}.sidebar-navigation li .svg-container.notification-icon-green::after{content:"10";display:inline-block;padding:4px;width:20px;height:20px;background-color:#6FCF97;border-radius:50%;position:absolute;right:-13px;top:-7px;font-family:Montserrat;font-size:.75rem;font-weight:700}.sidebar-navigation li .svg-container.notification-icon-red::after{content:"10";display:inline-block;padding:4px;width:20px;height:20px;background-color:#EA5455;border-radius:50%;position:absolute;right:-13px;top:-7px;font-family:Montserrat;font-size:.75rem;font-weight:700}.sidebar-navigation li .svg-container.notification-icon-yellow::after{content:"10";display:inline-block;padding:4px;width:20px;height:20px;background-color:#F2C94C;border-radius:50%;position:absolute;right:-13px;top:-7px;font-family:Montserrat;font-size:.75rem;font-weight:700}.sidebar-navigation li a{padding:10px 15px;color:#4F4F4F;text-decoration:none;display:flex;align-items:center;gap:20px}.toggle-menu .link-title,.toggle-menu .logo-title{display:none}.sidebar-navigation li .link-title{min-width:110px;overflow:hidden}.sidebar-navigation li:hover a{background-color:#9E8CFC}.sidebar-navigation li:hover a .link-title{color:#fff}.sidebar-navigation li:hover a svg *{fill:#fff}.toggle-menu .main-layout{grid-template-columns:86px 1fr}.toggle-menu .sidebar-top{justify-content:center}.toggle-menu .dashboard{display:flex;align-items:center;justify-content:center}.toggle-menu .dashboard span{display:none}.toggle-menu h3{font-size:0;line-height:1.25rem;min-width:auto}.toggle-menu h3::after{content:"";display:inline-block;width:40px;height:4px;background:linear-gradient(to right,#9E8CFC 20%,transparent 20% 30%,#9E8CFC 30% 70%,transparent 70% 80%,#9E8CFC 80%);position:relative;left:50%;transform:translateX(-50%)}.toggle-menu .close{position:absolute;left:73px}.toggle-menu .close::after{content:"";display:inline-block;width:5px;height:5px;border-top:1px solid #392C72;border-left:1px solid #392C72;transform:translate(-65%,-50%) rotate(135deg);position:absolute;top:50%;left:50%}.toggle-menu .sidebar-navigation ul{display:flex;flex-direction:column;align-items:center;justify-content:center}.toggle-menu .sidebar-navigation li{align-self:stretch}.toggle-menu .sidebar-navigation a{justify-content:center}header{padding:30px 25px 68px}header .container{height:80px;padding:10px 20px;border-radius:10px;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between}header .right-panel{display:flex;gap:50px}header .right-panel .lang-box{display:flex;align-items:center;gap:20px}header .right-panel .tools{display:flex;gap:20px}header .right-panel .profile-mini{position:relative}header .right-panel .profile-mini img{border-radius:50%}header .right-panel .profile-mini.active::after{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#6FCF97;position:absolute;right:0;bottom:0;z-index:100}header svg{width:26px;height:26px}header .header-nav{display:flex;gap:20px}header a:hover svg *{fill:#9E8CFC}