@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}a{text-decoration:none}li{list-style:none}button{background:none;border:0;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=number]{appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.container{background-color:var(--color-background);position:relative;width:100vw;height:100dvh;display:flex;overflow:hidden}@media (max-width: 767px){.container{flex-direction:column}}.blue-button{width:100%;padding:10px 0;background:var(--color-special-button);border-radius:5px;color:#fff;font-size:14px;line-height:120%;transition:opacity .3s}@media (max-width: 767px){.blue-button{font-size:12px}}.blue-button:hover{opacity:.8}.blue-button--loading{background-color:#bababa;cursor:progress}.blue-button--loading:hover{opacity:1}.blue-button--disabled{background-color:#bababa;cursor:not-allowed}.blue-button--disabled:hover{opacity:1}.regular-button{width:100%;padding:10px 0;background-color:var(--color-background-special);border-radius:5px;color:var(--color-typography);font-size:14px;line-height:120%;transition:opacity .3s}@media (max-width: 767px){.regular-button{font-size:12px}}.regular-button:hover{opacity:.8}.skeleton{position:relative;background-color:var(--color-background-skeleton);overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track)}.scrollbar::-webkit-scrollbar{width:6px}.scrollbar::-webkit-scrollbar-track{border-radius:10px;background-color:var(--color-scrollbar-track)}.scrollbar::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--color-scrollbar-thumb)}.react-grid-item>.react-resizable-handle{bottom:3px!important;right:3px!important;background-color:#0009;border-radius:5px}.react-grid-item>.react-resizable-handle:after{top:50%;left:50%;transform:translate(-50%,-50%);border-right:2px solid #fff!important;border-bottom:2px solid #fff!important}@keyframes appearance{0%{opacity:0}to{opacity:1}}@keyframes disappearance{0%{opacity:1}to{opacity:0}}@keyframes slideInSidebar{0%{margin-left:-337px}to{margin-left:0}}@keyframes slideOutSidebar{0%{margin-left:0}to{margin-left:-337px}}body.nls-light{--color-background: #ffffff;--color-background-special: #f5f5fa;--color-background-skeleton: #dddbdd;--color-background-alfa: #ffffffd8;--color-sidebar: #00557b;--color-sidebar-text: #5d8ea4;--color-sidebar-icon: #5d8ea4;--color-sidebar-icon-active: #fff;--color-sidebar-icon-background: rgba(255, 255, 255, .05);--color-sidebar-icon-background-active: #0095FF;--color-main-typography: #333333;--color-typography: #5e5873;--color-add-typography: #8e99a0;--color-special-typography: #0095ff;--color-scrollbar-thumb: #8e99a0;--color-scrollbar-track: #eaeaea;--color-special-button: #0095ff;--color-alert-button: #e73751}body.nls-dark{--color-background: #161d31;--color-background-special: #283046;--color-background-skeleton: #3b4357;--color-background-alfa: #161d31d8;--color-sidebar: #21283b;--color-sidebar-text: #5d8ea4;--color-sidebar-icon: #5d8ea4;--color-sidebar-icon-active: #fff;--color-sidebar-icon-background: rgba(255, 255, 255, .05);--color-sidebar-icon-background-active: #0095FF;--color-main-typography: #fff;--color-typography: #d0d2d6;--color-add-typography: #beccd5;--color-special-typography: #0095ff;--color-scrollbar-thumb: #161d31;--color-scrollbar-track: #283046;--color-special-button: #0095ff;--color-alert-button: #e73751}body.meganet-light{--color-background: #ffffff;--color-background-special: #f5f5fa;--color-background-skeleton: #dddbdd;--color-background-alfa: #ffffffd8;--color-sidebar: #0A0A0A;--color-sidebar-text: #e8e8e8;--color-sidebar-icon: #5d8ea4;--color-sidebar-icon-active: #fff;--color-sidebar-icon-background: rgba(255, 255, 255, .05);--color-sidebar-icon-background-active: linear-gradient(136.76deg, #BCD90A 0%, #159C33 51.88%, #0C5C3F 105.88%);--color-main-typography: #333333;--color-typography: #5e5873;--color-add-typography: #8e99a0;--color-special-typography: #159C33;--color-scrollbar-thumb: #8e99a0;--color-scrollbar-track: #eaeaea;--color-special-button: linear-gradient(136.76deg, #BCD90A 0%, #159C33 51.88%, #0C5C3F 105.88%);--color-alert-button: #e73751}body.meganet-dark{--color-background: #111D15;--color-background-special: #143D1D;--color-background-skeleton: #3b5741;--color-background-alfa: #161d31d8;--color-sidebar: #0A0A0A;--color-sidebar-text: #e8e8e8;--color-sidebar-icon: #5d8ea4;--color-sidebar-icon-active: #fff;--color-sidebar-icon-background: rgba(255, 255, 255, .05);--color-sidebar-icon-background-active: linear-gradient(136.76deg, #BCD90A 0%, #159C33 51.88%, #0C5C3F 105.88%);--color-main-typography: #fff;--color-typography: #d0d2d6;--color-add-typography: #beccd5;--color-special-typography: #159C33;--color-scrollbar-thumb: #161d31;--color-scrollbar-track: #283046;--color-special-button: linear-gradient(136.76deg, #BCD90A 0%, #159C33 51.88%, #0C5C3F 105.88%);--color-alert-button: #e73751}.auth{width:100vw;height:100vh;background-color:var(--color-background-special);display:flex;justify-content:center;align-items:center}.auth__form{width:100%;max-width:400px;padding:50px;background-color:var(--color-background);border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:20px;animation:appearance .3s ease-in forwards}.auth__logo{width:123px;height:auto}.auth__vpn-message{color:var(--color-typography);text-align:center;font-size:16px;line-height:24px}.auth__buttons-auth{width:100%;padding:3px;border-radius:5px;display:flex;align-items:center;background-color:var(--color-background-special)}.auth__button-login,.auth__button-signup{padding:5px;color:var(--color-add-typography);font-size:14px;line-height:120%}.auth__button-login{flex:1}.auth__button-signup{flex:2}.auth__button--active{background-color:var(--color-background);border-radius:5px;color:var(--color-typography)}.auth__button--not-active{transition:transform .3s}.auth__button--not-active:hover{transform:scale(1.1)}.auth__input-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:8px}.auth__input-wrap{position:relative;width:100%}.auth__input{width:100%;border:1px solid #e6e7eb;border-radius:5px;outline:none;padding:8px 15px}.auth__input:focus{border:1px solid var(--color-special-button)}.auth__input--pass{padding-right:35px}.auth__button-toggle-password{position:absolute;top:10px;right:10px;width:18px;height:18px}.auth__button-toggle-password img{width:18px;height:18px}.auth__error-message{width:100%;text-align:start;color:red}.auth__submit-wrap{width:100%;display:flex;flex-direction:column;align-items:start;gap:5px;color:var(--color-add-typography);font-size:12px;line-height:18px;font-weight:400}.not-found{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.not-found__logo{width:200px;height:auto}.not-found__info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.not-found__text{color:var(--color-main-typography);font-size:28px;font-weight:600;line-height:120%}.not-found__link{width:200px}.error-screen{display:flex;align-items:center;justify-content:center;width:100%;min-height:60vh;padding:24px;box-sizing:border-box}.error-screen__box{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:420px;text-align:center}.error-screen__title{margin:0;font-size:20px;font-weight:600;color:var(--color-typography)}.error-screen__text{margin:0;font-size:14px;line-height:1.5;color:var(--color-add-typography)}.error-screen__button{margin-top:8px;padding:8px 20px}.preloader-app{width:100dvw;height:100dvh;background-color:var(--color-background);display:flex;justify-content:center;align-items:center;gap:10px}.preloader-app__rolling{width:70px}.preloader-app__logo{width:200px;height:auto;animation:appearance .3s ease-in forwards}.navigation{width:92px;min-width:92px;height:100%;padding:20px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--color-sidebar);transition:background-color .3s}.navigation__top,.navigation__bottom{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:34px}.navigation__logo-wrap{width:100%;height:42px;display:flex;justify-content:center}.navigation__logo{width:42px;height:42px;border-radius:5px}.navigation__logo-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-special-typography);border-radius:5px;padding:5px;color:var(--color-special-typography);font-size:12px;line-height:14px;font-weight:500}.navigation-mobile{order:2;width:100vw;height:66px;min-height:66px;background-color:var(--color-sidebar);display:flex;align-items:center;justify-content:space-evenly;padding-bottom:env(safe-area-inset-bottom)}.menu-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:transform .2s}.menu-item:hover{transform:scale(1.1)}@media (max-width: 767px){.menu-item{flex:1}}.menu-item__img{width:42px;height:42px;border-radius:5px;background:var(--color-sidebar-icon-background);display:flex;justify-content:center;align-items:center}.menu-item__img--active{background:var(--color-sidebar-icon-background-active)}.menu-item__img svg{width:26px;height:26px}.menu-item__text{color:var(--color-sidebar-text);font-size:10px;line-height:120%;font-weight:400}.menu-item__text--active{color:#fff}@media (max-width: 767px){.menu-item__text{display:none}}.menu-item__notifications-wrap{position:relative;width:fit-content;display:flex;align-items:center;justify-content:center}.menu-item__notifications{min-width:16px;position:absolute;top:2px;left:33px;padding:2px 3px;background-color:var(--color-alert-button);border-radius:7px;display:flex;justify-content:center;align-items:center}.menu-item__notifications-text{color:#fff;font-size:12px;line-height:12px;font-weight:400}.notifications{width:calc(100vw - 92px);height:100dvh;position:fixed;top:0;left:92px;z-index:200;overflow:hidden}@media (max-width: 767px){.notifications{width:100%;left:0}}.notifications__background{position:relative;width:100vw;height:100%;background-color:#000000b3;animation:appearance .3s ease-in forwards}.notifications__close-wrap{width:100%;position:sticky;top:0;right:0;z-index:100;padding:10px;display:flex;justify-content:flex-end;background-color:var(--color-background-alfa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.notifications__close{display:flex;justify-content:center;align-items:center}.notifications__wrap{position:absolute;top:0;left:0;width:630px;height:100%;overflow-y:auto;background-color:#fff;padding:30px;animation:slideInNotification .3s ease-in forwards;display:flex;flex-direction:column;gap:15px;background-color:var(--color-background)}@media (max-width: 767px){.notifications__wrap{width:100%;padding:0}}.notifications__header{min-height:37px;display:flex;justify-content:space-between;align-items:center}.notifications__header button{max-width:200px}@media (max-width: 767px){.notifications__header{padding:0 10px}}.notifications__text{color:var(--color-main-typography);font-size:20px;line-height:24px;font-weight:500}.notifications__items-wrapper{display:flex;flex-direction:column;gap:10px}@media (max-width: 767px){.notifications__items-wrapper{padding:0 10px}}.notifications__read-all{padding:5px 10px;border-radius:5px;align-self:end;color:var(--color-add-typography)}.notifications__read-all:hover{background-color:var(--color-background-special)}.notifications__no-new{color:var(--color-add-typography);font-size:14px;line-height:16px;font-weight:500}.notifications__items{display:flex;flex-direction:column;gap:10px}@keyframes slideInNotification{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutNotification{0%{transform:translate(0)}to{transform:translate(-100%)}}.notification{position:relative;width:100%;padding:5px 10px;background-color:var(--color-background-special);border-radius:5px;display:flex;gap:7px}.notification__not-reading{position:absolute;content:"";top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background-color:var(--color-alert-button)}.notification__img{object-fit:cover;border-radius:5px;width:30%;min-height:70px;aspect-ratio:16/9;background-color:var(--color-background-skeleton)}.notification__info{flex:1;display:flex;flex-direction:column;gap:5px}.notification__text{display:flex;align-items:center;gap:5px}.notification__text-type{color:var(--color-typography);font-size:16px;line-height:24px;font-weight:500;text-align:start}.notification__text-name{color:var(--color-special-typography);font-size:16px;line-height:24px;font-weight:500;text-align:start;text-decoration:underline}.notification__text-name:hover{text-decoration:unset}.notification__body{color:var(--color-add-typography);font-size:14px;line-height:20px;font-weight:400;text-align:start}.notification__date{color:var(--color-add-typography);font-size:12px;line-height:18px;font-weight:400;text-align:start}.notification__delete{position:absolute;right:6px;bottom:6px;display:flex;align-items:center;justify-content:center;color:var(--color-add-typography);font-size:18px;cursor:pointer}.notification__delete:hover{color:var(--color-alert-button)}.ws-status{width:5px;height:5px;position:absolute;z-index:10000;top:5px;left:5px;border-radius:50%}.ws-status--connected{background-color:green}.ws-status .--disconnected{background-color:red}.ws-status .--connecting{background-color:#ff0}@keyframes shimmer{to{transform:translate(100%)}}.notification-skeleton{width:100%;height:auto;padding:5px 10px;background-color:var(--color-background-special);border-radius:5px;display:flex;gap:7px}.notification-skeleton__wrapper{display:flex;flex-direction:column;gap:10px}.notification-skeleton__img{background-color:var(--color-background-skeleton);width:30%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:5px}.notification-skeleton__img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}.notification-skeleton__info{flex:1;display:flex;flex-direction:column;gap:5px}.notification-skeleton__text{height:24px;position:relative;overflow:hidden;border-radius:5px;background-color:var(--color-background-skeleton)}.notification-skeleton__text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}.notification-skeleton__date{width:150px;height:18px;position:relative;overflow:hidden;border-radius:5px;background-color:var(--color-background-skeleton)}.notification-skeleton__date:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}.notification-skeleton__error{color:var(--color-typography);text-align:left;font-size:16px;line-height:140%}.notification-skeleton__repeat-btn{font-size:16px;line-height:140%;color:var(--color-special-typography);text-decoration:underline}.notification-skeleton__repeat-btn:hover{text-decoration:none}.service-unavailable{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:24px;box-sizing:border-box}.service-unavailable__box{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:420px;text-align:center}.service-unavailable__logo{max-width:180px}.service-unavailable__text{margin:0;font-size:14px;line-height:1.5;color:var(--color-add-typography)}.service-unavailable__button{padding:8px 20px}