.Notification[data-v-ae04d029]{width:350px;padding:10px 15px}.Notification.success[data-v-ae04d029]{border:1px solid #299a7f;background-color:#effff8}.Notification.error[data-v-ae04d029]{border:1px solid #c9403b;background-color:#ffebee}.Notification__content[data-v-ae04d029]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.Notification__svg[data-v-ae04d029]{width:25px;height:25px}.Notification__info[data-v-ae04d029]{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px;flex:1}.Notification__text[data-v-ae04d029]{font-style:normal;font-size:14px;font-weight:400;line-height:21px;text-align:left}.el-notification__group[data-v-ae04d029]{margin:0}[data-v-ae04d029]{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}[data-v-ae04d029]::-webkit-scrollbar{-webkit-appearance:none;height:6px;width:6px;background:#f6f7fb;border-radius:2px}[data-v-ae04d029]::-webkit-scrollbar-thumb{background:#dadbe1;border-radius:2px}.fade-enter-active[data-v-ae04d029],.fade-leave-active[data-v-ae04d029]{transition:opacity .5s}.fade-enter-from[data-v-ae04d029],.fade-leave-to[data-v-ae04d029]{opacity:0}.header[data-v-ae04d029]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;position:relative;padding:0 30px;background:#2f3036;border-left:1px solid white}.header__route[data-v-ae04d029]{font-style:normal;font-size:24px;font-weight:400;line-height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.header__user[data-v-ae04d029]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;text-decoration:none}.header__img[data-v-ae04d029]{width:40px;height:40px;border-radius:50%}.header__name[data-v-ae04d029]{font-style:normal;font-size:14px;font-weight:500;line-height:20px;color:#fff}.SVG.tr{transition-duration:.5s}.SVG.inherit path,.SVG.inherit g{fill:inherit}.Notification[data-v-18ad56d2]{width:350px;padding:10px 15px}.Notification.success[data-v-18ad56d2]{border:1px solid #299a7f;background-color:#effff8}.Notification.error[data-v-18ad56d2]{border:1px solid #c9403b;background-color:#ffebee}.Notification__content[data-v-18ad56d2]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.Notification__svg[data-v-18ad56d2]{width:25px;height:25px}.Notification__info[data-v-18ad56d2]{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px;flex:1}.Notification__text[data-v-18ad56d2]{font-style:normal;font-size:14px;font-weight:400;line-height:21px;text-align:left}.el-notification__group[data-v-18ad56d2]{margin:0}[data-v-18ad56d2]{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}[data-v-18ad56d2]::-webkit-scrollbar{-webkit-appearance:none;height:6px;width:6px;background:#f6f7fb;border-radius:2px}[data-v-18ad56d2]::-webkit-scrollbar-thumb{background:#dadbe1;border-radius:2px}.fade-enter-active[data-v-18ad56d2],.fade-leave-active[data-v-18ad56d2]{transition:opacity .5s}.fade-enter-from[data-v-18ad56d2],.fade-leave-to[data-v-18ad56d2]{opacity:0}.n[data-v-18ad56d2]{display:flex;flex-direction:column;justify-content:space-between;background:#2f3036;padding:20px;overflow-y:auto}.n__logo[data-v-18ad56d2]{padding-left:10px}.n__logoSvg[data-v-18ad56d2]{width:200px;fill:#50c3ac}.n__links[data-v-18ad56d2]{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:20px;list-style:none}.n__li[data-v-18ad56d2]{display:flex;flex-direction:column;justify-content:flex-start;width:100%;gap:10px}.n__link[data-v-18ad56d2]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-style:normal;font-size:14px;font-weight:400;line-height:21px;text-decoration:none;color:#c7cad0;transition-duration:.5s}.n__link[data-v-18ad56d2]{width:100%;height:38px;border-radius:8px;padding:0 10px;gap:12px}.n__link.btn[data-v-18ad56d2]{position:relative;background:none;outline:none;border:none;cursor:pointer}.n__link.router-link-active[data-v-18ad56d2]{background:#1f1e23;color:#fff;border-radius:4px}.n__link[data-v-18ad56d2]:hover{background:#1f1e23}.n__svg[data-v-18ad56d2]{width:15px;fill:#c7cad0}.n__group[data-v-18ad56d2]{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}.n__group[data-v-18ad56d2]:first-child{gap:12px}.n__item[data-v-18ad56d2]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-style:normal;font-size:14px;font-weight:400;line-height:21px;gap:12px;outline:none;background:none;border:none;cursor:pointer}.n__item svg[data-v-18ad56d2]{width:30px}.n__item[data-v-18ad56d2]:first-child{color:#50c3ac}.n__item[data-v-18ad56d2]:last-child{color:#c7cad0}.Notification{width:350px;padding:10px 15px}.Notification.success{border:1px solid #299a7f;background-color:#effff8}.Notification.error{border:1px solid #c9403b;background-color:#ffebee}.Notification__content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.Notification__svg{width:25px;height:25px}.Notification__info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px;flex:1}.Notification__text{font-style:normal;font-size:14px;font-weight:400;line-height:21px;text-align:left}.el-notification__group{margin:0}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}::-webkit-scrollbar{-webkit-appearance:none;height:6px;width:6px;background:#f6f7fb;border-radius:2px}::-webkit-scrollbar-thumb{background:#dadbe1;border-radius:2px}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.App{display:grid;grid-template-columns:260px 1fr;grid-template-rows:76px 1fr;height:100vh;width:100%}.App.layout1{grid-template-areas:"nav header" "nav  main"}.App.layout2{grid-template-areas:"main main" "main main";height:100%;min-height:100vh}.App__nav{grid-area:nav}.App__header{grid-area:header}.App__main{grid-area:main}