:root{
  --vk-bg:#10131a;
  --vk-panel:#171b24;
  --vk-panel-2:#1e2430;
  --vk-border:rgba(255,255,255,.12);
  --vk-border-2:rgba(255,255,255,.18);
  --vk-text:#eef2f7;
  --vk-muted:#9aa6b8;
  --vk-primary:#19c8e7;
  --vk-success:#33d17a;
  --vk-danger:#ff5c6c;
  --vk-warning:#ffca55;
  --vk-info:#51a7ff;
  --vk-dark:#0b0e13;
  --vk-light:#f4f7fb;
  --vk-radius:10px;
  --vk-shadow:0 18px 45px rgba(0,0,0,.38);
}

*,::before,::after{
  box-sizing:border-box;
}
html,body{
  margin:0;
  min-height:100%;
}
body{
  background:var(--vk-bg);
  color:var(--vk-text);
  font-family:Segoe UI,Arial,sans-serif;
  font-size:14px;
}
a{
  color:var(--vk-primary);
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
img{
  max-width:100%;
  height:auto;
}
hr{
  border:0;
  border-top:1px solid var(--vk-border);
}

.container{
  width:100%;
  max-width:1320px;
  margin:0 auto;
  padding:0 12px;
}
.row{
  display:flex;
  flex-wrap:wrap;
  margin-right:-8px;
  margin-left:-8px;
}
.row>*{
  flex-shrink:0;
  width:100%;
  max-width:100%;
  padding-right:8px;
  padding-left:8px;
}
.g-0{
  margin-right:0;
  margin-left:0;
}
.g-0>*{
  padding-right:0;
  padding-left:0;
}
.g-1{
  margin-right:-4px;
  margin-left:-4px;
}
.g-1>*{
  padding-right:4px;
  padding-left:4px;
}
.g-2{
  margin-right:-8px;
  margin-left:-8px;
}
.g-2>*{
  padding-right:8px;
  padding-left:8px;
}
.g-3{
  margin-right:-12px;
  margin-left:-12px;
}
.g-3>*{
  padding-right:12px;
  padding-left:12px;
}

.row{
  display:flex;
  flex-wrap:wrap;
  margin-right:-8px;
  margin-left:-8px;
}
.row>*{
  flex-shrink:0;
  width:100%;
  max-width:100%;
  padding-right:8px;
  padding-left:8px;
}

.col{
  flex:1 0 0%;
}
.col-auto{
  flex:0 0 auto;
  width:auto;
}

.col-1{
  flex:0 0 auto;
  width:8.333333%;
}
.col-2{
  flex:0 0 auto;
  width:16.666666%;
}
.col-3{
  flex:0 0 auto;
  width:25%;
}
.col-4{
  flex:0 0 auto;
  width:33.333333%;
}
.col-5{
  flex:0 0 auto;
  width:41.666666%;
}
.col-6{
  flex:0 0 auto;
  width:50%;
}
.col-7{
  flex:0 0 auto;
  width:58.333333%;
}
.col-8{
  flex:0 0 auto;
  width:66.666666%;
}
.col-9{
  flex:0 0 auto;
  width:75%;
}
.col-10{
  flex:0 0 auto;
  width:83.333333%;
}
.col-11{
  flex:0 0 auto;
  width:91.666666%;
}
.col-12{
  flex:0 0 auto;
  width:100%;
}

@media(min-width:576px){
  .col-sm{
    flex:1 0 0%;
  }
  .col-sm-auto{
    flex:0 0 auto;
    width:auto;
  }
  .col-sm-1{
    flex:0 0 auto;
    width:8.333333%;
  }
  .col-sm-2{
    flex:0 0 auto;
    width:16.666666%;
  }
  .col-sm-3{
    flex:0 0 auto;
    width:25%;
  }
  .col-sm-4{
    flex:0 0 auto;
    width:33.333333%;
  }
  .col-sm-5{
    flex:0 0 auto;
    width:41.666666%;
  }
  .col-sm-6{
    flex:0 0 auto;
    width:50%;
  }
  .col-sm-7{
    flex:0 0 auto;
    width:58.333333%;
  }
  .col-sm-8{
    flex:0 0 auto;
    width:66.666666%;
  }
  .col-sm-9{
    flex:0 0 auto;
    width:75%;
  }
  .col-sm-10{
    flex:0 0 auto;
    width:83.333333%;
  }
  .col-sm-11{
    flex:0 0 auto;
    width:91.666666%;
  }
  .col-sm-12{
    flex:0 0 auto;
    width:100%;
  }
}

@media(min-width:768px){
  .col-md{
    flex:1 0 0%;
  }
  .col-md-auto{
    flex:0 0 auto;
    width:auto;
  }
  .col-md-1{
    flex:0 0 auto;
    width:8.333333%;
  }
  .col-md-2{
    flex:0 0 auto;
    width:16.666666%;
  }
  .col-md-3{
    flex:0 0 auto;
    width:25%;
  }
  .col-md-4{
    flex:0 0 auto;
    width:33.333333%;
  }
  .col-md-5{
    flex:0 0 auto;
    width:41.666666%;
  }
  .col-md-6{
    flex:0 0 auto;
    width:50%;
  }
  .col-md-7{
    flex:0 0 auto;
    width:58.333333%;
  }
  .col-md-8{
    flex:0 0 auto;
    width:66.666666%;
  }
  .col-md-9{
    flex:0 0 auto;
    width:75%;
  }
  .col-md-10{
    flex:0 0 auto;
    width:83.333333%;
  }
  .col-md-11{
    flex:0 0 auto;
    width:91.666666%;
  }
  .col-md-12{
    flex:0 0 auto;
    width:100%;
  }
}

@media(min-width:992px){
  .col-lg{
    flex:1 0 0%;
  }
  .col-lg-auto{
    flex:0 0 auto;
    width:auto;
  }
  .col-lg-1{
    flex:0 0 auto;
    width:8.333333%;
  }
  .col-lg-2{
    flex:0 0 auto;
    width:16.666666%;
  }
  .col-lg-3{
    flex:0 0 auto;
    width:25%;
  }
  .col-lg-4{
    flex:0 0 auto;
    width:33.333333%;
  }
  .col-lg-5{
    flex:0 0 auto;
    width:41.666666%;
  }
  .col-lg-6{
    flex:0 0 auto;
    width:50%;
  }
  .col-lg-7{
    flex:0 0 auto;
    width:58.333333%;
  }
  .col-lg-8{
    flex:0 0 auto;
    width:66.666666%;
  }
  .col-lg-9{
    flex:0 0 auto;
    width:75%;
  }
  .col-lg-10{
    flex:0 0 auto;
    width:83.333333%;
  }
  .col-lg-11{
    flex:0 0 auto;
    width:91.666666%;
  }
  .col-lg-12{
    flex:0 0 auto;
    width:100%;
  }
}

@media(min-width:1200px){
  .col-xl{
    flex:1 0 0%;
  }
  .col-xl-auto{
    flex:0 0 auto;
    width:auto;
  }
  .col-xl-1{
    flex:0 0 auto;
    width:8.333333%;
  }
  .col-xl-2{
    flex:0 0 auto;
    width:16.666666%;
  }
  .col-xl-3{
    flex:0 0 auto;
    width:25%;
  }
  .col-xl-4{
    flex:0 0 auto;
    width:33.333333%;
  }
  .col-xl-5{
    flex:0 0 auto;
    width:41.666666%;
  }
  .col-xl-6{
    flex:0 0 auto;
    width:50%;
  }
  .col-xl-7{
    flex:0 0 auto;
    width:58.333333%;
  }
  .col-xl-8{
    flex:0 0 auto;
    width:66.666666%;
  }
  .col-xl-9{
    flex:0 0 auto;
    width:75%;
  }
  .col-xl-10{
    flex:0 0 auto;
    width:83.333333%;
  }
  .col-xl-11{
    flex:0 0 auto;
    width:91.666666%;
  }
  .col-xl-12{
    flex:0 0 auto;
    width:100%;
  }
}

@media(min-width:1400px){
  .col-xxl{
    flex:1 0 0%;
  }
  .col-xxl-auto{
    flex:0 0 auto;
    width:auto;
  }
  .col-xxl-1{
    flex:0 0 auto;
    width:8.333333%;
  }
  .col-xxl-2{
    flex:0 0 auto;
    width:16.666666%;
  }
  .col-xxl-3{
    flex:0 0 auto;
    width:25%;
  }
  .col-xxl-4{
    flex:0 0 auto;
    width:33.333333%;
  }
  .col-xxl-5{
    flex:0 0 auto;
    width:41.666666%;
  }
  .col-xxl-6{
    flex:0 0 auto;
    width:50%;
  }
  .col-xxl-7{
    flex:0 0 auto;
    width:58.333333%;
  }
  .col-xxl-8{
    flex:0 0 auto;
    width:66.666666%;
  }
  .col-xxl-9{
    flex:0 0 auto;
    width:75%;
  }
  .col-xxl-10{
    flex:0 0 auto;
    width:83.333333%;
  }
  .col-xxl-11{
    flex:0 0 auto;
    width:91.666666%;
  }
  .col-xxl-12{
    flex:0 0 auto;
    width:100%;
  }
}

.d-none{
  display:none!important;
}
.d-block{
  display:block!important;
}
.d-flex{
  display:flex!important;
}
.flex{
  display:flex!important;
}
.flex-column{
  flex-direction:column!important;
}
.flex-wrap{
  flex-wrap:wrap!important;
}
.flex-grow-1{
  flex-grow:1!important;
}
.align-items-start{
  align-items:flex-start!important;
}
.align-items-center{
  align-items:center!important;
}
.align-items-end{
  align-items:flex-end!important;
}
.justify-content-between{
  justify-content:space-between!important;
}
.justify-content-center,.justify-center{
  justify-content:center!important;
}
.gap-1{
  gap:.25rem!important;
}
.gap-2{
  gap:.5rem!important;
}
.gap-3{
  gap:1rem!important;
}
.position-relative{
  position:relative!important;
}
.position-absolute{
  position:absolute!important;
}
.top-0{
  top:0!important;
}
.bottom{
  bottom:0!important;
}
.start-0{
  left:0!important;
}
.end-0{
  right:0!important;
}
.w-100{
  width:100%!important;
}
.h-100{
  height:100%!important;
}
.min-w-0{
  min-width:0!important;
}
.text-start{
  text-align:left!important;
}
.text-center{
  text-align:center!important;
}
.text-end{
  text-align:right!important;
}
.align-middle{
  vertical-align:middle!important;
}
.fw-bold{
  font-weight:700!important;
}
.fw-semibold{
  font-weight:600!important;
}
.small,small{
  font-size:.875em;
}
.fs-5{
  font-size:1.25rem!important;
}
.rounded{
  border-radius:var(--vk-radius)!important;
}
.rounded-0{
  border-radius:0!important;
}
.rounded-2{
  border-radius:8px!important;
}
.border{
  border:1px solid var(--vk-border)!important;
}
.border-0{
  border:0!important;
}
.border-bottom{
  border-bottom:1px solid var(--vk-border)!important;
}
.z-3{
  z-index:3!important;
}

.m-0{
  margin:0!important;
}
.m-3{
  margin:1rem!important;
}
.mt-1{
  margin-top:.25rem!important;
}
.mt-2{
  margin-top:.5rem!important;
}
.mt-3{
  margin-top:1rem!important;
}
.mb-0{
  margin-bottom:0!important;
}
.mb-1{
  margin-bottom:.25rem!important;
}
.mb-2{
  margin-bottom:.5rem!important;
}
.mb-3{
  margin-bottom:1rem!important;
}
.ms-1{
  margin-left:.25rem!important;
}
.ms-2{
  margin-left:.5rem!important;
}
.ms-4{
  margin-left:1.5rem!important;
}
.me-1{
  margin-right:.25rem!important;
}
.me-2{
  margin-right:.5rem!important;
}
.mx-1{
  margin-left:.25rem!important;
  margin-right:.25rem!important;
}
.my-0{
  margin-top:0!important;
  margin-bottom:0!important;
}
.my-1{
  margin-top:.25rem!important;
  margin-bottom:.25rem!important;
}
.my-2{
  margin-top:.5rem!important;
  margin-bottom:.5rem!important;
}
.p-0{
  padding:0!important;
}
.p-1{
  padding:.25rem!important;
}
.p-2{
  padding:.5rem!important;
}
.p-3{
  padding:1rem!important;
}
.pt-4{
  padding-top:1.5rem!important;
}
.pb-0{
  padding-bottom:0!important;
}
.pb-1{
  padding-bottom:.25rem!important;
}
.px-1{
  padding-left:.25rem!important;
  padding-right:.25rem!important;
}
.px-2{
  padding-left:.5rem!important;
  padding-right:.5rem!important;
}
.py-2{
  padding-top:.5rem!important;
  padding-bottom:.5rem!important;
}
.py-4{
  padding-top:1.5rem!important;
  padding-bottom:1.5rem!important;
}

.text-white{
  color:#fff!important;
}
.text-black{
  color:#000!important;
}
.text-muted{
  color:var(--vk-muted)!important;
}
.text-primary{
  color:var(--vk-primary)!important;
}
.text-success{
  color:var(--vk-success)!important;
}
.text-danger{
  color:var(--vk-danger)!important;
}
.text-warning{
  color:var(--vk-warning)!important;
}
.text-info{
  color:var(--vk-info)!important;
}
.text-dark{
  color:#111827!important;
}
.text-light{
  color:#f8fafc!important;
}
.text-secondary{
  color:#a8b3c5!important;
}
.bg-primary{
  background:var(--vk-primary)!important;
}
.bg-success{
  background:var(--vk-success)!important;
}
.bg-danger{
  background:var(--vk-danger)!important;
}
.bg-warning{
  background:var(--vk-warning)!important;
}
.bg-info{
  background:var(--vk-info)!important;
}
.bg-dark{
  background:var(--vk-dark)!important;
}
.bg-black{
  background:#000!important;
}
.bg-secondary{
  background:#2e3747!important;
}
.bg-light-info{
  background:rgba(81,167,255,.15)!important;
}
.bg-light-warning{
  background:rgba(255,202,85,.15)!important;
}
.bg-opacity-20{
  --vk-bg-opacity:.2;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  padding:.46rem .8rem;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  cursor:pointer;
  user-select:none;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
  color:#eef2f7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(0,0,0,.28);
  transition:background .15s,border-color .15s,box-shadow .15s,transform .08s,filter .15s;
}
.btn:hover{
  text-decoration:none;
  filter:brightness(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(255,255,255,.05),0 2px 6px rgba(0,0,0,.25);
}
.btn:active,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{
  filter:none;
  transform:translateY(1px);
  box-shadow:inset 0 2px 7px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.10),0 0 0 3px rgba(255,255,255,.045);
}
.btn:focus-visible{
  outline:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 3px rgba(25,200,231,.28);
}
.btn:disabled,.btn.disabled,.disabled{
  opacity:.55;
  pointer-events:none;
}
.btn-sm,.btn-group-sm>.btn{
  padding:.32rem .62rem;
  font-size:12px;
  border-radius:7px;
}
.btn-lg{
  padding:.62rem 1rem;
  font-size:15px;
  border-radius:10px;
}

.btn-primary{
  background:linear-gradient(180deg,#21d5f5,#119bb6);
  border-color:#1cc8e8;
  color:#031216;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.32);
}
.btn-success{
  background:linear-gradient(180deg,#34c957,#13752c);
  border-color:#209a3d;
  color:#eaffef;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.32);
}
.btn-danger{
  background:linear-gradient(180deg,#ff6b79,#b92839);
  border-color:#df4052;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.32);
}
.btn-warning{
  background:linear-gradient(180deg,#ffd45d,#b87912);
  border-color:#d9961f;
  color:#211400;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.20),0 1px 2px rgba(0,0,0,.32);
}
.btn-info{
  background:linear-gradient(180deg,#5bb8ff,#1f6fb6);
  border-color:#358de0;
  color:#eef8ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.32);
}
.btn-secondary{
  background:linear-gradient(180deg,#566174,#2d3544);
  border-color:#465368;
  color:#f4f7fb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(0,0,0,.24),0 1px 2px rgba(0,0,0,.32);
}
.btn-dark{
  background:linear-gradient(180deg,#252b36,#090d13);
  border-color:#232b38;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.30),0 1px 2px rgba(0,0,0,.32);
}
.btn-light{
  background:linear-gradient(180deg,#ffffff,#dbe4ee);
  border-color:#cbd5e1;
  color:#111827;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.22);
}
.btn-default{
  background:linear-gradient(180deg,#2b3340,#171d27);
  border-color:rgba(255,255,255,.18);
  color:#eef2f7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.24),0 1px 2px rgba(0,0,0,.32);
}

.btn-primary:hover{
  border-color:#44e0f8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 0 0 1px rgba(25,200,231,.18),0 0 10px rgba(25,200,231,.20);
}
.btn-success:hover{
  border-color:#34c957;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 0 0 1px rgba(52,201,87,.18),0 0 10px rgba(52,201,87,.18);
}
.btn-danger:hover{
  border-color:#ff6b79;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 0 0 1px rgba(255,92,108,.18),0 0 10px rgba(255,92,108,.18);
}
.btn-warning:hover{
  border-color:#ffd45d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 0 0 1px rgba(255,202,85,.18),0 0 10px rgba(255,202,85,.16);
}
.btn-info:hover{
  border-color:#5bb8ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 0 0 1px rgba(81,167,255,.18),0 0 10px rgba(81,167,255,.18);
}
.btn-secondary:hover,.btn-dark:hover,.btn-default:hover{
  border-color:rgba(255,255,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(255,255,255,.06),0 0 10px rgba(255,255,255,.08);
}

.btn-primary.active,.btn-primary.show,.btn-primary:active,.btn-primary:first-child:active,:not(.btn-check)+.btn-primary:active{
  background:linear-gradient(180deg,#119bb6,#0b6f83);
  border-color:#159db8;
  color:#eaffff;
}
.btn-success.active,.btn-success.show,.btn-success:active,.btn-success:first-child:active,:not(.btn-check)+.btn-success:active{
  background:linear-gradient(180deg,#13752c,#0f5e23);
  border-color:#218c3a;
  color:#eaffef;
}
.btn-danger.active,.btn-danger.show,.btn-danger:active,.btn-danger:first-child:active,:not(.btn-check)+.btn-danger:active{
  background:linear-gradient(180deg,#b92839,#8d1d2b);
  border-color:#c53042;
  color:#fff;
}
.btn-warning.active,.btn-warning.show,.btn-warning:active,.btn-warning:first-child:active,:not(.btn-check)+.btn-warning:active{
  background:linear-gradient(180deg,#b87912,#8e5c0d);
  border-color:#bd821d;
  color:#fff1c7;
}
.btn-info.active,.btn-info.show,.btn-info:active,.btn-info:first-child:active,:not(.btn-check)+.btn-info:active{
  background:linear-gradient(180deg,#1f6fb6,#18548a);
  border-color:#2b7dca;
  color:#eef8ff;
}
.btn-secondary.active,.btn-secondary.show,.btn-secondary:active,.btn-secondary:first-child:active,:not(.btn-check)+.btn-secondary:active{
  background:linear-gradient(180deg,#2d3544,#202734);
  border-color:#3d485c;
  color:#fff;
}
.btn-dark.active,.btn-dark.show,.btn-dark:active,.btn-dark:first-child:active,:not(.btn-check)+.btn-dark:active{
  background:linear-gradient(180deg,#090d13,#05070b);
  border-color:#171d26;
  color:#fff;
}
.btn-light.active,.btn-light.show,.btn-light:active,.btn-light:first-child:active,:not(.btn-check)+.btn-light:active{
  background:linear-gradient(180deg,#dbe4ee,#c6d3df);
  border-color:#b9c7d5;
  color:#111827;
}
.btn-default.active,.btn-default.show,.btn-default:active,.btn-default:first-child:active,:not(.btn-check)+.btn-default:active{
  background:linear-gradient(180deg,#171d27,#10151d);
  border-color:rgba(255,255,255,.25);
  color:#fff;
}

.btn-outline-primary{
  background:linear-gradient(180deg,rgba(25,200,231,.18),rgba(25,200,231,.07));
  border-color:#19c8e7;
  color:#aef4ff;
}
.btn-outline-success{
  background:linear-gradient(180deg,rgba(52,201,87,.18),rgba(52,201,87,.07));
  border-color:#34c957;
  color:#c9ffd8;
}
.btn-outline-danger{
  background:linear-gradient(180deg,rgba(255,92,108,.18),rgba(255,92,108,.07));
  border-color:#ff5c6c;
  color:#ffd4d8;
}
.btn-outline-warning{
  background:linear-gradient(180deg,rgba(255,202,85,.20),rgba(255,202,85,.08));
  border-color:#ffca55;
  color:#ffe7a6;
}
.btn-outline-info{
  background:linear-gradient(180deg,rgba(81,167,255,.18),rgba(81,167,255,.07));
  border-color:#51a7ff;
  color:#d5ebff;
}
.btn-outline-secondary{
  background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.06));
  border-color:#64748b;
  color:#d8e0eb;
}
.btn-outline-dark{
  background:linear-gradient(180deg,rgba(15,23,42,.35),rgba(15,23,42,.15));
  border-color:#1f2937;
  color:#d1d5db;
}
.btn-outline-light{
  background:linear-gradient(180deg,rgba(248,250,252,.16),rgba(248,250,252,.06));
  border-color:#e5e7eb;
  color:#f8fafc;
}

.btn-outline-primary.active,.btn-outline-primary.show,.btn-outline-primary:active,.btn-outline-primary:first-child:active,:not(.btn-check)+.btn-outline-primary:active{
  background:linear-gradient(180deg,#21d5f5,#119bb6);
  border-color:#1cc8e8;
  color:#031216;
}
.btn-outline-success.active,.btn-outline-success.show,.btn-outline-success:active,.btn-outline-success:first-child:active,:not(.btn-check)+.btn-outline-success:active{
  background:linear-gradient(180deg,#34c957,#13752c);
  border-color:#209a3d;
  color:#eaffef;
}
.btn-outline-danger.active,.btn-outline-danger.show,.btn-outline-danger:active,.btn-outline-danger:first-child:active,:not(.btn-check)+.btn-outline-danger:active{
  background:linear-gradient(180deg,#ff6b79,#b92839);
  border-color:#df4052;
  color:#fff;
}
.btn-outline-warning.active,.btn-outline-warning.show,.btn-outline-warning:active,.btn-outline-warning:first-child:active,:not(.btn-check)+.btn-outline-warning:active{
  background:linear-gradient(180deg,#ffd45d,#b87912);
  border-color:#d9961f;
  color:#211400;
}
.btn-outline-info.active,.btn-outline-info.show,.btn-outline-info:active,.btn-outline-info:first-child:active,:not(.btn-check)+.btn-outline-info:active{
  background:linear-gradient(180deg,#5bb8ff,#1f6fb6);
  border-color:#358de0;
  color:#eef8ff;
}
.btn-outline-secondary.active,.btn-outline-secondary.show,.btn-outline-secondary:active,.btn-outline-secondary:first-child:active,:not(.btn-check)+.btn-outline-secondary:active{
  background:linear-gradient(180deg,#566174,#2d3544);
  border-color:#465368;
  color:#fff;
}
.btn-outline-dark.active,.btn-outline-dark.show,.btn-outline-dark:active,.btn-outline-dark:first-child:active,:not(.btn-check)+.btn-outline-dark:active{
  background:linear-gradient(180deg,#252b36,#090d13);
  border-color:#232b38;
  color:#fff;
}
.btn-outline-light.active,.btn-outline-light.show,.btn-outline-light:active,.btn-outline-light:first-child:active,:not(.btn-check)+.btn-outline-light:active{
  background:linear-gradient(180deg,#ffffff,#dbe4ee);
  border-color:#cbd5e1;
  color:#111827;
}

.btn-light-primary{
  background:linear-gradient(180deg,rgba(25,200,231,.18),rgba(25,200,231,.07));
  border-color:rgba(25,200,231,.35);
  color:#aef4ff;
}
.btn-light-light{
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  border-color:rgba(255,255,255,.18);
  color:#fff;
}

.btn-group{
  display:inline-flex;
  vertical-align:middle;
}
.btn-group>.btn{
  position:relative;
  border-radius:0;
}
.btn-group>.btn:first-child{
  border-top-left-radius:8px;
  border-bottom-left-radius:8px;
}
.btn-group>.btn:last-child{
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
}

.form-label{
  display:block;
  margin-bottom:.35rem;
  font-weight:600;
  color:var(--vk-text);
}
.form-control,.form-select,.form-control-file{
  display:block;
  width:100%;
  border:1px solid var(--vk-border-2);
  border-radius:4px;
  background:#0f141d;
  color:var(--vk-text);
  padding:.52rem .7rem;
  font-size:14px;
  line-height:1.35;
  outline:none;
}
.form-control:focus,.form-select:focus{
  border-color:var(--vk-primary);
  box-shadow:0 0 0 3px rgba(25,200,231,.18);
}
.form-control-sm,.form-select-sm{
  padding:.32rem .5rem;
  font-size:12px;
  border-radius:4px;
}
.form-text{
  display:block;
  margin-top:.25rem;
  color:var(--vk-muted);
  font-size:12px;
}
.form-group{
  margin-bottom:1rem;
}
.form-check{
  display:flex;
  align-items:center;
  gap:.45rem;
  min-height:1.4rem;
}
.form-check-input{
  width:1rem;
  height:1rem;
  margin:0;
  accent-color:var(--vk-primary);
}
.form-check-label{
  cursor:pointer;
}
.form-switch .form-check-input{
  width:2.1rem;
  height:1.1rem;
}

.input-group{
  display:flex;
  align-items:stretch;
  width:100%;
}
.input-group>.form-control,.input-group>.form-select{
  position:relative;
  flex:1 1 auto;
  width:1%;
  min-width:0;
}
.input-group>.btn,.input-group>.form-control,.input-group>.form-select,.input-group>.input-group-text{
  border-radius:0;
}
.input-group>:not(:first-child){
  margin-left:-1px;
}
.input-group>:first-child{
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
}
.input-group>:last-child{
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
}
.input-group>.form-control:focus,.input-group>.form-select:focus{
  z-index:3;
}
.input-group>.btn{
  position:relative;
  z-index:2;
}
.input-group>.btn:hover,.input-group>.btn:focus,.input-group>.btn:active,.input-group>.btn.active{
  z-index:4;
}
.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}
.input-group>.form-control:not(:last-child),.input-group>.form-select:not(:last-child){
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
.input-group>.btn:not(:first-child){
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}
.input-group>.btn:not(:last-child){
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}

.card,.panel{
  background:var(--vk-panel);
  border:1px solid var(--vk-border);
  border-radius:var(--vk-radius);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  overflow:hidden;
}
.card-header,.panel-heading{
  padding:.75rem 1rem;
  border-bottom:1px solid var(--vk-border);
  background:rgba(255,255,255,.035);
  font-weight:700;
}
.card-body,.card-block{
  padding:1rem;
}
.card-img-top{
  width:100%;
  border-top-left-radius:var(--vk-radius);
  border-top-right-radius:var(--vk-radius);
}
.panel-default{
  border-color:var(--vk-border);
}

.table{
  width:100%;
  border-collapse:collapse;
  color:var(--vk-text);
  font-size:13px;
}
.table th,.table td{
  padding:.55rem .65rem;
  border-bottom:1px solid var(--vk-border);
  vertical-align:middle;
}
.table th{
  font-weight:700;
  background:rgba(255,255,255,.045);
}
.table-sm th,.table-sm td,.table-condensed th,.table-condensed td{
  padding:.35rem .45rem;
}
.table-hover tbody tr:hover{
  background:rgba(255,255,255,.055);
}
.table-striped tbody tr:nth-child(odd){
  background:rgba(255,255,255,.025);
}
.table-dark{
  background:#0c1118;
  color:#fff;
}
.table-responsive{
  display:block;
  width:100%;
  overflow-x:auto;
}

.alert{
  position:relative;
  padding:.75rem 1rem;
  border:1px solid transparent;
  border-radius:var(--vk-radius);
  background:var(--vk-panel-2);
  color:var(--vk-text);
}
.alert-heading{
  font-weight:700;
  margin-top:0;
}
.alert-success{
  background:rgba(51,209,122,.13);
  border-color:rgba(51,209,122,.35);
  color:#b9ffd4;
}
.alert-danger{
  background:rgba(255,92,108,.13);
  border-color:rgba(255,92,108,.35);
  color:#ffd0d5;
}
.alert-warning{
  background:rgba(255,202,85,.13);
  border-color:rgba(255,202,85,.35);
  color:#ffe8a8;
}
.alert-info{
  background:rgba(81,167,255,.13);
  border-color:rgba(81,167,255,.35);
  color:#cfe6ff;
}

.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  min-height:20px;
  padding:.25rem .55rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  font-size:11px;
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
  white-space:nowrap;
  color:#eef2f7;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.22);
}

.badge:empty{
  display:none;
}

.text-bg-primary,.badge.bg-primary{
  background:linear-gradient(180deg,#21d5f5,#119bb6)!important;
  border-color:#1cc8e8!important;
  color:#031216!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,0,0,.18),0 0 8px rgba(25,200,231,.14);
}
.text-bg-success,.badge.bg-success{
  background:linear-gradient(180deg,#34c957,#13752c)!important;
  border-color:#209a3d!important;
  color:#eaffef!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.22),0 0 8px rgba(52,201,87,.12);
}
.text-bg-danger,.badge.bg-danger{
  background:linear-gradient(180deg,#ff6b79,#b92839)!important;
  border-color:#df4052!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.22),0 0 8px rgba(255,92,108,.12);
}
.text-bg-warning,.badge.bg-warning{
  background:linear-gradient(180deg,#ffd45d,#b87912)!important;
  border-color:#d9961f!important;
  color:#211400!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.20),0 0 8px rgba(255,202,85,.12);
}
.text-bg-info,.badge.bg-info{
  background:linear-gradient(180deg,#5bb8ff,#1f6fb6)!important;
  border-color:#358de0!important;
  color:#eef8ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.22),0 0 8px rgba(81,167,255,.12);
}
.text-bg-secondary,.badge.bg-secondary{
  background:linear-gradient(180deg,#566174,#2d3544)!important;
  border-color:#465368!important;
  color:#f4f7fb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(0,0,0,.24),0 0 8px rgba(255,255,255,.06);
}
.text-bg-dark,.badge.bg-dark{
  background:linear-gradient(180deg,#252b36,#090d13)!important;
  border-color:#232b38!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.30),0 0 8px rgba(0,0,0,.18);
}
.text-bg-light,.badge.bg-light{
  background:linear-gradient(180deg,#ffffff,#dbe4ee)!important;
  border-color:#cbd5e1!important;
  color:#111827!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.18);
}

.badge.bg-light-info,.text-bg-light-info{
  background:linear-gradient(180deg,rgba(81,167,255,.22),rgba(81,167,255,.08))!important;
  border-color:rgba(81,167,255,.38)!important;
  color:#d5ebff!important;
}
.badge.bg-light-warning,.text-bg-light-warning{
  background:linear-gradient(180deg,rgba(255,202,85,.24),rgba(255,202,85,.09))!important;
  border-color:rgba(255,202,85,.42)!important;
  color:#ffe7a6!important;
}

.badge.rounded-0{
  border-radius:0!important;
}
.badge.rounded,.badge.rounded-2{
  border-radius:4px!important;
}
.badge i{
  font-size:.95em;
}

.progress{
  display:flex;
  height:1rem;
  overflow:hidden;
  background:#0b0f16;
  border-radius:999px;
  border:1px solid var(--vk-border);
}
.progress-bar{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  background:var(--vk-primary);
  color:#061217;
  font-size:11px;
  font-weight:700;
  transition:width .25s;
}

.nav{
  display:flex;
  flex-wrap:wrap;
  padding-left:0;
  margin:0;
  list-style:none;
}
.nav-tabs{
  border-bottom:1px solid var(--vk-border);
}
.nav-pills{
  gap:.35rem;
}
.nav-item{
  display:block;
}
.nav-link{
  display:block;
  padding:.55rem .8rem;
  border-radius:4px;
  color:var(--vk-muted);
  cursor:pointer;
}
.nav-tabs .nav-link{
  border:1px solid transparent;
  border-bottom:0;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}
.nav-link:hover{
  color:var(--vk-text);
  text-decoration:none;
  background:rgba(255,255,255,.05);
}
.nav-link.active,.nav-tabs .nav-link.active{
  color:var(--vk-text);
  background:var(--vk-panel);
  border-color:var(--vk-border);
}
.tab-content>.tab-pane{
  display:none;
}
.tab-content>.active{
  display:block;
}

.dropdown{
  position:relative;
}
.dropdown-toggle{
  white-space:nowrap;
}
.dropdown-toggle::after{
  display:inline-block;
  margin-left:.35em;
  vertical-align:.15em;
  content:"";
  border-top:.32em solid;
  border-right:.32em solid transparent;
  border-bottom:0;
  border-left:.32em solid transparent;
}
.dropdown-menu{
  position:absolute;
  z-index:1055;
  display:none;
  min-width:10rem;
  padding:.35rem;
  margin:0;
  background:#151a23;
  border:1px solid var(--vk-border-2);
  border-radius:10px;
  box-shadow:var(--vk-shadow);
  color:var(--vk-text);
}
.dropdown-menu.show{
  display:block;
}
.dropdown-menu-end{
  right:0;
  left:auto;
}
.dropdown-item{
  display:block;
  width:100%;
  padding:.48rem .75rem;
  clear:both;
  font-weight:500;
  color:var(--vk-text);
  text-align:inherit;
  background:transparent;
  border:0;
  cursor:pointer;
  border-radius:4px;
}
.dropdown-item:hover,.dropdown-item:focus{
  background:rgba(25,200,231,.12);
  color:#fff;
  text-decoration:none;
}
.dropdown-divider{
  height:0;
  margin:.35rem 0;
  overflow:hidden;
  border-top:1px solid var(--vk-border);
}

.modal-open{
  overflow:hidden;
}
.modal{
  position:fixed;
  top:0;
  left:0;
  z-index:1050;
  display:none;
  width:100%;
  height:100%;
  overflow:hidden;
  outline:0;
  background:rgba(0,0,0,.55);
}
.modal.show{
  display:block;
}
.modal-dialog{
  position:relative;
  width:auto;
  margin:1.75rem auto;
  max-width:500px;
  pointer-events:none;
}
.modal-dialog-centered{
  display:flex;
  align-items:center;
  min-height:calc(100% - 3.5rem);
}
.modal-dialog-scrollable{
  height:calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content{
  max-height:100%;
  overflow:hidden;
}
.modal-dialog-scrollable .modal-body{
  overflow-y:auto;
}
.modal-lg{
  max-width:800px;
}
.modal-xl{
  max-width:1140px;
}
.modal-content{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  pointer-events:auto;
  background:var(--vk-panel);
  border:1px solid var(--vk-border-2);
  border-radius:14px;
  box-shadow:var(--vk-shadow);
  outline:0;
  color:var(--vk-text);
}
.modal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.9rem 1rem;
  border-bottom:1px solid var(--vk-border);
}
.modal-title{
  margin:0;
  font-size:1.05rem;
  font-weight:800;
}
.modal-body{
  position:relative;
  flex:1 1 auto;
  padding:1rem;
}
.modal-footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:.5rem;
  padding:.75rem 1rem;
  border-top:1px solid var(--vk-border);
}
.modal-static .modal-dialog{
  transform:scale(1.01);
}
.fade{
  transition:opacity .15s linear;
}
.fade:not(.show){
  opacity:0;
}

.list-group{
  display:flex;
  flex-direction:column;
  padding-left:0;
  margin:0;
  border-radius:10px;
  background:var(--vk-panel);
  border:1px solid var(--vk-border);
  overflow:hidden;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}
.list-group-flush{
  border-radius:0;
  border-left:0;
  border-right:0;
  box-shadow:none;
  background:transparent;
}
.list-group-item{
  position:relative;
  display:block;
  width:100%;
  padding:.65rem .85rem;
  border:0;
  border-bottom:1px solid var(--vk-border);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
  color:var(--vk-text);
  text-align:left;
  font-size:13px;
  line-height:1.35;
}
.list-group-item:last-child{
  border-bottom:0;
}
.list-group-item-action{
  cursor:pointer;
  user-select:none;
  transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .08s;
}
.list-group-item-action:hover{
  z-index:1;
  background:linear-gradient(180deg,rgba(25,200,231,.13),rgba(25,200,231,.055));
  color:#fff;
  text-decoration:none;
  box-shadow:inset 3px 0 0 rgba(25,200,231,.75);
}
.list-group-item-action:focus-visible{
  z-index:2;
  outline:0;
  box-shadow:inset 3px 0 0 rgba(25,200,231,.95),0 0 0 3px rgba(25,200,231,.22);
}
.list-group-item-action:active{
  transform:translateY(1px);
  background:linear-gradient(180deg,rgba(25,200,231,.18),rgba(25,200,231,.08));
}
.list-group-item.active{
  z-index:2;
  background:linear-gradient(180deg,rgba(25,200,231,.22),rgba(25,200,231,.10));
  color:#dffbff;
  border-color:rgba(25,200,231,.35);
  box-shadow:inset 3px 0 0 var(--vk-primary),inset 0 1px 0 rgba(255,255,255,.12);
}
.list-group-item.disabled,.list-group-item:disabled{
  opacity:.55;
  pointer-events:none;
  background:rgba(255,255,255,.025);
  color:var(--vk-muted);
}
.list-group-flush>.list-group-item{
  border-right:0;
  border-left:0;
  border-radius:0;
  background:transparent;
}
.list-group-flush>.list-group-item:first-child{
  border-top:0;
}
.list-group-flush>.list-group-item:last-child{
  border-bottom:0;
}

.input-group>.input-group-text{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  padding:.45rem .65rem;
  border:1px solid var(--vk-border-2);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  color:var(--vk-muted);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.input-group>.input-group-text:first-child{
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
.input-group>.input-group-text:last-child{
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}
.input-group>.input-group-text i.text-warning{
  filter:drop-shadow(0 0 5px rgba(255,202,85,.45));
}

.input-group>.select2-container{
  flex:1 1 auto;
  width:1%!important;
  min-width:0;
}
.input-group>.select2-container .select2-selection{
  height:100%;
  min-height:36px;
  border-radius:0;
  border:1px solid var(--vk-border-2);
  background:#0f141d;
  color:var(--vk-text);
  display:flex;
  align-items:center;
}
.input-group>.select2-container:last-child .select2-selection{
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
}
.input-group>.select2-container:not(:first-child) .select2-selection{
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}
.input-group>.select2-container:not(:last-child) .select2-selection{
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
.input-group>.input-group-text+.select2-container .select2-selection{
  margin-left:-1px;
}
.input-group>.select2-container .select2-selection__rendered{
  color:var(--vk-text);
  padding-left:.7rem;
  padding-right:2rem;
  line-height:1.2;
}
.input-group>.select2-container .select2-selection__arrow{
  height:100%;
  right:.45rem;
}
.input-group>.select2-container.select2-container--focus .select2-selection,.input-group>.select2-container.select2-container--open .select2-selection{
  border-color:var(--vk-primary);
  box-shadow:0 0 0 3px rgba(25,200,231,.18);
  z-index:4;
}

.input-group>select.select2-hidden-accessible{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:0!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.input-group>.select2-container{
  position:relative!important;
  flex:1 1 0!important;
  width:0!important;
  min-width:0!important;
  margin-left:-1px!important;
}
.input-group>.input-group-text+.select2-hidden-accessible+.select2-container .select2-selection{
  border-top-left-radius:0!important;
  border-bottom-left-radius:0!important;
  margin-left:0!important;
}
.input-group>.select2-container:last-child .select2-selection{
  border-top-right-radius:4px!important;
  border-bottom-right-radius:4px!important;
}
.input-group>.select2-container .select2-selection{
  height:36px!important;
  min-height:36px!important;
  border:1px solid var(--vk-border-2)!important;
  background:#0f141d!important;
  color:var(--vk-text)!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.input-group>.select2-container .select2-selection--single .select2-selection__rendered{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding-left:.7rem!important;
  padding-right:2rem!important;
  color:var(--vk-text)!important;
  line-height:34px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.input-group>.select2-container .select2-selection--single .select2-selection__arrow{
  height:34px!important;
  right:.45rem!important;
  top:0!important;
}
.input-group>.select2-container .select2-selection--multiple{
  height:auto!important;
  min-height:36px!important;
  padding:.2rem .35rem!important;
  align-items:center!important;
}
.input-group>.select2-container .select2-selection--multiple .select2-selection__rendered{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.25rem!important;
  padding:0!important;
  margin:0!important;
}
.input-group>.select2-container.select2-container--focus .select2-selection,.input-group>.select2-container.select2-container--open .select2-selection{
  border-color:var(--vk-primary)!important;
  box-shadow:0 0 0 3px rgba(25,200,231,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
  z-index:4;
}
.input-group>.input-group-text{
  height:36px;
  min-width:40px;
  flex:0 0 40px;
}

.dropdown-menu{
  list-style:none;
  padding:.35rem;
  margin:0;
}

.dropdown-menu li{
  list-style:none;
  margin:0;
  padding:0;
}