body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.user-modal__information-block,textarea{overflow-y:scroll;scrollbar-width:none}.user-modal__information-block::-webkit-scrollbar,textarea::-webkit-scrollbar{display:none}@font-face{font-family:Segoe UI Variable;src:url(/static/media/SegoeUIVF.142593ecca549715e938.ttf) format("truetype")}body{background-color:#000;color:#fff}body,button,input,textarea{font-family:Segoe UI Variable}h1{font-size:18px}h1,h2{font-weight:600}h2{font-size:20px}h3{font-size:16px;font-weight:600}p{color:#86868b;font-size:14px}a{color:#fff;font-family:Segoe UI Variable;text-decoration:none}.App{display:flex}.aside{background-color:#1d1d1f;border:solid #fff3;border-width:0 1px 0 0;height:100vh;max-width:245px;position:fixed;width:100%}.aside__wrapper{display:flex;flex-direction:column;height:100vh}.aside__header{padding:20px}.header-aside__wrapper{gap:12px;padding:3.5px 0}.header-aside__logo-wrapper,.header-aside__wrapper{align-items:center;display:flex}.aside__navigation{border:solid #fff3;border-width:1px 0 0;display:flex;flex-direction:column;flex-grow:1;gap:4px;padding:20px 16px}.aside__navigation-item{align-items:center;display:flex;gap:12px;padding:10.5px 12px}.aside__navigation-link{border-radius:12px;transition:.2s}.aside__navigation-link:not(.nav-active):hover{background-color:#ffffff1a}.aside__navigation-icon-wrapper{align-items:center;display:flex}.nav-active{background-color:#5765f2}.server-status{border:solid #fff3;border-width:1px 0 0;display:flex;gap:10px;justify-content:space-between;padding:22px 30px}.server-status__wrapper h3{font-size:15px}.server-status__status{border:1px hidden #fff;border-radius:8px;font-size:14px;font-weight:500;padding:2px 17px}.status-online{background-color:#05df721a;border-color:#05df7233;border-style:solid;color:#05df72}.header__wrapper{display:flex;justify-content:space-between}.header__info{max-width:200px;width:100%}.main{flex:1 1;margin-left:245px}.header{border:solid #fff3;border-width:0 0 1px;padding:10px 20px}.main-body{padding:20px}.main__wrapper>div{flex-direction:column}.main__wrapper>div,.metric-row{display:flex;gap:10px}.monitoring-block{background-color:#1d1d1f;border:1px solid #fff3;border-radius:16px;padding:20px 26px}.monitoring-progress{display:flex;flex-direction:column;gap:16px;max-width:319px;width:100%}.monitoring-progress__header-wrapper{display:flex;justify-content:space-between}.monitoring-progress__information{display:flex;flex-direction:column;gap:6px}.mon-info__wrapper{align-items:flex-end;display:flex;justify-content:space-between}.mon-info__wrapper-network{display:flex;flex-direction:column;gap:6px}.mon-info__network{display:flex;flex-direction:column;justify-content:space-between}.mon-info__network-header{display:flex;gap:10px}.mon-info__network-header h2{align-items:center;display:flex}.mon-info__network-header>h2{font-size:17px}.uptime-wrapper{align-items:flex-start;gap:2px}.mon-info,.uptime-wrapper{display:flex;flex-direction:column}.chart-box{background-color:#1d1d1f;border:1px solid #fff3;border-radius:16px;max-width:812px;padding:20px;width:100%}.chart-box__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.chart-box__title{align-items:center;display:flex;gap:10px}.chart__wrapper{height:300px;width:100%}.login-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.login{position:relative;width:266px}.login-form{display:flex;flex-direction:column;gap:30px}.login-form__header{align-items:center;display:flex;gap:12px;justify-content:center}.login-form__header h1{font-size:30px;font-weight:700}.login-form__inputs{display:flex;flex-direction:column;gap:10px}.login-form__inputs input{background-color:#1d1d1f;border:1px solid #1d1d1f;border-radius:12px;color:#86868b;font-size:16px;outline:none;padding:12px;transition:.2s;width:100%}.login-form__inputs input:hover{border-color:#86868b}.login-form__inputs input:focus{border-color:#5765f2}.login-submit{background-color:#5765f2;border:2px solid #5765f2;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:.2s}.login-submit:hover{border-color:#fff}.login-error__wrapper{bottom:-50px;position:absolute;text-align:center;width:100%}.login-error{color:#f54145;font-size:14px}.chart-test{color:#fff}.chart-dropdown{display:inline-block;position:relative}.chart-dropdown__toggle{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Segoe UI Variable;font-size:16px;justify-content:space-between;min-width:168px;padding:5.5px 12px;transition:.2s}.chart-dropdown__toggle:hover{background-color:#fff3}.chart-dropdown__arrow{font-size:.8em;margin-left:8px}.chart-dropdown__menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:1000}.chart-dropdown__item{border-radius:8px;cursor:pointer;margin:6px;padding:5.5px 12px;transition:background-color .2s}.chart-dropdown__item--active,.chart-dropdown__item:hover{background-color:#fff3;color:#fff}.chart-dropdown__item--active:hover{background-color:#ffffff1a}.users-online__info{align-items:flex-start;display:flex;flex-direction:column}.header__input-wrapper{background-color:#ffffff1a;border:1px solid #fff3;border-radius:12px;max-width:670px;padding:6px 12px;transition:border-color .3s ease}.header__input,.header__input-wrapper{align-items:center;display:flex;width:100%}.header__input{gap:12px}.input-user__submit{background:none;border:none;cursor:pointer;padding:0}.input-user__submit-icon{background-color:#86868b;height:20px;mask:url(/static/media/search.3c2bc65c99e075440e9c.svg) no-repeat center;mask-size:contain;-webkit-mask:url(/static/media/search.3c2bc65c99e075440e9c.svg) no-repeat center;-webkit-mask-size:contain;transition:background-color .3s ease;width:20px}.header__input input{background:none;border:none;color:#86868b;font-family:Segoe UI Variable;font-size:16px;width:100%}.header__input input:active,.header__input input:focus{border:none;box-shadow:none;outline:none}.header__input-wrapper:focus-within{border-color:#5765f2}.header__input-wrapper:focus-within .input-user__submit-icon{background-color:#5765f2}.input-user__error{color:#f54145;flex-shrink:0;font-size:14px;max-width:100px}.modal__wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;z-index:1000}.modal{background-color:#0c0c0d;border-radius:16px;display:grid;grid-template-rows:1fr;min-height:685px;padding:20px;position:relative;width:591px}.modal__close{background:none;border:none;cursor:pointer;padding:20px;position:absolute;right:0;top:0}.user-modal{display:grid;grid-template-rows:1fr}.user-modal__header-wrapper{display:flex;flex-direction:column;gap:10px}.user-modal__header{display:flex;gap:10px}.user-modal__marks-wrapper{display:flex;gap:6px}.user-mark{background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#86868b;font-size:14px;padding:1.5px 20px}.user-modal__info{display:flex;flex-direction:column;flex-grow:1;gap:10px}.user-modal__navigation{background-color:#1d1d1f;border-radius:16px;display:flex;gap:6px;justify-content:space-between;padding:6px}.navigation-item{align-items:center;background-color:#1d1d1f;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:12px;outline:none;padding:5.5px 12px}.navigation-item__icon{height:16px;width:16px}.navigation-item__active{background-color:#fff3}.user-info__block{border:1px solid #fff3;border-radius:16px;display:flex;flex-direction:column;flex-grow:1;padding:20px 30px;width:100%}.user-info__label-wrapper{display:flex;gap:10px;margin-bottom:16px}.user-info__label-image{height:24px;width:24px}.user-info__data-wrappar{display:flex;flex-direction:column;height:100%;padding:10px 0}.user-info__data-item{border-bottom:1px solid #fff3;color:#fff;display:flex;gap:10px;justify-content:space-between;padding:10px 0}.user-info__data-item:first-child{padding-top:0}.user-info__data-item:last-child{border-bottom:none;padding-bottom:0}.user-info__data-key{font-size:16px;font-weight:600}.data-key-empty{display:none}.data-key-empty~.user-info__data-value input{text-align:left}.user-info__data-value,.user-info__data-value .user-info__data-input{display:flex;flex-direction:column;font-size:14px;justify-content:center;text-align:right;width:100%}.user-info__data-value>input{text-align:right}.user-info__data-input-wrapper{position:relative}.user-info__data-input{background:none;border:none;color:#fff;outline:none;width:100%}.user-info__data-is-editable{filter:brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(2%) hue-rotate(266deg) brightness(105%) contrast(101%);height:8px;position:absolute;right:-10px;top:0;width:8px}.user-info__data-input>input:focus{border:none}.user-info__action-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.button-action{background-color:#5765f2;border:1px solid #5765f2;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10.5px 12px;transition:.3s}.button-action__red{background-color:#f54145;border:1px solid #f54145}.button-action__yellow{background-color:#fda906;border:1px solid #fda906}.button-action:hover{border-color:#fff}.status-true{background-color:#05df7233;border-color:#05df721a;color:#05df72}.status-false{background-color:#f5414533;border-color:#f541451a;color:#f54145}.user-role{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.role-developer{background-color:#fda90633;border-color:#fda9061a;color:#fda906}.role-tester{background-color:#058bdf33;border-color:#058bdf1a;color:#058bdf}.status-wrapper{display:flex;gap:6px;justify-content:flex-end}.subscription-sub-header__wrapper{display:flex;gap:10px;justify-content:flex-end;width:100%}.create-subscription__button{background-color:#5765f2;border:1px solid #5765f2;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:8px 12px;transition:.3s}.create-subscription__button:hover{border-color:#fff}.create-subscription__image{height:24px;width:24px}.form-select{-webkit-appearance:none;appearance:none;background:none;border:none;color:#fff}option{background-color:#f9f9f9;color:#fff;padding:4px 8px}option:checked{background-color:#007bff;color:#fff}.dropdown-toggle{background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-family:Segoe UI Variable;padding:2.5px 10px;transition:.2s}.dropdown-container{position:relative}.dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;flex-direction:column;gap:2.5px;list-style:none;padding:2.5px;position:absolute;right:0;top:calc(100% + 2.5px);z-index:1001}.dropdown-item{cursor:pointer}.dropdown-item,.modal-form__datepicker,.modal-form__input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;padding:2.5px 10px}.modal-form__datepicker,.modal-form__input{max-width:200px;text-align:right;width:100%}.modal-form__datepicker:focus,.modal-form__input:focus,.modal-form__textarea:focus{outline:none}.form-note{display:flex;flex-direction:column;flex-grow:1}.modal-form__textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;height:100%;padding:10px;resize:vertical;width:100%}.modal-form__datepicker{text-align:center}.form-note .user-info__data-input-wrapper,.form-note .user-info__data-value{height:100%}.form__item{border-bottom:1px solid #fff3;display:flex;gap:10px;justify-content:space-between;padding:10px 0}.form__item:first-child{padding-top:0}.form__item:last-child{border-bottom:none;padding-bottom:0}.form__data-key{font-size:16px;font-weight:600}.form__sub-item{flex-direction:column}.form__sub-item .form__item{margin-left:10px}.form__textarea{flex-direction:column}.form__textarea .form__data-value,.form__textarea .user-info__data-input-wrapper{height:100%}.form__textarea textarea{max-height:436px;resize:none}.user-modal__information-block{height:515px;overflow-y:auto}.form__data-value,.form__data-value div,.form__data-value input,.form__data-value span,.form__data-value textarea{font-size:14px}.modal__loading{height:100%;width:100%}
/*# sourceMappingURL=main.77436e50.css.map*/