@import"https://fonts.googleapis.com/css2?family=Kantumruy+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";.menu{display:flex;padding:2px 0}.menu__white-bar{color:var(--color-light);font-size:1rem;font-weight:500;padding:8px 10px 8px 16px;width:100%;display:flex;align-items:center;border-radius:40px 0 0 40px;transition:all .2s;background:linear-gradient(to right,transparent 50%,var(--color-gray) 50%);background-size:200%;background-position:left}.menu__white-bar svg{margin-right:10px}.menu__white-bar svg path{fill:var(--color-light)}.menu__white-bar:hover{background-position:right;color:var(--color-blue)}.menu__white-bar:hover svg path{fill:var(--color-blue)}.menu__white-bar.active{background-position:right;color:var(--color-blue)}.menu__white-bar.active svg path{fill:var(--color-blue)}.sidemenu{height:100vh;margin-top:calc(-1 * (2 * var(--header-padding)));border-radius:0 32px 0 0;background-image:linear-gradient(to bottom,var(--color-purple),var(--color-purple-2),var(--color-blue-2));display:flex;flex-direction:column}.sidemenu__header{display:flex;align-items:center;justify-content:space-between;width:100%;height:79px;border-radius:0 32px 0 0;background-image:linear-gradient(to bottom,var(--color-blue),var(--color-blue-2))}.sidemenu__header__content{display:flex;align-items:center;justify-content:flex-start;column-gap:8px}.sidemenu__header__content__image{background-color:var(--color-gray);width:75px;height:75px;border-radius:50%;padding:5px}.sidemenu__header__content__image img{width:100%;height:100%;border-radius:50%;border:2px solid var(--color-dark-blue);background-attachment:var(--color-white);object-fit:cover}.sidemenu__header__content__info{color:var(--color-white);font-weight:400}.sidemenu__header__button{fill:var(--color-gray);cursor:pointer}.sidemenu__body{overflow-y:auto}.sidemenu__body::-webkit-scrollbar{width:0px;background-color:transparent}.sidemenu__body::-webkit-scrollbar-thumb{background-image:linear-gradient(to bottom,var(--color-blue),var(--color-blue));border-radius:8px}.sidemenu__body__content{padding:8px 0}.sidemenu__body__horizontal-line{width:100%;height:4px;background-image:linear-gradient(to right,transparent,var(--color-blue))}.sidemenu__body__bottom{padding:8px 0}.notification-login{position:relative;padding:5px;width:100%;border-radius:10px;overflow:hidden;display:none;justify-content:center;align-items:center}.notification-login.success{color:var(--notification-success);background-color:var(--notification-success-background);border:1px solid var(--notification-success)}.notification-login.error{color:var(--notification-error);background-color:var(--notification-error-background);border:1px solid var(--notification-error)}.notification-login.show{display:flex}.notification{position:absolute;top:10%;border-radius:.2rem;overflow:hidden;display:none;justify-content:center;align-items:center;gap:1rem;z-index:200}.notification.show{animation:show_slide 1s ease-in-out forwards;display:flex}@keyframes show_slide{0%{opacity:0;right:0%}5%{opacity:.25}20%{opacity:.5}40%{opacity:1;right:5%}80%{right:0%}to{right:2%}}.notification.hide{animation:hide_slide 1s ease-in-out forwards;display:flex}@keyframes hide_slide{0%{opacity:1;right:2%}20%{right:0%}60%{right:5%}80%{opacity:.5}95%{opacity:.25}to{opacity:0;right:0%}}.notification.info{background-color:var(--notification-info-background);border-left:8px solid var(--notification-info);color:var(--notification-info)}.notification.info .icon{margin-left:1rem;fill:var(--notification-info)}.notification.info .close{background-color:var(--notification-info-btn);padding:1rem;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;display:flex;cursor:pointer;border:none}.notification.info .close:hover{background-color:var(--notification-info-btn-hover)}.notification.info .close svg{fill:var(--notification-info)}.notification.success{background-color:var(--notification-success-background);border-left:8px solid var(--notification-success);color:var(--notification-success)}.notification.success .icon{margin-left:1rem;fill:var(--notification-success)}.notification.success .close{background-color:var(--notification-success-btn);padding:1rem;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;display:flex;cursor:pointer;border:none}.notification.success .close:hover{background-color:var(--notification-success-btn-hover)}.notification.success .close svg{fill:var(--notification-success)}.notification.warning{background-color:var(--notification-warning-background);border-left:8px solid var(--notification-warning);color:var(--notification-warning)}.notification.warning .icon{margin-left:1rem;fill:var(--notification-warning)}.notification.warning .close{background-color:var(--notification-warning-btn);padding:1rem;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;display:flex;cursor:pointer;border:none}.notification.warning .close:hover{background-color:var(--notification-warning-btn-hover)}.notification.warning .close svg{fill:var(--notification-warning)}.notification.error{background-color:var(--notification-error-background);border-left:8px solid var(--notification-error);color:var(--notification-error)}.notification.error .icon{margin-left:1rem;fill:var(--notification-error)}.notification.error .close{background-color:var(--notification-error-btn);padding:1rem;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;display:flex;cursor:pointer;border:none}.notification.error .close:hover{background-color:var(--notification-error-btn-hover)}.notification.error .close svg{fill:var(--notification-error)}.under__confirmation{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:200;background-color:#0a0a0a99;display:none;justify-content:center}.under__confirmation--opened{display:flex}.confirmation{height:152px;min-width:802px;margin-top:32px;font-size:18px;font-weight:500;border:none;border-radius:32px;background-color:var(--color-white);display:flex;flex-direction:column;overflow:hidden;text-align:center;animation:confirmation_open .2s ease-in-out}.confirmation__header{color:var(--color-white);background-image:linear-gradient(to right,var(--color-purple),var(--color-blue),var(--color-blue-2))}.confirmation__header__message{padding:12px 0}.confirmation__header__message:first-letter{text-transform:uppercase}.confirmation__content{padding:0 26px}.confirmation__content__message{display:flex;flex-direction:column;gap:2px;padding:12px 0;color:var(--color-blue-2)}.confirmation__content__option{display:flex;gap:6px;justify-content:center}.confirmation__content__option__btn{width:100%;font-size:16px;font-weight:500;color:var(--color-white);background-image:linear-gradient(to right,var(--color-blue-3),var(--color-blue));border:none;border-radius:32px;padding:4px 16px;cursor:pointer}.confirmation__content__option__btn:focus{outline:1px solid var(--color-blue-2)}@keyframes confirmation_open{0%{opacity:0;transform:translateY(-100%)}5%{opacity:.25;transform:translateY(-80%)}40%{opacity:.5;transform:translateY(-60%)}70%{opacity:1;transform:translateY(-40%)}80%{transform:translateY(-20%)}90%{transform:translateY(-10%)}to{transform:translateY(0)}}.under__login{width:100%;height:100vh;min-height:100vh;display:flex;flex-wrap:wrap;justify-content:center;background-color:var(--color-dark-blue-2);background-image:url(/static/assets/bg-login-CzEhGGk2.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;position:relative}.under__login:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(to bottom,#000,#2c1d5599)}.login{position:relative;width:1300px;border-radius:20px;margin:50px;background-color:#01010180;box-shadow:none;display:flex;flex-wrap:wrap}.login--right,.login--left{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-basis:50%}.login--left__logo{width:100%;position:relative;margin:80px auto;text-align:center}.login--left__logo img{width:350px}.login--left__logo video{width:100%;max-height:400px}.under__login-form{justify-content:center;align-content:center;background-image:linear-gradient(to right bottom,#bebebe66,#6464641a);padding:40px;border-radius:20px;width:70%;margin:auto;display:flex;flex-wrap:wrap}.login-form{overflow:hidden;border-radius:10px;width:100%}.login-form button{width:100%;padding:20px;color:var(--color-white);font-size:2rem;font-weight:600;background-image:linear-gradient(to right,var(--color-blue-2),var(--color-blue),var(--color-purple-2));margin-top:20px;border:none;border-radius:10px;cursor:pointer}.login-form__field{padding:8px 0}.login-form__field label{width:100%;font-weight:500;color:var(--color-blue-2)}.login-form__field input{font-size:1.2rem;width:100%;padding:10px;border-radius:12px;border:none;outline:none;background-color:var(--color-light)}.frame{width:100%;border-radius:24px;background-color:#fff9;margin:6px 0 0}.frame__header{width:100%;padding:6px 32px;text-align:center;background-image:linear-gradient(to right,var(--color-purple),var(--color-blue),var(--color-blue-2));position:relative;border-top-left-radius:inherit;border-top-right-radius:inherit;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.frame__header h2{color:var(--color-white);font-weight:600;position:relative}.frame__header svg{width:30px;height:30px;fill:var(--color-white);transform:rotate(180deg)}.frame__header--closed{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.frame__header--closed svg{transform:rotate(0)}.frame__body{padding:6px;display:flex}.frame__body--closed{display:none}.frame__gray-area{width:100%;padding:6px;border-radius:20px;border:none;background-color:var(--color-gray);display:flex;flex-wrap:wrap}.frame__gray-area p{font-size:1.1rem;font-weight:600;color:var(--color-blue-2)}.frame__gray-area--left{width:50%;text-align:left}.frame__gray-area--right{width:50%;text-align:right}.first-access__field{font-size:1rem;font-weight:500;padding:10px;flex-basis:50%;display:flex;flex-wrap:wrap}.first-access__field label{color:var(--color-blue-2)}.first-access__field input{border:1px solid var(--color-blue-3);padding:0 8px;border-radius:8px;outline:none;font-size:1rem;width:100%;height:42px;background-color:var(--color-white)}.first-access__button{width:100%;display:flex;justify-content:center}.first-access__button button{padding:8px;border-radius:30px;background-image:linear-gradient(to right,var(--color-blue-3),var(--color-blue-2));color:var(--color-light);font-size:1.1rem;font-weight:600;border:none;display:flex;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer}.profile-photo{display:flex;flex-wrap:wrap;flex-basis:30%;padding:0 10px 0 0}.profile-photo__frame{width:100%;border-radius:20px;background-color:var(--color-blue-2);background-image:url(/static/assets/head-BisVakks.png);background-position:left;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}.profile-photo__frame__around{width:170px;height:170px;border-radius:50%;margin:auto;overflow:hidden;display:flex;background-color:var(--color-gray);border:3px solid var(--color-light);padding:2px;background-image:linear-gradient(to right,var(--color-purple),var(--color-purple-2))}.profile-photo__frame__around__over{margin:auto;width:145px;height:145px;border-radius:50%;background-color:var(--color-light);display:flex}.profile-photo__frame__around__over img{margin:auto;width:100%;height:100%;border-radius:50%}.profile-form{flex-basis:70%}.profile-form__row{color:var(--color-blue-2);font-size:1.1rem;font-weight:500;padding:4px 0}.profile-form__row input{font-size:1.1rem}.profile-form__row input:focus{outline:1px solid black}.profile-form__row.field--error input{outline:1px solid var(--status-bad)}.profile-form__row__choose{background-image:linear-gradient(to right,var(--color-purple-2),var(--color-blue-2));padding:8px 30px;color:var(--color-white);font-size:1rem;font-weight:500;border:none;border-radius:20px;cursor:pointer}.profile-form__btn{display:flex;justify-content:flex-end}.profile-form__btn input{background-image:linear-gradient(to bottom,var(--color-blue-3),var(--color-blue));color:var(--color-white);padding:8px 30px;border-radius:20px;font-size:1rem;font-weight:500;cursor:pointer;border:none}.profile-form__btn input:focus{outline:1px solid var(--color-blue-2)}.dashboard{width:100%;display:flex;flex-wrap:wrap}.dashboard__card{padding:0 12px 20px;display:flex;flex-direction:column;flex-wrap:wrap;flex-basis:25%;justify-content:center;position:relative;row-gap:4px}.dashboard__card h3{width:100%;min-height:44px;text-align:center;color:var(--color-blue-2);text-transform:uppercase}.dashboard__card p{font-size:1rem;line-height:1em}.dashboard__card__image{width:70%;margin:auto;background-image:linear-gradient(to right,var(--color-blue-3),var(--color-blue));border-radius:42px;position:relative;display:flex}.dashboard__card__image img{margin:auto;width:calc(100% - 16px)}.dashboard__card .dashboard__card__btn{color:var(--color-light);background-image:linear-gradient(to right,var(--color-blue),var(--color-blue-3));padding:8px 20px;border-radius:20px;border:none;margin:auto;width:120px;font-weight:600;cursor:pointer;display:flex;align-items:center}.dashboard__card .dashboard__card__btn img{width:20px;margin-left:10px}.dashboard__card .dashboard__card__btn:focus{outline:1px solid var(--color-blue-2)}.dashboard__card:after{content:"";width:3px;height:100%;position:absolute;top:0;right:0;background-image:linear-gradient(to bottom,var(--color-blue),transparent)}.dashboard__card:nth-child(4):after{display:none}.dashboard__card:last-child:after{display:none}.dashboard-back-btn{width:100%}.dashboard-back-btn button{display:flex;align-items:center;padding:8px 24px 8px 16px;border-radius:20px;border:none;background-image:linear-gradient(to right,var(--color-purple-2),var(--color-blue-2));color:var(--color-white);font-weight:500;font-size:1.1rem;cursor:pointer}.dashboard-back-btn button:focus{outline:1px solid var(--color-blue-2)}.dashboard-back-btn button svg{width:32px;height:32px;transform:rotate(90deg);fill:var(--color-white)}.dashboard-frame{width:100%;height:calc(100vh - 44px);display:flex;flex-direction:column;row-gap:6px;margin-top:6px}.dashboard-frame__iframe{width:100%;height:100%}.dashboard-frame__iframe iframe{width:100%;height:100%;border-radius:24px;border:none}.dashboard-frame__button{max-width:94px;background-color:var(--color-blue-2);color:#fff;padding:8px 16px;border:none;border-radius:12px;cursor:pointer;text-align:left}:root{--color-blue: #11A9F7;--color-blue-2: #495FE3;--color-blue-3: #38D3B8;--color-purple: #A973F3;--color-purple-2: #A635FF;--color-dark-blue: #2C1D55;--color-dark-blue-2: #16113F;--color-light: #D6E9F2;--color-gray: #DCE5F6;--color-gray-2: #C3CCDB;--color-white: #ffffff;--color-black: #000000;--status-info: #86b4ff;--status-good: #88ffc5;--status-middle: #ffdb86;--status-bad: #ff8787;--notification-info-background: #d9e6fb;--notification-info-btn: rgba(134, 180, 255, .3);--notification-info-btn-hover: rgba(134, 180, 255, .6);--notification-info: #4285f4;--notification-success-background: #c9ffe5;--notification-success-btn: rgba(136, 255, 197, .3);--notification-success-btn-hover: rgba(136, 255, 197, .6);--notification-success: #09c97f;--notification-warning-background: #fff0cc;--notification-warning-btn: rgba(255, 219, 134, .3);--notification-warning-btn-hover: rgba(255, 219, 134, .6);--notification-warning: #f8b15d;--notification-error-background: #ffdbdb;--notification-error-btn: rgba(255, 135, 135, .3);--notification-error-btn-hover: rgba(255, 135, 135, .6);--notification-error: #f95668;--header-padding: 16px;--header-logo-height: 20px}*{margin:0;padding:0;box-sizing:border-box;font-family:Kantumruy Pro,sans-serif}html{font-size:14px}ul{list-style:none}a{text-decoration:none}.header{width:100%;padding:var(--header-padding);background-color:var(--color-dark-blue);background-image:url(/static/assets/head-BisVakks.png);background-repeat:no-repeat;background-position:top;background-size:cover;display:flex;justify-content:flex-end}.body{width:100%;height:calc(100vh - var(--header-padding) - 16px);display:flex;background-color:var(--color-dark-blue-2)}.body__content{width:100%;background-color:var(--color-gray);border-radius:0 32px 0 0;padding:0 6px;overflow-y:scroll;align-content:flex-start;justify-content:center;display:flex;flex-wrap:wrap}.body__content::-webkit-scrollbar{width:10px;background-color:transparent}.body__content::-webkit-scrollbar-thumb{background-image:linear-gradient(to bottom,var(--color-purple),var(--color-purple-2));border-radius:6px}