.logo-container2 {
	width: 130px;
    float: left;
    height: 49px;
    position: relative;
    margin-left: 2px;
    cursor: pointer;
    transition: .20s all;
    display: flex;
}

.logo-svg {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 0 8px rgba(12, 190, 255, 0.3));
}

.logo-svg path {
  stroke: #0CBEFF;
  stroke-width: 1.2;
                                                              
}

@keyframes strokePulse {
  0%   { stroke: #0CBEFF; stroke-opacity: 0.4; filter: drop-shadow(0 0 2px #0CBEFF); }
  30%  { stroke: #7DF9FF; stroke-opacity: 0.9; filter: drop-shadow(0 0 6px #7DF9FF); }
  60%  { stroke: #0CBEFF; stroke-opacity: 0.6; filter: drop-shadow(0 0 3px #0CBEFF); }
  80%  { stroke: #00EAFF; stroke-opacity: 1;   filter: drop-shadow(0 0 8px #00EAFF); }
  100% { stroke: #0CBEFF; stroke-opacity: 0.4; filter: drop-shadow(0 0 2px #0CBEFF); }
}

canvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: 3;
}

                                 
                        
                                  
                                    

.page-head {
  margin-bottom: 22px;
  padding: 18px 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at top left, rgba(28, 180, 255, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(18, 22, 31, 0.96), rgba(10, 13, 19, 0.96));
  border: 1px solid rgba(88, 141, 255, 0.12);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  position: relative;
  overflow: hidden;
}

.page-head::after {
  content: "";
  position: absolute;
  top: -70px;
  right: -70px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 158, 255, 0.14), transparent 68%);
  pointer-events: none;
}

.page-head-ico {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(13, 52, 89, 0.95), rgba(9, 25, 44, 0.95));
  border: 1px solid rgba(52, 179, 255, 0.25);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset, 0 0 18px rgba(0, 158, 255, 0.12);
}

.page-head-ico svg {
  width: 19px;
  height: 19px;
  filter: drop-shadow(0 0 8px rgba(0, 158, 255, 0.28));
}

.page-head-title {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .3px;
}

.page-head-title span {
  text-shadow: 0 0 12px rgba(0, 158, 255, 0.20);
}

.shop-layout {
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) 360px;
}

.shop-card,
.info-card,
.settings-block,
.g-priv-item {
  background:
    linear-gradient(180deg, rgba(18, 22, 31, 0.96), rgba(9, 12, 18, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 22px;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.33),
    inset 0 1px 0 rgba(255,255,255,0.03);
  overflow: hidden;
}

.shop-card-head,
.info-card-head,
.modal-head-service {
  padding: 18px 22px;
  background:
    linear-gradient(180deg, rgba(21, 27, 39, 0.96), rgba(13, 18, 28, 0.96));
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.shop-card-head-ico,
.info-card-head svg,
.modal-head-ico-service {
  box-shadow: 0 0 16px rgba(0, 158, 255, 0.12);
}

.shop-card-head-ico,
.modal-head-ico-service {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: linear-gradient(180deg, rgba(0, 158, 255, 0.18), rgba(0, 158, 255, 0.08));
  border: 1px solid rgba(0, 158, 255, 0.22);
}

.modal-head-ico-service {
  background: linear-gradient(180deg, rgba(255, 208, 0, 0.18), rgba(255, 208, 0, 0.06));
  border-color: rgba(255, 208, 0, 0.20);
  box-shadow: 0 0 16px rgba(255, 208, 0, 0.08);
}

.shop-card-head-title,
.info-card-head span,
.modal-head-title-service {
  font-size: 14px;
  letter-spacing: .3px;
}

.shop-card-body,
.info-card-body {
  padding: 22px;
}

.shop-step {
  gap: 10px;
  padding: 16px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,255,255,0.04);
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.shop-step:hover {
  border-color: rgba(0, 158, 255, 0.18);
  box-shadow: 0 12px 25px rgba(0,0,0,0.18);
  transform: translateY(-1px);
}

.shop-step-label {
  font-size: 11px;
  letter-spacing: 1.2px;
  color: #afbdd4;
}

.shop-step-num {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(0, 158, 255, 0.18), rgba(0, 158, 255, 0.08));
  border: 1px solid rgba(0, 158, 255, 0.24);
  box-shadow: 0 0 12px rgba(0, 158, 255, 0.10);
  font-size: 10px;
}

.shop-step-hint {
  font-size: 12px;
  line-height: 1.45;
  color: #8fa1bb;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0, 158, 255, .05);
  border: 1px solid rgba(0, 158, 255, .10);
}

.shop-divider {
  margin: 4px 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
}

.shop-select,
.settings-input,
.s-select,
.s-input,
.modal-input {
  min-height: 46px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(9, 13, 19, 0.96), rgba(14, 19, 29, 0.96));
  border: 1px solid rgba(255,255,255,0.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
  color: #edf4ff;
}

.shop-select,
.s-select {
  padding-right: 42px;
}

.shop-select:focus,
.settings-input:focus,
.s-select:not(:disabled):focus,
.s-input:not(:disabled):focus,
.modal-input:focus {
  border-color: rgba(0, 158, 255, 0.45);
  box-shadow:
    0 0 0 3px rgba(0, 158, 255, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.02);
}

.settings-input,
.s-input,
.modal-input {
  padding-left: 14px;
  padding-right: 14px;
}

#player_nick,
#player_steam_id,
#player_pass {
  margin-top: 10px;
}

.shop-actions {
  gap: 12px;
}

.btn-buy,
.btn-voucher,
.s-btn,
.s-btn-unlock,
.btn-extend,
.btn-extend-ok,
.btn-buy-unban {
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, opacity .18s ease;
}

.btn-buy::before,
.btn-voucher::before,
.s-btn::before,
.s-btn-unlock::before,
.btn-extend::before,
.btn-extend-ok::before,
.btn-buy-unban::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 80%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
  transition: left .45s ease;
}

.btn-buy:hover::before,
.btn-voucher:hover::before,
.s-btn:hover::before,
.s-btn-unlock:hover::before,
.btn-extend:hover::before,
.btn-extend-ok:hover::before,
.btn-buy-unban:hover::before {
  left: 140%;
}

.btn-buy,
.btn-extend-ok,
.btn-buy-unban {
  background: linear-gradient(135deg, #22b8ff, #1477ff);
  box-shadow: 0 14px 30px rgba(20, 119, 255, 0.24);
}

.btn-buy:hover,
.btn-extend-ok:hover,
.btn-buy-unban:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(20, 119, 255, 0.30);
}

.btn-voucher,
.s-btn,
.btn-extend {
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.08);
  color: #d7e6fb;
}

.btn-voucher:hover,
.s-btn:hover,
.btn-extend:hover {
  transform: translateY(-1px);
  border-color: rgba(0, 158, 255, 0.25);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(0,0,0,0.18);
}

.s-btn svg,
.btn-extend svg {
  color: #59c6ff;
}

.s-btn-unlock {
  background: linear-gradient(135deg, #1ecf84, #3df3a0);
  color: #072515;
  box-shadow: 0 14px 24px rgba(30, 207, 132, 0.18);
}

.s-btn-unlock.warning {
  background: linear-gradient(135deg, #ffb32d, #ff8d0b);
  color: #2a1700;
}

.s-btn-unlock.danger {
  background: linear-gradient(135deg, #ff6f6f, #ff3f6f);
  color: #2b0812;
}

.auth-warn {
  border-radius: 16px;
  padding: 16px 18px;
  background: linear-gradient(180deg, rgba(255,80,80,.10), rgba(255,80,80,.05));
  border: 1px solid rgba(255,80,80,.20);
  line-height: 1.45;
}

.agreement {
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.05);
  font-size: 11px;
  line-height: 1.7;
  color: #93a4bd;
}

.info-panel {
  gap: 16px;
}

.info-card-head {
  gap: 10px;
}

.info-card-head svg {
  width: 16px;
  height: 16px;
  color: var(--accent);
}

.info-card-body {
  font-size: 13px;
}

#store_service_info > p img,
.info-card-body img {
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 12px 28px rgba(0,0,0,0.22);
}

.srv-info-row {
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.srv-info-row-label {
  color: #8ea0ba;
}

.srv-info-row-val {
  color: #f2f7ff;
}

.g-priv-list {
  gap: 12px;
}

.g-priv-item {
  padding: 18px 20px;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.g-priv-item:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 158, 255, 0.22);
  box-shadow: 0 18px 34px rgba(0,0,0,0.24);
}

.g-priv-num {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,158,255,0.08);
  border: 1px solid rgba(0,158,255,0.18);
  letter-spacing: .5px;
}

.g-priv-server {
  font-size: 14px;
}

.g-priv-steam {
  font-size: 12px;
  color: #8fa1bb;
}

.g-priv-status {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.05);
}

.g-priv-bar {
  left: 18px;
  right: 18px;
  bottom: 0;
}

.section-label {
  font-size: 11px;
  color: #a8b8cf;
  margin-bottom: 14px;
}

.section-label::after {
  background: linear-gradient(90deg, rgba(255,255,255,0.08), transparent);
}

.settings-block {
  padding: 6px;
}

.setting-row {
  align-items: flex-start;
  padding: 14px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.setting-label {
  font-size: 11px;
  color: #9cafc7;
  padding-top: 12px;
}

.setting-control {
  gap: 10px;
}

.status-active,
.status-paused {
  padding: 7px 12px;
  font-size: 11px;
  border-radius: 999px;
}

.services-table {
  border-spacing: 0 10px;
}

.services-table thead th {
  padding: 0 14px 6px;
  font-size: 10px;
  color: #97a8c2;
}

.service-row td {
  background: linear-gradient(180deg, rgba(16,20,28,0.98), rgba(10,13,18,0.98));
  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
  font-size: 12px;
}

.service-row td:first-child {
  border-left: 1px solid rgba(255,255,255,0.05);
  border-radius: 14px 0 0 14px;
}

.service-row td:last-child {
  border-right: 1px solid rgba(255,255,255,0.05);
  border-radius: 0 14px 14px 0;
}

.service-row:hover td {
  background: linear-gradient(180deg, rgba(20,26,37,0.98), rgba(11,15,22,0.98));
  border-color: rgba(0,158,255,0.18);
}

.modal-content {
  background: linear-gradient(180deg, rgba(14,18,25,0.99), rgba(8,11,16,0.99));
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 22px;
  box-shadow: 0 24px 80px rgba(0,0,0,0.42);
}

.modal-close-service,
.modal-close {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}

.modal-close-service:hover,
.modal-close:hover {
  background: rgba(255,80,80,0.08);
}

.shop_cards {
  gap: 18px !important;
}

.shop_cards .shop_card {
  gap: 10px;
  transition: transform .2s ease;
}

.shop_cards .shop_card:hover {
  transform: translateY(-4px);
}

.shop_card .card_bg {
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.06);
  background:
    radial-gradient(circle at top left, rgba(34,183,255,0.15), transparent 32%),
    linear-gradient(180deg, rgba(17,21,29,0.98), rgba(8,11,17,0.98));
  box-shadow:
    0 18px 38px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,255,255,0.03);
}

.shop_card .card_bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,158,255,0.08), transparent 45%);
  pointer-events: none;
}

.shop_card .card_bg::after {
  content: "";
  position: absolute;
  inset: auto -40px -60px auto;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,158,255,0.14), transparent 70%);
  pointer-events: none;
}

.shop_card:hover .card_bg {
  border-color: rgba(34,183,255,0.28);
  box-shadow:
    0 24px 48px rgba(0,0,0,0.34),
    0 0 0 1px rgba(34,183,255,0.06) inset;
}

.card_bg h2 {
  position: relative;
  z-index: 2;
  font-size: 38px;
  line-height: 1.02;
  text-shadow: 0 6px 20px rgba(0,0,0,0.35);
}

.card_bg p {
  position: relative;
  z-index: 2;
  font-size: 17px;
  color: #dfe8f7;
}

.shop_card h5 {
  color: #91a4c0;
  font-size: 13px;
  font-weight: 600;
}

.card_bg .card_human {
  filter: drop-shadow(0 18px 32px rgba(0, 0, 0, 0.35));
}

.shop_card:hover > .card_bg p {
  color: #7ad8ff;
}

.shop_card:hover h5 {
  color: #ffffff;
}

@media (max-width: 1300px) {
  .shop-layout {
    grid-template-columns: 1fr 320px;
  }

  .card_bg h2 {
    font-size: 34px;
  }
}

@media (max-width: 992px) {
  .page-head {
    padding: 16px 18px;
    border-radius: 18px;
  }

  .page-head-title {
    font-size: 18px;
  }

  .shop-layout {
    grid-template-columns: 1fr;
  }

  .setting-row {
    flex-direction: column;
  }

  .setting-label {
    width: 100%;
    padding-top: 0;
  }

  .setting-control {
    width: 100%;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .page-head {
    gap: 10px;
    padding: 14px 14px;
  }

  .page-head-ico {
    width: 38px;
    height: 38px;
  }

  .shop-card,
  .info-card,
  .settings-block,
  .g-priv-item,
  .shop_card .card_bg {
    border-radius: 18px;
  }

  .shop-card-head,
  .info-card-head,
  .modal-head-service,
  .shop-card-body,
  .info-card-body {
    padding-left: 16px;
    padding-right: 16px;
  }

  .shop-step {
    padding: 14px;
  }

  .shop-select,
  .settings-input,
  .s-select,
  .s-input,
  .modal-input,
  .btn-buy,
  .btn-voucher,
  .s-btn,
  .s-btn-unlock {
    width: 100%;
  }

  .shop-actions,
  .setting-control {
    flex-direction: column;
    align-items: stretch;
  }

  .g-priv-item {
    gap: 12px;
    padding: 16px;
    flex-wrap: wrap;
  }

  .g-priv-status {
    width: 100%;
    justify-content: center;
  }

  .services-table {
    display: block;
    overflow-x: auto;
  }

  .card_bg h2 {
    font-size: 28px;
    width: 80%;
  }

  .card_bg p {
    font-size: 15px;
  }
}


                                 
                                                               
                                    

:root {
  --energy-neon-1: #22b8ff;
  --energy-neon-2: #1477ff;
  --energy-panel-top: rgba(18, 22, 31, 0.96);
  --energy-panel-bot: rgba(10, 13, 19, 0.98);
  --energy-border: rgba(255,255,255,0.06);
  --energy-border-soft: rgba(34,184,255,0.18);
  --energy-shadow: 0 20px 50px rgba(0,0,0,0.33);
}

.list-tabs {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  flex-wrap: wrap;
}

.list-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 18px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .2px;
  color: #97a6be;
  background: linear-gradient(180deg, rgba(20,24,33,.92), rgba(14,17,24,.95));
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
  transition: .18s ease;
}

.list-tabs a:hover {
  color: #eaf5ff;
  border-color: rgba(34,184,255,.22);
  transform: translateY(-1px);
}

.list-tabs a.active {
  color: #dff7ff;
  background: linear-gradient(180deg, rgba(0,158,255,.20), rgba(11,26,49,.92));
  border-color: rgba(34,184,255,.34);
  box-shadow: 0 0 0 1px rgba(34,184,255,.10) inset, 0 0 18px rgba(34,184,255,.10);
}

.server-nav {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  margin-bottom: 16px;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(34,184,255,.08), transparent 28%),
    linear-gradient(180deg, var(--energy-panel-top), var(--energy-panel-bot));
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: var(--energy-shadow), inset 0 1px 0 rgba(255,255,255,.02);
}

.server-nav-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-right: 4px;
  color: #8fa2bc;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  white-space: nowrap;
}

.server-list-wrap {
  min-width: 0;
}

.server-list {
  gap: 8px;
}

.server-btn {
  height: 34px;
  padding: 0 14px;
  border-radius: 11px;
  background: linear-gradient(180deg, rgba(21,26,36,.94), rgba(14,17,24,.96));
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
  transition: .18s ease;
}

.server-btn a,
.server-btn {
  color: #95a3bb;
}

.server-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(34,184,255,.24);
  box-shadow: 0 8px 18px rgba(0,0,0,.16);
}

.server-btn:hover a {
  color: #eef7ff;
}

.server-btn.active {
  background: linear-gradient(180deg, rgba(0,158,255,.18), rgba(12,27,49,.96));
  border-color: rgba(34,184,255,.36);
  box-shadow: 0 0 0 1px rgba(34,184,255,.10) inset, 0 0 16px rgba(34,184,255,.09);
}

.server-btn.active,
.server-btn.active a {
  color: #dff7ff;
}

.scroll-btn {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(18,22,30,.95), rgba(12,15,22,.98));
  border: 1px solid rgba(255,255,255,.06);
  color: #95a3bb;
  transition: .18s ease;
}

.scroll-btn:hover {
  color: #fff;
  border-color: rgba(34,184,255,.24);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,.16);
}

.search-wrap {
  gap: 0;
}

.search-input {
  width: 260px;
  height: 38px;
  border-radius: 12px 0 0 12px;
  border: 1px solid rgba(255,255,255,.06);
  border-right: 0;
  background: linear-gradient(180deg, rgba(14,18,26,.96), rgba(16,20,28,.98));
  color: #edf5ff;
  padding: 0 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

.search-input::placeholder {
  color: #74839b;
}

.search-input:focus {
  border-color: rgba(34,184,255,.36);
  box-shadow: 0 0 0 3px rgba(34,184,255,.08);
}

.search-btn {
  width: 38px;
  height: 38px;
  border-radius: 0 12px 12px 0;
  background: linear-gradient(135deg, #22b8ff, #1477ff);
  box-shadow: 0 12px 25px rgba(20,119,255,.20);
}

.search-btn:hover {
  opacity: 1;
  transform: translateY(-1px);
  box-shadow: 0 16px 28px rgba(20,119,255,.24);
}

.ban-stats {
  gap: 14px;
  margin-bottom: 16px;
}

.ban-stat-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  padding: 16px 18px;
  background:
    radial-gradient(circle at top left, rgba(34,184,255,.06), transparent 35%),
    linear-gradient(180deg, rgba(18,22,31,.96), rgba(11,13,20,.98));
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: var(--energy-shadow), inset 0 1px 0 rgba(255,255,255,.02);
}

.ban-stat-card::after {
  content: "";
  position: absolute;
  right: -35px;
  top: -35px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(34,184,255,.10), transparent 68%);
  pointer-events: none;
}

.ban-stat-val {
  font-size: 22px;
  text-shadow: 0 0 12px rgba(255,255,255,.04);
}

.ban-stat-label {
  font-size: 10px;
  letter-spacing: 1.2px;
  color: #7887a0;
}

.ban-table-head {
  border-radius: 14px;
  padding: 12px 16px;
  background: linear-gradient(180deg, rgba(22,26,35,.96), rgba(16,19,27,.98));
  border: 1px solid rgba(255,255,255,.05);
  margin-bottom: 6px;
}

.ban-table-head > div {
  color: #71829b;
  font-size: 10px;
  letter-spacing: 1.25px;
}

#banlist, #muts, .stats_table {
  gap: 8px;
}

.ban-row {
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(18,22,31,.97), rgba(11,13,20,.99));
  border: 1px solid rgba(255,255,255,.05);
  box-shadow: 0 12px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.015);
}

.ban-row:hover {
  border-color: rgba(34,184,255,.14);
  box-shadow: 0 16px 35px rgba(0,0,0,.22);
}

.ban-row.expanded {
  border-color: rgba(34,184,255,.30);
  box-shadow: 0 16px 35px rgba(0,0,0,.22), 0 0 0 1px rgba(34,184,255,.07) inset;
}

.ban-row-head {
  padding: 14px 16px;
}

.ban-row-head:hover {
  background: rgba(255,255,255,.015);
}

.ban-ico-wrap {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: linear-gradient(180deg, rgba(255,80,80,.14), rgba(84,27,27,.12));
  border: 1px solid rgba(255,80,80,.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.ban-col-nick {
  font-size: 14px;
  color: #f3f8ff;
}

.ban-col-nick a {
  color: inherit;
}

.ban-col-reason {
  color: #9ba9c0;
  font-size: 12px;
}

.ban-col-length,
.ban-col-end,
.ban-col-admin {
  color: #b8c6da;
  font-size: 12px;
}

.ban-col-admin > span > a img {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  box-shadow: 0 4px 12px rgba(0,0,0,.20);
}

.ban-chevron {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(22,26,35,.96), rgba(14,17,24,.98));
  border: 1px solid rgba(255,255,255,.06);
}

.ban-details {
  border-top: 1px solid rgba(255,255,255,.05);
}

.ban-details-head {
  padding: 11px 16px;
  background: linear-gradient(180deg, rgba(9,12,17,.70), rgba(8,11,15,.88));
  border-bottom: 1px solid rgba(255,255,255,.05);
}

.ban-details-head > div {
  color: #72829a;
  font-size: 10px;
}

.ban-details-body {
  padding: 14px 16px;
}

.ban-details-body > div {
  color: #9aa8bf;
}

.ban-details-body .bid-val {
  color: #f2f7ff;
}

.ban-date-input {
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(13,17,24,.98), rgba(10,13,19,.98));
  border: 1px solid rgba(255,255,255,.07);
}

.ban-date-input:focus {
  border-color: rgba(34,184,255,.36);
  box-shadow: 0 0 0 3px rgba(34,184,255,.08);
}

.btn-timepicker {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(20,24,33,.95), rgba(14,17,24,.98));
  border: 1px solid rgba(255,255,255,.06);
}

.btn-unban {
  border-radius: 10px;
  border-color: rgba(6,209,108,.26);
}

#pagination2,
#pagination {
  margin-top: 18px;
}

#pagination2 ul,
#pagination ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
}

#pagination2 ul li,
#pagination ul li {
  list-style: none;
}

#pagination2 ul li a,
#pagination ul li a,
#pagination2 ul li span,
#pagination ul li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  border-radius: 11px;
  text-decoration: none;
  color: #95a3bb;
  background: linear-gradient(180deg, rgba(18,22,31,.96), rgba(11,13,20,.98));
  border: 1px solid rgba(255,255,255,.06);
  transition: .18s ease;
}

#pagination2 ul li a:hover,
#pagination ul li a:hover,
#pagination2 ul li.active span,
#pagination ul li.active span {
  color: #eef8ff;
  border-color: rgba(34,184,255,.30);
  box-shadow: 0 0 0 1px rgba(34,184,255,.08) inset;
}

@media (max-width: 1200px) {
  .server-nav {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .server-nav-label {
    padding-right: 0;
  }

  .search-wrap {
    width: 100%;
  }

  .search-input {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .list-tabs {
    gap: 8px;
  }

  .list-tabs a {
    flex: 1 1 auto;
    min-width: 0;
  }

  .server-nav {
    padding: 12px;
    border-radius: 16px;
  }

  .ban-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .ban-stat-card,
  .ban-table-head,
  .ban-row {
    border-radius: 14px;
  }
}


                                                            
                                   
                                                    
                                                               

:root {
  --main-bg: #090b10;
  --accent: #1ab8ff;
  --accent-light: #7fdbff;
  --divider: rgba(130, 168, 255, 0.11);
  --hover: rgba(17, 21, 30, 0.94);
  --card2: rgba(13, 17, 25, 0.96);
  --statics: rgba(123, 136, 160, 0.85);
  --text-white: #f4f8ff;
  --text-dim: #97a9c7;
  --text-second: #6f7f99;
}

html {
  background: #07090d;
}

body {
  background:
    radial-gradient(circle at 10% 5%, rgba(24, 148, 255, 0.13), transparent 22%),
    radial-gradient(circle at 92% 12%, rgba(11, 186, 255, 0.09), transparent 18%),
    linear-gradient(180deg, #0b0e13 0%, #07090d 100%);
  color: var(--text-white);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.015), transparent 20%),
    radial-gradient(circle at 50% 0%, rgba(26,184,255,0.06), transparent 42%);
  z-index: 0;
}

#root,
.wrapper,
.new_container,
.content_area,
.content_wrapper,
.main_content {
  position: relative;
  z-index: 1;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.025);
}

::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(35,184,255,0.45), rgba(20,119,255,0.45));
  border: 2px solid transparent;
  background-clip: padding-box;
}

::selection {
  background: rgba(26, 184, 255, 0.24);
  color: #fff;
}

.main_content {
  background: transparent;
  padding: 18px 18px 0;
  min-height: 100vh;
}

.content_area {
  margin-left: 220px;
}

.content_wrapper {
  padding: 18px 10px 18px 10px;
}

.left_menu {
  background: linear-gradient(180deg, rgba(9, 11, 16, 0.97), rgba(6, 8, 12, 0.98));
  border-right: 1px solid rgba(255,255,255,0.05);
  box-shadow: 24px 0 60px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(12px);
}

.left_menu::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 90px;
  background: linear-gradient(180deg, rgba(255,255,255,0.025), transparent);
  pointer-events: none;
}

.logo-container {
  position: relative;
  z-index: 2;
  padding: 10px 16px 8px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.logo-container2 {
  width: 136px;
  margin-left: 0;
  height: 40px;
}

.logo-container2::after {
  content: "";
  position: absolute;
  inset: -8px -16px;
  border-radius: 16px;
  background: radial-gradient(circle, rgba(0,190,255,0.10), transparent 65%);
  z-index: 1;
  pointer-events: none;
}

#number_max {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 30px;
  margin-left: 10px;
  padding: 0 12px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(14, 28, 45, 0.95), rgba(8, 18, 31, 0.95));
  border: 1px solid rgba(35,184,255,0.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 0 20px rgba(35,184,255,0.10);
  color: var(--accent);
  font-weight: 800;
  font-size: 13px;
}

#number_max .number-max-value,
#number_max > div,
#number_max > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--accent) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 0 10px rgba(35,184,255,0.18);
}

.logo-container > .info-line div {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin-left: 0 !important;
  box-shadow: none !important;
  color: var(--accent) !important;
}

.sidebar-profile,
.sidebar-profile-register {
  margin: 10px 14px 0;
  padding: 14px;
  background:
    radial-gradient(circle at right top, rgba(26,184,255,0.12), transparent 35%),
    linear-gradient(180deg, rgba(17,22,32,0.97), rgba(11,15,22,0.97));
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 18px;
  box-shadow: 0 16px 34px rgba(0,0,0,0.28);
}

.sidebar-profile:hover,
.sidebar-profile.active,
.sidebar-profile-register:hover {
  border-color: rgba(35,184,255,0.26);
  box-shadow: 0 18px 38px rgba(0,0,0,0.34), 0 0 0 1px rgba(35,184,255,0.08) inset;
}

.sidebar-profile-ava {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(35,184,255,0.28);
  box-shadow: 0 0 0 3px rgba(35,184,255,0.05);
}

.sidebar-profile-ava img {
  border-radius: 14px;
}

.sidebar-profile-name,
.sidebar-profile-name-register {
  color: #ffffff;
  font-weight: 800;
  font-size: 15px;
}

.sidebar-profile-balance,
.sidebar-profile-balance-register {
  color: var(--accent);
  font-weight: 800;
  font-size: 13px;
}

.sidebar-profile-info-register {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
}

.sidebar-auth-link {
  display: flex !important;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 0 8px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.025);
  text-decoration: none !important;
  line-height: 1;
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

.sidebar-auth-link:hover {
  transform: translateX(2px);
  border-color: rgba(35,184,255,0.24);
  background: rgba(35,184,255,0.07);
}

.sidebar-auth-emoji {
  width: 18px;
  min-width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1;
  filter: drop-shadow(0 0 8px rgba(35,184,255,0.18));
}

.sidebar-profile-arrow {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(255,255,255,0.03);
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu_btn {
  padding: 8px 14px;
  gap: 6px;
}

.collapsible-menu {
  gap: 8px;
}

.collapsible-menu a {
  height: 40px;
  border-radius: 14px;
  padding: 0 12px;
  gap: 14px;
  border: 1px solid transparent;
  color: #7f8ca5;
  font-weight: 600;
  background: transparent;
}

.collapsible-menu a svg,
.collapsible-menu a svg path {
  color: #6f7c95;
  fill: currentColor;
}

.collapsible-menu a:hover,
.collapsible-menu a.active {
  color: #ffffff;
  background: linear-gradient(90deg, rgba(19,25,36,0.98), rgba(12,16,24,0.98));
  border-color: rgba(255,255,255,0.04);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.collapsible-menu a.active::before,
.collapsible-menu a:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 4px;
  border-radius: 10px;
  background: linear-gradient(180deg, var(--accent), #1178ff);
  box-shadow: 0 0 12px rgba(35,184,255,0.50);
}

.collapsible-menu a.active svg,
.collapsible-menu a.active svg path,
.collapsible-menu a:hover svg,
.collapsible-menu a:hover svg path {
  color: var(--accent);
  fill: currentColor;
}

.menu-item-badge {
  margin-left: auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22b8ff;
  box-shadow: 0 0 12px rgba(35,184,255,0.75);
}

.dop-btns {
  padding: 8px 14px 0;
}

.dop-btn {
  border-radius: 14px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05);
  color: #c9d5e8;
  box-shadow: 0 12px 24px rgba(0,0,0,0.12);
}

.dop-btn:hover {
  border-color: rgba(35,184,255,0.20);
  color: #fff;
}

                               
.dop-btn.admin,
.dop-btn.admin:hover,
.dop-btn.admin:focus {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  height: 42px !important;
  padding: 0 12px !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 14px !important;
  color: #c9d5e8 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-shadow: 0 12px 24px rgba(0,0,0,0.12) !important;
  transform: none !important;
}

.dop-btn.admin:hover {
  background: rgba(255,255,255,0.02) !important;
  border-color: rgba(255,154,0,0.45) !important;
  color: #ff9a00 !important;
}

.dop-btn.admin svg,
.dop-btn.admin:hover svg,
.dop-btn.admin:focus svg {
  width: 18px !important;
  min-width: 18px !important;
  flex: 0 0 18px !important;
  color: currentColor !important;
  transform: none !important;
}

.dop-btn.admin:focus {
  border-color: rgba(255,154,0,0.32) !important;
  color: #ff9a00 !important;
}

.social_btn {
  margin-top: 12px;
  padding: 14px;
  border-top: 1px solid rgba(255,255,255,0.05);
}

.social_btn a {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.04);
}

.social_btn a:hover {
  border-color: rgba(35,184,255,0.24);
  box-shadow: 0 0 20px rgba(35,184,255,0.10);
}

.block,
.table-wrap,
.sidebar-card,
.sidebar-block,
.topics-table,
.article-card,
.g-stat-card,
.g-priv-item,
.bar-card,
.table_info,
.shop-card,
.info-card,
.settings-block,
.ban-row,
.ban-table-head,
.ban-stat-card,
.modal-content,
.service-row td,
.topic-row,
.footer-inner,
.card_bg,
.table tbody td[colspan="10"] {
  border-color: rgba(255,255,255,0.05);
}

.block,
.table-wrap,
.sidebar-card,
.sidebar-block,
.topics-table,
.article-card,
.g-stat-card,
.bar-card,
.table_info,
.shop-card,
.info-card,
.settings-block,
.modal-content,
.card_bg,
#sections,
#forums,
#tickets,
#bans,
#muts,
#banlist {
  background:
    linear-gradient(180deg, rgba(18,22,31,0.97), rgba(10,13,19,0.98));
  border: 1px solid rgba(255,255,255,0.05);
  box-shadow: 0 20px 50px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.02);
}

.block,
.table-wrap,
.sidebar-card,
.sidebar-block,
.topics-table,
.article-card,
.g-stat-card,
.bar-card,
.table_info,
.shop-card,
.info-card,
.settings-block,
.modal-content,
.card_bg,
#sections,
#forums,
#tickets,
#bans,
#muts,
#banlist {
  border-radius: 18px;
}

.block_head,
.shop-card-head,
.info-card-head,
.sidebar-card-head,
.sidebar-block-head,
.topics-head,
.ban-table-head,
.modal-head-service,
.modal-header {
  background:
    linear-gradient(180deg, rgba(16,22,33,0.96), rgba(11,16,24,0.96));
  border-bottom-color: rgba(255,255,255,0.05);
}

.block .block_head,
.page-head,
.nav_icon {
  color: #fff;
}

.block .block_head,
.page-head,
.nav_icon,
.page-title,
.article-title,
.shop-card-head-title,
.modal-head-title-service {
  text-shadow: 0 0 18px rgba(35,184,255,0.08);
}

.block_head .head_icon,
.shop-card-head-ico,
.page-head-ico,
.modal-head-ico-service,
.nav > .nav_icon .svg {
  background: linear-gradient(180deg, rgba(24, 96, 158, 0.30), rgba(16, 42, 70, 0.30));
  border-color: rgba(35,184,255,0.25);
  box-shadow: 0 0 18px rgba(35,184,255,0.12);
}

.block_head .head_icon svg,
.shop-card-head-ico svg,
.page-head-ico svg,
.nav > .nav_icon .svg svg,
.nav > .nav_icon .svg svg path {
  color: var(--accent);
  fill: currentColor;
}

.page-head {
  padding: 18px 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at right top, rgba(26,184,255,0.14), transparent 26%),
    linear-gradient(180deg, rgba(13,20,31,0.98), rgba(7,11,17,0.98));
  border: 1px solid rgba(35,184,255,0.12);
  box-shadow: 0 18px 44px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.03);
  margin-bottom: 18px;
}

.page-head-title {
  font-size: 18px;
  font-weight: 900;
}

.page-head-title span,
.page-title span,
.modal-head-title-service span,
.article-meta-item a,
.footer-col-list a:hover,
.footer-bottom-links a:hover,
.sidebar-info-val a,
.table_info a,
.topic-title:hover,
.svc-name a:hover,
.pl-name a:hover {
  color: var(--accent);
}

.banner_top {
  gap: 18px;
}

.banner_top .banner_left,
.banner_top .top_donators,
.slider-for,
.slider-nav {
  border-radius: 24px;
  overflow: hidden;
}

.top_donators .block,
.banner_left .block {
  height: 100%;
}

.donator_card {
  border-radius: 16px;
  padding: 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.04);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.donator_card:hover {
  transform: translateY(-1px);
  border-color: rgba(35,184,255,0.18);
  box-shadow: 0 16px 28px rgba(0,0,0,0.14);
}

.card_title .login {
  font-weight: 700;
  font-size: 14px;
}

.card_title .group {
  color: var(--text-second);
}

                                    
.donator_card .card_flex {
  min-width: 0;
  gap: 10px;
}

.donator_card .card_flex > div:first-child {
  min-width: 0;
  flex: 1;
}

.donator_card .card_title {
  width: auto !important;
  min-width: 0;
  gap: 5px;
  line-height: 1.15;
}

.donator_card .card_title .login {
  max-width: 100%;
  font-weight: 700;
  letter-spacing: 0;
}

.donator_card .card_title .group {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  max-width: 100%;
  min-height: 20px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.04);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
}

.donator_card .card_title .group span,
.donator_card .card_title .group b,
.donator_card .card_title .group i {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.donator_card .sum_donators {
  flex-shrink: 0;
}

.monitoring,
.shop_cards,
.g-priv-list,
.stats-grid,
.ban-stats {
  gap: 16px !important;
}

.monitoring .server,
.shop_card .card_bg {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.05);
  box-shadow: 0 18px 38px rgba(0,0,0,0.24);
}

.monitoring .server::after,
.shop_card .card_bg::after {
  content: "";
  position: absolute;
  inset: auto auto -60px -60px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(35,184,255,0.16), transparent 66%);
  pointer-events: none;
  z-index: 1;
}

.monitoring .server::before {
  background: linear-gradient(180deg, rgba(7,10,16,0.16) 0%, rgba(7,10,16,0.74) 100%);
}

.monitoring > .server p {
  font-size: 15px;
  font-weight: 800;
}

.server .server_map {
  border-radius: 8px;
  border-color: rgba(35,184,255,0.28);
  background: rgba(35,184,255,0.12);
}

.server > .server_btn .server_ip,
.server > .server_btn .connect-server,
.server-btn,
.scroll-btn {
  background: rgba(12, 16, 24, 0.72);
  border: 1px solid rgba(255,255,255,0.08);
  color: #d6e1f2;
  backdrop-filter: blur(6px);
}

.server > .server_btn .connect-server:hover,
.server > .server_btn .server_ip:hover,
.server-btn:hover,
.scroll-btn:hover {
  border-color: rgba(35,184,255,0.24);
  color: #fff;
}

.card_bg {
  padding: 14px 24px;
}

.shop_card .card_bg {
  background:
    radial-gradient(circle at right top, rgba(35,184,255,0.12), transparent 28%),
    linear-gradient(180deg, rgba(18,22,31,0.98), rgba(10,13,19,0.98));
}

.shop_card:hover .card_bg {
  transform: translateY(-2px);
  border-color: rgba(35,184,255,0.20);
  box-shadow: 0 24px 44px rgba(0,0,0,0.30);
}

.card_bg h2 {
  font-size: clamp(34px, 2vw, 42px);
  text-shadow: 0 0 16px rgba(35,184,255,0.10);
}

.nav_container,
.nav_btns-container,
.search_container {
  gap: 12px;
}

.nav_container .nav_ul,
.nav_btns-container .nav_btns-ul {
  background: rgba(16,20,28,0.92);
  border: 1px solid rgba(255,255,255,0.05);
  padding: 4px;
  border-radius: 16px;
  box-shadow: 0 16px 30px rgba(0,0,0,0.14);
}

.caterogy-list .active,
.btns_caterogy-list .active,
.nav_btns-container > .nav_btns-ul ul li.active {
  background: linear-gradient(180deg, rgba(21,33,49,0.98), rgba(13,22,34,0.98));
  border: 1px solid rgba(35,184,255,0.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 0 18px rgba(35,184,255,0.08);
}

.nav_container > .nav_ul .nav_btn a,
.nav_btns-container > .nav_btns-ul ul li,
.server-btn,
.scroll-btn {
  border-radius: 12px;
}

.nav_container > .nav_ul .nav_btn a:hover,
.nav_btns-container > .nav_btns-ul ul li:hover,
.nav_btns-container > .nav_btns-ul ul li.active {
  border-color: rgba(35,184,255,0.18);
}

.nav_container > .nav_ul .nav_btn a svg,
.nav_container > .nav_ul .nav_btn a svg path,
.scroll-btn svg,
.scroll-btn svg path {
  color: var(--text-dim);
  fill: currentColor;
}

.nav_container > .nav_ul .nav_btn a:hover svg,
.nav_container > .nav_ul .nav_btn a:hover svg path,
.scroll-btn:hover svg,
.scroll-btn:hover svg path {
  color: var(--accent);
  fill: currentColor;
}

.input input,
.search-input,
.ban-date-input,
.reg-input,
.form-control,
.form-control:disabled,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select {
  background: linear-gradient(180deg, rgba(10,13,19,0.96), rgba(14,18,26,0.96));
  border: 1px solid rgba(255,255,255,0.07);
  color: #edf4ff;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}

.input input:hover,
.search-input:hover,
.ban-date-input:hover,
.reg-input:hover,
.form-control:hover,
textarea:hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
select:hover {
  border-color: rgba(255,255,255,0.10);
}

.input input:focus,
.search-input:focus,
.ban-date-input:focus,
.reg-input:focus,
.form-control:focus,
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus {
  border-color: rgba(35,184,255,0.45);
  box-shadow: 0 0 0 3px rgba(35,184,255,0.08), inset 0 1px 0 rgba(255,255,255,0.02);
}

.input input::placeholder,
.search-input::placeholder,
.ban-date-input::placeholder,
.reg-input::placeholder,
textarea::placeholder {
  color: #75839a;
}

#authorization .reg-input,
#registration .reg-input,
#api_auth .reg-input {
  background: linear-gradient(180deg, rgba(10,13,19,0.98), rgba(14,18,26,0.98)) !important;
  color: #edf4ff !important;
  opacity: 1 !important;
}

#authorization .reg-input:-webkit-autofill,
#authorization .reg-input:-webkit-autofill:hover,
#authorization .reg-input:-webkit-autofill:focus,
#registration .reg-input:-webkit-autofill,
#registration .reg-input:-webkit-autofill:hover,
#registration .reg-input:-webkit-autofill:focus,
#api_auth .reg-input:-webkit-autofill,
#api_auth .reg-input:-webkit-autofill:hover,
#api_auth .reg-input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #0d121a inset !important;
  box-shadow: 0 0 0 1000px #0d121a inset !important;
  -webkit-text-fill-color: #edf4ff !important;
  caret-color: #edf4ff !important;
  border-color: rgba(35,184,255,0.20) !important;
  transition: background-color 9999s ease-out 0s !important;
}

#registration #submitBtn:disabled {
  background: linear-gradient(135deg, rgba(33,183,255,0.42), rgba(17,119,255,0.34)) !important;
  color: rgba(237,244,255,0.72) !important;
  border: 1px solid rgba(35,184,255,0.18) !important;
  opacity: 1 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  transform: none !important;
}

.search-input {
  height: 40px;
  border-right: none;
  border-radius: 14px 0 0 14px;
}

.search-btn {
  width: 42px;
  height: 40px;
  border-radius: 0 14px 14px 0;
  box-shadow: 0 12px 28px rgba(20,119,255,0.24);
}

.btn,
.btn-primary,
.btn-outline-primary,
.new_btn,
.btn-danger,
.btn-add,
.btn-save,
.btn-submit-comment,
.modal-foot-btn,
.server-btn,
.scroll-btn,
.profile_btn,
.dop-btn {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.btn-primary,
.search-btn,
.btn-buy,
.btn-buy-unban,
.btn-extend-ok,
.btn-add,
.btn-save,
.modal-foot-btn.ok {
  background: linear-gradient(135deg, #21b7ff, #1177ff);
  color: white;
  border: none;
  box-shadow: 0 14px 30px rgba(17,119,255,0.26);
}

.btn-primary:hover,
.search-btn:hover,
.btn-buy:hover,
.btn-buy-unban:hover,
.btn-extend-ok:hover,
.btn-add:hover,
.btn-save:hover,
.modal-foot-btn.ok:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(17,119,255,0.32);
}

.btn-outline-primary,
.new_btn,
.btn-extend,
.btn-voucher,
.s-btn,
.btn-danger:not(.modal-foot-btn),
.modal-foot-btn {
  background: rgba(255,255,255,0.03) !important;
  color: #d5e3f6 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.btn-outline-primary:hover,
.new_btn:hover,
.btn-extend:hover,
.btn-voucher:hover,
.s-btn:hover,
.btn-danger:not(.modal-foot-btn):hover,
.modal-foot-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(35,184,255,0.22) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}

.btn-danger,
.modal-foot-btn.cancel,
.s-btn-unlock.danger {
  color: #ffb1c0 !important;
  border-color: rgba(255,91,125,0.18) !important;
}

.table_info,
.dropdown_table .table_info,
.topic-row,
.t-row,
.service-row td,
.ban-row,
.sidebar-info-row,
.comment,
.ticket,
.notification,
.message,
.friend,
.online-user {
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.table_info:hover,
.dropdown_table .table_info:hover,
.topic-row:hover,
.t-row:hover,
.ban-row:hover,
.service-row:hover td,
.comment:hover,
.ticket:hover,
.notification:hover,
.message:hover,
.friend:hover,
.online-user:hover {
  border-color: rgba(35,184,255,0.16);
  box-shadow: 0 14px 28px rgba(0,0,0,0.12);
}

.t-head,
.topics-head,
.services-table thead th,
.ban-table-head,
.table thead th,
.table-bordered thead th {
  color: #8fa2bf;
}

.t-row,
.topic-row,
.service-row td,
.table tbody tr td,
.table-bordered tbody tr td,
.comment,
.ticket,
.notification,
.message {
  color: #dbe6f7;
}

.ban-stats,
.g-stats-row,
.stats-grid {
  gap: 12px;
}

.ban-stat-card,
.g-stat-card,
.bar-card {
  border-radius: 18px;
  padding: 18px 18px 16px;
  background:
    radial-gradient(circle at right top, rgba(35,184,255,0.08), transparent 34%),
    linear-gradient(180deg, rgba(18,22,31,0.98), rgba(10,13,19,0.98));
  border: 1px solid rgba(255,255,255,0.05);
}

.ban-stat-val,
.g-stat-val,
.bar-pct {
  font-weight: 900;
  text-shadow: 0 0 12px rgba(255,255,255,0.04);
}

.ban-table-head,
.ban-row,
.table-wrap,
.topics-table,
.sidebar-card,
.sidebar-block,
.article-card,
.services-table {
  overflow: hidden;
}

.ban-row {
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(17,22,31,0.98), rgba(10,13,19,0.98));
}

.ban-row.expanded,
.ban-row:hover {
  border-color: rgba(35,184,255,0.18);
}

.ban-row-head:hover,
.topic-row:hover,
.t-row:hover {
  background: rgba(255,255,255,0.02);
}

.ban-ico-wrap {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255, 80, 80, 0.10);
  border: 1px solid rgba(255, 80, 80, 0.18);
}

.ban-details {
  background: rgba(255,255,255,0.02);
}

.topics-head,
.topic-row {
  grid-template-columns: 1fr 90px 90px 220px;
}

.topic-ava,
.pl-ava {
  border: 1px solid rgba(35,184,255,0.12);
  background: linear-gradient(180deg, rgba(17,22,31,0.98), rgba(10,13,19,0.98));
}

.topic-tag,
.article-cat,
.profile-role,
.sidebar-profile-badge,
.footer-logo-badge,
.g-priv-status,
.status-active,
.status-paused,
.pl-badge {
  background: rgba(35,184,255,0.08);
  border: 1px solid rgba(35,184,255,0.18);
  color: #a9e6ff;
}

.article-head {
  padding-top: 22px;
}

.article-title {
  font-size: 24px;
  font-weight: 900;
}

.article-meta,
.profile_page_nav,
.sidebar-card-head,
.sidebar-block-head,
.shop-card-head,
.info-card-head,
.modal-header,
.modal-head-service {
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.article-body,
.article-body p,
.article-body li,
.topic-last,
.topic-info,
.srv-info-row,
.info-cell,
.profile-user-row,
.table_info > div {
  color: #c9d5e8;
}

.profile_header_banner {
  border-radius: 20px 20px 0 0;
  background: linear-gradient(135deg, #0d1220 0%, #13263d 38%, #0c1b2f 72%, #0b1220 100%);
}

.profile-user-row {
  border-bottom-color: rgba(255,255,255,0.05);
}

.profile-avatar {
  border-color: rgba(17,22,31,0.98);
  box-shadow: 0 0 0 5px rgba(35,184,255,0.05);
}

.profile_page_nav {
  gap: 8px;
  border-bottom: none;
  margin-bottom: 18px;
}

.profile_btn {
  border-radius: 14px;
  border: 1px solid transparent;
  padding: 12px 18px;
  background: rgba(255,255,255,0.02);
  margin-bottom: 0;
}

.profile_page_nav .profile_btn.active {
  border-color: rgba(35,184,255,0.22);
  background: linear-gradient(180deg, rgba(21,33,49,0.98), rgba(13,22,34,0.98));
  box-shadow: 0 0 18px rgba(35,184,255,0.08);
}

.profile_page_nav .profile_btn:hover {
  border-color: rgba(255,255,255,0.05);
}

.sidebar-card-body,
.sidebar-block .cat-list li a,
.sidebar-block .forum-admin-actions,
.shop-card-body,
.info-card-body,
.card-body,
.article-body,
.modal-body {
  color: #d7e2f2;
}

.sidebar-info-row,
.srv-info-row,
.setting-row,
.info-cell,
.table_info div,
.table tbody tr td,
.table-bordered tbody tr td {
  border-bottom-color: rgba(255,255,255,0.05);
}

.authorization,
.registration,
.reg-form,
.modal-register {
  gap: 18px;
}

.modal-content {
  border-radius: 22px;
  overflow: hidden;
}

.modal-header,
.modal-head-service {
  padding: 18px 22px;
}

.modal-title,
.modal-head-title-service,
.modal-head-name {
  color: #fff;
  font-weight: 800;
}

.modal-body {
  background: linear-gradient(180deg, rgba(15,19,28,0.98), rgba(10,13,19,0.98));
}

.auth-warn,
.agreement,
.shop-step-hint {
  border-radius: 14px;
}

.footer-inner {
  margin-top: 32px;
  padding: 36px 28px 0;
  border-radius: 26px 26px 0 0;
  background:
    radial-gradient(circle at top right, rgba(35,184,255,0.12), transparent 28%),
    linear-gradient(180deg, rgba(10,14,20,0.96), rgba(8,11,16,0.98));
}

.site-footer {
  padding: 0 20px 20px 240px;
}

.footer-logo-text {
  letter-spacing: 1.2px;
}

.footer-desc,
.footer-copy,
.footer-col-list a,
.footer-bottom-links a {
  color: #91a2bd;
}

.footer-divider-line {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
}

.chat_toggle {
  background: linear-gradient(180deg, rgba(18,22,31,0.96), rgba(11,16,24,0.96));
  border: 1px solid rgba(255,255,255,0.05);
  border-right: 0;
  color: #dce7f8;
  box-shadow: -12px 16px 34px rgba(0,0,0,0.22);
}

.chat_toggle:hover {
  color: #fff;
  border-color: rgba(35,184,255,0.18);
}

.chat_sidebar {
  background: linear-gradient(180deg, rgba(10,14,20,0.98), rgba(7,10,15,0.98));
  border-left: 1px solid rgba(255,255,255,0.05);
  box-shadow: -24px 0 60px rgba(0,0,0,0.28);
}

@media (max-width: 1280px) {
  .banner_top {
    flex-direction: column;
  }

  .banner_top .banner_left,
  .banner_top .top_donators {
    width: 100%;
  }

  .site-footer {
    padding-left: 20px;
  }
}

@media (max-width: 1024px) {
  body {
    overflow: auto;
  }

  .left_menu {
    position: relative;
    width: 100%;
    height: auto;
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.05);
  }

  .content_area {
    margin-left: 0;
  }

  .main_content,
  .content_wrapper {
    padding-left: 14px;
    padding-right: 14px;
  }

  .topics-head,
  .topic-row,
  .ban-table-head,
  .ban-row-head {
    grid-template-columns: 60px 1fr 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .page-head,
  .block,
  .table-wrap,
  .sidebar-card,
  .sidebar-block,
  .topics-table,
  .article-card,
  .shop-card,
  .info-card,
  .settings-block,
  .modal-content,
  .card_bg,
  .footer-inner {
    border-radius: 18px;
  }

  .content_wrapper {
    padding: 12px 10px;
  }

  .page-head {
    padding: 16px;
  }

  .site-footer {
    padding: 0 10px 10px;
  }
}


                                                    
.site-footer {
  width: 100%;
  margin-top: 34px;
  padding: 0 10px 20px;
  box-sizing: border-box;
}

.footer-inner {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 34px 26px 18px;
  border-radius: 28px;
}

.footer-top {
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  gap: 34px;
  align-items: start;
  width: 100%;
}

.footer-links-wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(170px, 1fr));
  gap: 24px;
  width: 100%;
  align-items: start;
}

.footer-col {
  min-width: 0;
}

.footer-brand {
  min-width: 0;
}

.footer-desc {
  max-width: 300px;
  margin: 14px 0 0;
}

.footer-divider {
  margin-top: 26px;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px 0 0;
  flex-wrap: wrap;
}

@media (max-width: 1500px) {
  .footer-top {
    grid-template-columns: minmax(230px, 290px) minmax(0, 1fr);
    gap: 26px;
  }

  .footer-links-wrap {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 18px;
  }
}

@media (max-width: 1280px) {
  .site-footer {
    padding: 0 10px 16px;
  }

  .footer-inner {
    padding-left: 22px;
    padding-right: 22px;
  }

  .footer-top {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .footer-links-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 860px) {
  .footer-links-wrap {
    grid-template-columns: 1fr;
  }

  .footer-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.footer-col-title {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.35;
  word-break: break-word;
  margin-bottom: 12px;
}

.footer-col-list {
  min-width: 0;
}

.footer-col-list li,
.footer-col-list li a {
  min-width: 0;
  max-width: 100%;
  word-break: break-word;
  line-height: 1.55;
}


                      
.chat_wrapper { z-index: 2147483000 !important; }
.chat_toggle { z-index: 2147483001 !important; }
.chat_sidebar { z-index: 2147483002 !important; }
.chat_sidebar.active { z-index: 2147483002 !important; }
.chat-header, .chat-footer { position: relative; z-index: 2147483003 !important; }
.chat-input-wrap, .chat-input, .chat-send, .smile_btn { position: relative; z-index: 2147483004 !important; }
                                                                     
.iziToast-wrapper,
.iziToast,
.iziToast-capsule {
  z-index: 2147482000 !important;
}

.chat_wrapper {
  z-index: 2147483600 !important;
}

.chat_sidebar,
.chat_sidebar.active {
  z-index: 2147483601 !important;
}

.chat_sidebar.active .chat-header,
.chat_sidebar.active .chat-footer,
.chat_sidebar.active .chat-input-wrap,
.chat_sidebar.active .chat-input,
.chat_sidebar.active .chat-send,
.chat_sidebar.active .smile_btn {
  position: relative !important;
  z-index: 2147483602 !important;
}

body.chat-open .iziToast-wrapper,
body.chat-mobile-open .iziToast-wrapper,
body.chat-open .iziToast-capsule,
body.chat-mobile-open .iziToast-capsule,
body.chat-open .iziToast,
body.chat-mobile-open .iziToast,
body.chat-open .custom-toast,
body.chat-mobile-open .custom-toast,
body.chat-open #block,
body.chat-mobile-open #block {
  display: none !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

body.chat-open [id^="noty_"][id$="_layout_container"],
body.chat-mobile-open [id^="noty_"][id$="_layout_container"],
body.chat-open #noty_bottomRight_layout_container,
body.chat-mobile-open #noty_bottomRight_layout_container {
  position: fixed !important;
  right: 306px !important;
  bottom: 14px !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  width: fit-content !important;
  max-width: 280px !important;
  z-index: 2147482500 !important;
  pointer-events: auto !important;
}

@media (max-width: 768px) {
  body.chat-open [id^="noty_"][id$="_layout_container"],
  body.chat-mobile-open [id^="noty_"][id$="_layout_container"],
  body.chat-open #noty_bottomRight_layout_container,
  body.chat-mobile-open #noty_bottomRight_layout_container {
    top: 62px !important;
    right: 10px !important;
    bottom: auto !important;
    left: 10px !important;
    width: auto !important;
    max-width: none !important;
    z-index: 2147482500 !important;
  }
}

                    
.block_support .bx,
.heading_block .bx,
.heading_block_user .bx,
.block_select_support .bx,
.block_support_add .bx,
.div_edit_user .bx,
.block_solution .bx {
  font-style: normal;
}

                                  
.support-home-heading,
.support-admin-heading,
.heading_block,
.heading_block_user {
  --support-bg: #0d1119;
  --support-bg-soft: #101823;
  --support-panel: #121923;
  --support-panel-2: #172435;
  --support-border: rgba(35,184,255,0.16);
  --support-border-strong: rgba(35,184,255,0.36);
  --support-accent: #23b8ff;
  --support-accent-2: #1177ff;
  --support-text: #f4f8ff;
  --support-muted: #8fa2bf;
}

.heading_block .double_heading > i,
.heading_block_user .double_heading > i {
  color: #ffffff !important;
  background: linear-gradient(135deg, #23b8ff 0%, #1177ff 100%) !important;
  border: 1px solid rgba(93,205,255,0.34) !important;
  box-shadow: 0 14px 34px rgba(17,119,255,0.30) !important;
}

.heading_block .heading,
.heading_block_user .heading,
.head_text_two,
.block_support_left .head_text_two,
.block_support_right .head_text_two,
.block_solution .head_text_two {
  color: #f4f8ff !important;
}

.heading_block .second_heading,
.heading_block_user .second_heading,
.faq-answer,
.faq-answer p,
.faq-step,
.faq-note,
.block_top_content > span,
.support-ticket-table td {
  color: #b9c7db !important;
}

.block_support_left,
.block_support_right,
.support-tickets-dialog,
.support-ticket-board,
.block_support_add,
.div_edit_user_left,
.div_edit_user_right,
.block_solution {
  color: #dcecff !important;
  background: linear-gradient(180deg, #101823 0%, #0d121b 100%) !important;
  border: 1px solid rgba(35,184,255,0.14) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.support_btn_top,
.select_content {
  background: rgba(5,10,16,0.60) !important;
  border: 1px solid rgba(255,255,255,0.065) !important;
}

.active_btn_support_top,
.support_btn_top .active_btn_support_top,
.add_ticket_support,
.button-m,
.send_comment_btn,
.btn_heading_full {
  color: #e9f8ff !important;
  background: linear-gradient(135deg, #123247 0%, #0d2434 56%, #081824 100%) !important;
  border: 1px solid rgba(71,177,222,0.28) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.22) !important;
}

.btn_support_top,
.support_btn_top a:not(.active_btn_support_top),
.support-ticket-tabs .nav a {
  color: #98a9c3 !important;
  background: transparent !important;
}

.support-ticket-tabs .nav a.active,
.support-ticket-tabs .nav a:hover,
.support_btn_top a:hover {
  color: #ffffff !important;
  background: rgba(35,184,255,0.14) !important;
}

.btn_support,
.btn_support > a,
.support-direction-grid .btn_support,
.block_top_content,
.accordion-header,
.accordion-content,
.faq-lead,
.faq-step,
.faq-note,
.support-status-chip {
  background: #121923 !important;
  border-color: rgba(35,184,255,0.12) !important;
}

.btn_support:hover,
.btn_support.active_support_btn,
.btn_support:hover > a,
.btn_support.active_support_btn > a {
  background: linear-gradient(180deg, #172435 0%, #121923 100%) !important;
  border-color: rgba(35,184,255,0.42) !important;
  box-shadow: 0 18px 38px rgba(17,119,255,0.16) !important;
}

.btn_support .head_btn_support,
.btn_support > a .head_btn_support,
.faq-answer h3,
.faq-step strong,
.accordion-header h3,
.support-ticket-table a,
.support-ticket-table strong {
  color: #f4f8ff !important;
}

.btn_support .desc_btn_support,
.btn_support > a .desc_btn_support,
.faq-lead p,
.faq-note,
.support-ticket-table th {
  color: #8fa2bf !important;
}

.support-card-emoji,
.faq-lead-emoji,
.faq-note > span {
  background: rgba(35,184,255,0.10) !important;
  border-color: rgba(35,184,255,0.28) !important;
  box-shadow: none !important;
}

.btn_support.active_support_btn .support-card-emoji,
.btn_support:hover .support-card-emoji,
.faq-head-emoji,
.support-chip-emoji,
.faq-step-num {
  color: #ffffff !important;
  background: linear-gradient(135deg, #23b8ff 0%, #1177ff 100%) !important;
  border-color: rgba(93,205,255,0.34) !important;
  box-shadow: 0 12px 26px rgba(17,119,255,0.22) !important;
}

.faq-link,
.support-ticket-table a,
.support-ticket-table td a {
  color: #23b8ff !important;
}

.faq-step code {
  color: #9fe0ff !important;
  background: rgba(35,184,255,0.10) !important;
  border-color: rgba(35,184,255,0.22) !important;
}

.faq-note {
  color: #dcecff !important;
  background: rgba(35,184,255,0.08) !important;
  border-color: rgba(35,184,255,0.18) !important;
}

.faq-note strong {
  color: #ffffff !important;
}

.accordion-header {
  min-height: 64px;
  color: #f4f8ff !important;
}

.accordion-header .icon {
  position: relative !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  color: #b6c8e4 !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
}

.accordion-header .icon i {
  display: none !important;
}

.accordion-header .icon::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: translateY(-2px) rotate(45deg) !important;
  transition: transform .2s ease, color .2s ease !important;
}

.accordion-header.active .icon {
  color: #23b8ff !important;
  background: rgba(35,184,255,0.11) !important;
  border-color: rgba(35,184,255,0.28) !important;
}

.accordion-header.active .icon::before {
  transform: translateY(2px) rotate(225deg) !important;
}

.accordion-content {
  background: #111a27 !important;
  border: 1px solid rgba(35,184,255,0.10) !important;
  border-top: 0 !important;
}

.support-ticket-tabs {
  display: flex !important;
  width: min(1320px, 100%) !important;
  padding: 8px !important;
  background: #101823 !important;
  border: 1px solid rgba(35,184,255,0.12) !important;
}

.support-ticket-tabs .nav.vertical-navigation {
  display: flex !important;
  width: 100% !important;
  gap: 10px !important;
}

.support-ticket-tabs .nav li,
.support-ticket-tabs .nav a {
  min-width: 0 !important;
}

.support-ticket-tabs .nav a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
}

.support-ticket-tabs .nav a.active {
  background: linear-gradient(135deg, #23b8ff 0%, #1177ff 100%) !important;
  border-color: rgba(93,205,255,0.24) !important;
}

.support-ticket-table-scroll {
  width: 100%;
  overflow-x: auto;
}

.support-ticket-table {
  display: table !important;
  width: 100% !important;
  min-width: 980px !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}

.support-ticket-table col.support-ticket-col-reply { width: 16%; }
.support-ticket-table col.support-ticket-col-source { width: 15%; }
.support-ticket-table col.support-ticket-col-topic { width: 31%; }
.support-ticket-table col.support-ticket-col-author { width: 18%; }
.support-ticket-table col.support-ticket-col-date { width: 20%; }

.support-ticket-table thead {
  display: table-header-group !important;
}

.support-ticket-table tbody {
  display: table-row-group !important;
}

.support-ticket-table thead tr,
.support-ticket-table tbody tr {
  display: table-row !important;
}

.support-ticket-table th,
.support-ticket-table td {
  display: table-cell !important;
  min-height: 0 !important;
  padding: 16px 18px !important;
  vertical-align: middle !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  border: 0 !important;
}

.support-ticket-table th {
  color: #8fa2bf !important;
  background: #122033 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.support-ticket-table th:first-child {
  border-radius: 12px 0 0 12px !important;
}

.support-ticket-table th:last-child {
  border-radius: 0 12px 12px 0 !important;
}

.support-ticket-table tbody td {
  color: #dcecff !important;
  background: #101620 !important;
  border-top: 1px solid rgba(35,184,255,0.10) !important;
  border-bottom: 1px solid rgba(35,184,255,0.10) !important;
}

.support-ticket-table tbody td:first-child {
  border-left: 1px solid rgba(35,184,255,0.10) !important;
  border-radius: 14px 0 0 14px !important;
}

.support-ticket-table tbody td:last-child {
  border-right: 1px solid rgba(35,184,255,0.10) !important;
  border-radius: 0 14px 14px 0 !important;
}

.support-ticket-table tbody tr:hover td {
  background: #142033 !important;
  border-color: rgba(35,184,255,0.22) !important;
}

.support-ticket-table tbody td[colspan] {
  border-radius: 14px !important;
  text-align: center !important;
}

.div_edit_user_right .custom-textarea,
.block_support_add .custom-textarea,
.block_solution textarea,
.block_support_add textarea {
  color: #dcecff !important;
  background: #111d2b !important;
  border-color: rgba(35,184,255,0.16) !important;
}

.smile_input_forum .smile_btn {
  background: rgba(35,184,255,0.14) !important;
  border-color: rgba(35,184,255,0.28) !important;
}

.delete_ticket {
  color: #ffb8c1 !important;
  background: rgba(255,90,110,0.08) !important;
  border-color: rgba(255,90,110,0.34) !important;
}

@media (max-width: 991.98px) {
  .support-ticket-table {
    display: block !important;
    min-width: 0 !important;
  }

  .support-ticket-table thead {
    display: none !important;
  }

  .support-ticket-table tbody,
  .support-ticket-table tbody tr,
  .support-ticket-table tbody td {
    display: block !important;
    width: 100% !important;
  }

  .support-ticket-table tbody tr {
    margin-bottom: 12px !important;
    background: #101620 !important;
    border: 1px solid rgba(35,184,255,0.14) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .support-ticket-table tbody td {
    padding: 12px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(35,184,255,0.10) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .support-ticket-table tbody td:last-child {
    border-bottom: 0 !important;
  }
}

                                           
.sidebar-profile-info-register,
.sidebar-auth-link,
.sidebar-auth-link span:last-child {
  min-width: 0;
}

.sidebar-auth-link span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#authorization.modal,
#registration.modal,
#api_auth.modal {
  z-index: 50000 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  filter: none !important;
}

.modal-backdrop {
  z-index: 49990 !important;
}

#authorization .modal-dialog,
#registration .modal-dialog,
#api_auth .modal-dialog {
  position: relative;
  z-index: 50001 !important;
  pointer-events: auto !important;
}

#authorization .modal-content,
#registration .modal-content,
#api_auth .modal-content,
#authorization .modal-header,
#registration .modal-header,
#api_auth .modal-header,
#authorization .modal-body,
#registration .modal-body,
#api_auth .modal-body,
#authorization form,
#registration form,
#api_auth form,
#authorization input,
#registration input,
#api_auth input,
#authorization button,
#registration button,
#api_auth button,
#authorization a,
#registration a,
#api_auth a {
  pointer-events: auto !important;
}

#authorization .reg-input,
#registration .reg-input,
#api_auth .reg-input {
  color: #eef7ff !important;
  background: #080d14 !important;
  border-color: rgba(120,190,255,0.20) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #eef7ff !important;
}

#authorization .reg-input:focus,
#registration .reg-input:focus,
#api_auth .reg-input:focus {
  color: #ffffff !important;
  background: #090f17 !important;
  border-color: rgba(35,184,255,0.62) !important;
  box-shadow: 0 0 0 3px rgba(35,184,255,0.12), inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

#authorization .reg-input:-webkit-autofill,
#registration .reg-input:-webkit-autofill,
#api_auth .reg-input:-webkit-autofill {
  -webkit-text-fill-color: #eef7ff !important;
  box-shadow: 0 0 0 1000px #080d14 inset !important;
  transition: background-color 9999s ease-out 0s !important;
}

#authorization .btn.btn-primary,
#registration .btn.btn-primary:not(:disabled),
#api_auth .btn.btn-primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #21b7ff 0%, #147dff 100%) !important;
  border-color: rgba(35,184,255,0.34) !important;
  opacity: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 14px 34px rgba(20,125,255,0.28) !important;
}

#authorization .btn.btn-primary:hover,
#registration .btn.btn-primary:not(:disabled):hover,
#api_auth .btn.btn-primary:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #43c6ff 0%, #278cff 100%) !important;
  transform: translateY(-1px);
}

#registration .btn.btn-primary:disabled {
  color: rgba(255,255,255,0.70) !important;
  background: linear-gradient(135deg, rgba(33,183,255,0.42), rgba(20,125,255,0.36)) !important;
  border-color: rgba(35,184,255,0.18) !important;
  opacity: 0.72 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

                                         
#chat .chat-footer {
  padding: 9px 12px 12px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  background: linear-gradient(180deg, rgba(9,13,19,0.98), rgba(6,10,16,0.99)) !important;
}

#chat .chat-input-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 29px 29px;
  align-items: center !important;
  gap: 6px !important;
  width: 100%;
  min-height: 45px;
  padding: 6px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(35,184,255,0.16) !important;
  background: linear-gradient(180deg, rgba(15,21,31,0.98), rgba(9,14,22,0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 12px 24px rgba(0,0,0,0.20) !important;
}

#chat .chat-input-wrap:focus-within {
  border-color: rgba(35,184,255,0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 0 3px rgba(35,184,255,0.06), 0 14px 28px rgba(0,0,0,0.22) !important;
}

#chat input.chat-input,
#chat input.chat-input:hover,
#chat input.chat-input:focus {
  width: 100% !important;
  height: 33px !important;
  min-height: 33px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 10px !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #edf6ff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 33px !important;
}

#chat input.chat-input::placeholder {
  color: #8191aa !important;
  opacity: 1 !important;
}

#chat .chat-send,
#chat .smile_btn {
  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;
  padding: 0 !important;
  border-radius: 9px !important;
  border: 1px solid rgba(132,221,255,0.28) !important;
  background: linear-gradient(135deg, #35c7ff 0%, #168cff 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 9px 18px rgba(22,140,255,0.22), inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

#chat .chat-send svg,
#chat .smile_btn svg {
  width: 14px !important;
  height: 14px !important;
  color: currentColor !important;
}

#chat .chat-send:hover,
#chat .smile_btn:hover {
  opacity: 1 !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(22,140,255,0.28), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

@media (max-width: 420px) {
  #chat .chat-input-wrap {
    grid-template-columns: minmax(0, 1fr) 28px 28px;
    gap: 5px !important;
    padding: 5px !important;
  }

  #chat .chat-send,
  #chat .smile_btn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }
}

                                           
.g-search {
  grid-template-columns: minmax(0, 1fr) 54px !important;
}

.g-search > svg {
  display: none !important;
}

.g-search::before {
  inset: 11px 80px 11px 14px !important;
}

@media (max-width: 680px) {
  .g-search {
    grid-template-columns: minmax(0, 1fr) 48px !important;
  }

  .g-search::before {
    inset: 9px 66px 9px 10px !important;
  }
}

                                     
.site-footer {
  margin-top: 34px !important;
  padding: 0 10px 26px !important;
  background: transparent !important;
  overflow: visible !important;
}

.footer-glow {
  display: none !important;
}

.footer-inner {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 34px 34px 24px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  background:
    radial-gradient(circle at 98% 0%, rgba(35,184,255,0.11), transparent 24%),
    linear-gradient(180deg, rgba(12,17,25,0.98) 0%, rgba(7,10,16,0.99) 100%) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.footer-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, transparent 0%, rgba(35,184,255,0.08) 48%, transparent 100%);
  opacity: 0.36;
  pointer-events: none;
}

.footer-top {
  padding-bottom: 28px !important;
}

.footer-divider {
  gap: 0 !important;
  margin-top: 0 !important;
}

.footer-divider-dot {
  display: none !important;
}

.footer-divider-line {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.09), transparent) !important;
}

.footer-bottom {
  padding: 18px 0 0 !important;
  min-height: 0 !important;
}

.footer-copy,
.footer-bottom-links a,
.footer-bottom-sep {
  opacity: 0.72 !important;
}

@media (max-width: 1280px) {
  .site-footer {
    padding: 0 10px 22px !important;
  }

  .footer-inner {
    padding: 28px 22px 22px !important;
  }
}

@media (max-width: 640px) {
  .footer-inner {
    border-radius: 20px !important;
    padding: 24px 16px 20px !important;
  }

  .footer-bottom {
    align-items: flex-start !important;
  }
}

                                                   
.wlt-hero {
  min-height: 188px;
  padding: 28px 30px 24px;
  border: 1px solid rgba(255,255,255,0.07);
  background:
    radial-gradient(circle at 90% 8%, rgba(35,184,255,0.12), transparent 26%),
    linear-gradient(180deg, rgba(14,20,30,0.98), rgba(10,14,21,0.98)) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.035);
}

.wlt-hero-grid {
  opacity: 0.28;
}

.wlt-hero-glow {
  opacity: 0.58;
}

.wlt-hero-content {
  align-items: center !important;
  gap: 24px;
  margin-bottom: 18px !important;
}

.wlt-label {
  margin-bottom: 10px !important;
  color: #8ea1bd !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.6px !important;
}

.wlt-balance {
  display: inline-flex;
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
  color: #f7fbff !important;
  font-size: clamp(32px, 4vw, 42px) !important;
  font-weight: 850 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 10px 26px rgba(0,0,0,0.30), 0 0 24px rgba(35,184,255,0.12);
  white-space: nowrap;
}

.wlt-cur {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 30px;
  margin-bottom: 3px;
  border-radius: 10px;
  border: 1px solid rgba(35,184,255,0.28);
  background: rgba(35,184,255,0.10);
  color: var(--accent) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

.wlt-id {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  max-width: 100%;
  margin-top: 12px !important;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(255,255,255,0.035);
  color: #8ea1bd !important;
  line-height: 1.35;
}

.wlt-hero-right {
  align-items: flex-end !important;
  justify-content: center;
}

.wlt-logo-text {
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(35,184,255,0.18);
  background: rgba(255,255,255,0.035);
  color: #f7fbff;
  letter-spacing: 1.4px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.wlt-discount-badge {
  min-height: 30px;
  padding: 6px 12px !important;
}

@media (max-width: 760px) {
  .wlt-hero {
    padding: 24px 18px 20px;
  }

  .wlt-hero-content {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 18px;
  }

  .wlt-hero-right {
    align-items: flex-start !important;
  }

  .wlt-balance {
    font-size: clamp(30px, 10vw, 38px) !important;
    white-space: normal;
  }
}

                                       
.g-search {
  position: relative;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 46px;
  align-items: center !important;
  gap: 8px !important;
  min-height: 58px;
  margin: 18px 0 18px !important;
  padding: 8px 10px 8px 12px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(35,184,255,0.22) !important;
  background:
    radial-gradient(circle at right top, rgba(35,184,255,0.10), transparent 30%),
    linear-gradient(180deg, rgba(12,17,25,0.96), rgba(7,11,18,0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035), 0 14px 30px rgba(0,0,0,0.16);
}

.g-search::before {
  content: "";
  position: absolute;
  inset: 8px 62px 8px 58px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.025);
  pointer-events: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.g-search:focus-within {
  border-color: rgba(35,184,255,0.46) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 16px 36px rgba(0,0,0,0.20), 0 0 28px rgba(35,184,255,0.11);
}

.g-search:focus-within::before {
  border-color: rgba(35,184,255,0.38);
  background: rgba(35,184,255,0.035);
  box-shadow: 0 0 0 3px rgba(35,184,255,0.055);
}

.g-search > svg {
  position: relative;
  z-index: 1;
  width: 38px !important;
  height: 38px !important;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(35,184,255,0.14);
  background: rgba(35,184,255,0.08);
  color: #8ea1bd !important;
  box-sizing: border-box;
}

.g-search input#search_login {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 42px;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #edf6ff !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 42px;
  outline: 0 !important;
}

.g-search input#search_login::placeholder {
  color: #7f90aa !important;
  opacity: 1;
}

.g-search-btn {
  position: relative;
  z-index: 1;
  width: 46px !important;
  height: 42px !important;
  min-width: 46px;
  padding: 0 !important;
  border: 1px solid rgba(132,221,255,0.44) !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #23b8ff, #147dff) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 12px 24px rgba(20,125,255,0.26), inset 0 1px 0 rgba(255,255,255,0.16);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.g-search-btn svg {
  width: 17px !important;
  height: 17px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: currentColor !important;
}

.g-search-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(217,246,255,0.72) !important;
  box-shadow: 0 16px 30px rgba(20,125,255,0.34), 0 0 22px rgba(35,184,255,0.18), inset 0 1px 0 rgba(255,255,255,0.20);
}

.g-search-btn:active {
  transform: translateY(0) scale(0.98);
}

@media (max-width: 680px) {
  .g-search {
    grid-template-columns: 34px minmax(0, 1fr) 42px;
    min-height: 54px;
    padding: 7px 8px !important;
  }

  .g-search::before {
    inset: 7px 56px 7px 50px;
  }

  .g-search > svg {
    width: 34px !important;
    height: 34px !important;
    padding: 9px;
  }

  .g-search input#search_login {
    height: 40px;
    padding: 0 10px !important;
    font-size: 13px !important;
  }

  .g-search-btn {
    width: 42px !important;
    height: 40px !important;
    min-width: 42px;
  }
}

                                             
.g-search {
  grid-template-columns: 46px minmax(0, 1fr) 54px !important;
  min-height: 74px !important;
  padding: 11px 14px !important;
  gap: 12px !important;
  border-radius: 18px !important;
}

.g-search::before {
  inset: 11px 80px 11px 72px !important;
  border-radius: 14px !important;
  border-color: rgba(35,184,255,0.16) !important;
  background: linear-gradient(180deg, rgba(16,22,33,0.94), rgba(9,14,23,0.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 0 0 1px rgba(255,255,255,0.025) !important;
}

.g-search > svg {
  width: 46px !important;
  height: 52px !important;
  padding: 15px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(35,184,255,0.14), rgba(35,184,255,0.06)) !important;
  border-color: rgba(35,184,255,0.20) !important;
}

.g-search input#search_login {
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  line-height: 52px !important;
}

.g-search-btn {
  width: 54px !important;
  min-width: 54px !important;
  height: 52px !important;
  border-radius: 15px !important;
}

@media (max-width: 680px) {
  .g-search {
    grid-template-columns: 42px minmax(0, 1fr) 48px !important;
    min-height: 66px !important;
    padding: 9px 10px !important;
    gap: 9px !important;
  }

  .g-search::before {
    inset: 9px 66px 9px 61px !important;
  }

  .g-search > svg {
    width: 42px !important;
    height: 48px !important;
    padding: 13px !important;
  }

  .g-search input#search_login {
    height: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
    font-size: 13px !important;
  }

  .g-search-btn {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
  }
}

                           
.sidebar-profile {
  cursor: default;
}

.sidebar-profile-info {
  padding-right: 2px;
}

.sidebar-profile-actions {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-shrink: 0;
}

.sidebar-profile-action {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.07);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  background: rgba(255,255,255,0.04);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.sidebar-profile-action:hover {
  transform: translateY(-1px);
  color: #fff;
  text-decoration: none;
  border-color: rgba(35,184,255,0.32);
  box-shadow: 0 10px 18px rgba(0,0,0,0.22), 0 0 18px rgba(35,184,255,0.15);
}

.sidebar-profile-action-profile {
  background: linear-gradient(180deg, rgba(35,184,255,0.24), rgba(17,119,255,0.16));
}

.sidebar-profile-action-purse {
  background: linear-gradient(180deg, rgba(64,220,145,0.20), rgba(35,184,255,0.10));
}

.sidebar-profile-action-purse:hover {
  border-color: rgba(64,220,145,0.34);
  box-shadow: 0 10px 18px rgba(0,0,0,0.22), 0 0 18px rgba(64,220,145,0.14);
}

.sidebar-profile-action span {
  transform: translateY(-1px);
}

                               
.collapsible-menu a,
.collapsible-menu a:hover,
.collapsible-menu a.active {
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  gap: 14px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  white-space: nowrap;
  line-height: 1;
  font-weight: 600;
  text-align: left;
}

.collapsible-menu a {
  overflow: hidden;
}

.collapsible-menu a svg {
  width: 20px;
  min-width: 20px;
  flex: 0 0 20px;
  transform: none !important;
}

.collapsible-menu a:hover {
  color: #ffb000;
  background: transparent;
  border-color: rgba(255,176,0,0.45);
  box-shadow: none;
}

.collapsible-menu a:hover::before {
  display: none;
}

.collapsible-menu a:hover svg,
.collapsible-menu a:hover svg path {
  color: #ffb000;
  fill: currentColor;
  transform: none !important;
}

                               
.profile-role {
  width: fit-content;
  max-width: 100%;
  margin-top: 7px;
  padding: 5px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: linear-gradient(180deg, rgba(255, 176, 0, 0.14), rgba(255, 176, 0, 0.06));
  border: 1px solid rgba(255, 176, 0, 0.24);
  color: #ffd36a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 8px 18px rgba(0,0,0,0.14);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-shadow: none;
  white-space: nowrap;
}

.profile-role span {
  color: inherit;
}

.support-ticket-table-open {
  min-width: 980px !important;
}

.support-ticket-table-close {
  min-width: 760px !important;
}

.support-ticket-table-close col.support-ticket-col-reply { width: 34% !important; }
.support-ticket-table-close col.support-ticket-col-author { width: 33% !important; }
.support-ticket-table-close col.support-ticket-col-date { width: 33% !important; }

.support-ticket-row {
  cursor: pointer;
}

.support-ticket-row td {
  height: 68px;
}

.support-ticket-date {
  display: inline-flex;
  max-width: 100%;
  color: #cfe0f7;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.support-ticket-source {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.support-ticket-source-admin {
  color: #8bb8ff;
  background: rgba(17,119,255,0.12);
  border: 1px solid rgba(17,119,255,0.24);
}

.support-ticket-source-user {
  color: #ffd17c;
  background: rgba(255,183,77,0.10);
  border: 1px solid rgba(255,183,77,0.22);
}

.support-ticket-topic {
  color: #f4f8ff !important;
  font-weight: 900;
}

.support-ticket-author {
  color: #23b8ff !important;
  font-weight: 900;
}

@media (max-width: 991.98px) {
  .support-ticket-table-open,
  .support-ticket-table-close {
    min-width: 0 !important;
  }

  .support-ticket-table-close tbody td:nth-child(1)::before { content: "Последний ответ" !important; }
  .support-ticket-table-close tbody td:nth-child(2)::before { content: "Автор" !important; }
  .support-ticket-table-close tbody td:nth-child(3)::before { content: "Дата создания" !important; }
}

.name_support_btn,
.text_top_content,
.support-ticket-modal-title {
  color: #f4f8ff !important;
}

.desp_support_btn,
.desp_top_content,
.center_message_support > span,
.support-ticket-modal-subtitle {
  color: #8fa2bf !important;
}

.line_social,
.circle_social,
.circle_in_social {
  border-color: rgba(35,184,255,0.38) !important;
  background: rgba(35,184,255,0.12) !important;
}

.block_solution #answers > *:not(script):not(.loader) {
  color: #dcecff !important;
  background: #111d2b !important;
  border: 1px solid rgba(35,184,255,0.12) !important;
}

.block_solution #answers a {
  color: #23b8ff !important;
}

.block_support .bx::before,
.heading_block .bx::before,
.heading_block_user .bx::before,
.block_select_support .bx::before,
.block_support_add .bx::before,
.div_edit_user .bx::before,
.block_solution .bx::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  border: 2px solid currentColor;
  border-radius: 5px;
  box-sizing: border-box;
}

.block_support .bxs-chevron-down::before {
  width: 9px;
  height: 9px;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  transform: rotate(45deg);
}

.block_support .bx-info-circle::before {
  border-radius: 50%;
}

.heading_block,
.heading_block_user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding: 18px 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at right top, rgba(26,184,255,0.14), transparent 28%),
    linear-gradient(180deg, rgba(13,20,31,0.98), rgba(7,11,17,0.98));
  border: 1px solid rgba(35,184,255,0.12);
  box-shadow: 0 18px 44px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.03);
}

.double_heading {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.double_heading > i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  border-radius: 12px;
  color: var(--accent);
  font-size: 20px;
  background: linear-gradient(180deg, rgba(24,96,158,0.30), rgba(16,42,70,0.30));
  border: 1px solid rgba(35,184,255,0.25);
  box-shadow: 0 0 18px rgba(35,184,255,0.12);
}

.heading_cap {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.heading {
  color: var(--text-white);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
}

.second_heading {
  color: var(--text-dim);
  font-size: 12px;
  font-weight: 700;
}

.btn_heading_full,
.btn_support_top,
.add_ticket_support,
.button-m,
.close_ticket,
.delete_ticket,
.send_comment_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

.btn_heading_full,
.add_ticket_support,
.button-m,
.send_comment_btn {
  color: #e9f8ff !important;
  border: 1px solid rgba(71,177,222,0.28);
  background: linear-gradient(135deg, #123247, #081824);
  box-shadow: 0 8px 18px rgba(0,0,0,0.22);
}

.btn_heading_full:hover,
.add_ticket_support:hover,
.button-m:hover,
.send_comment_btn:hover {
  transform: translateY(-1px);
  color: #ffffff !important;
  border-color: rgba(71,177,222,0.42);
  background: linear-gradient(135deg, #183d55, #0d2434);
  box-shadow: 0 10px 20px rgba(0,0,0,0.26);
}

.block_support,
.div_edit_user {
  display: grid;
  grid-template-columns: minmax(260px, 390px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.block_support_left,
.block_support_right,
.block_support_add,
.block_select_support,
.block_solution,
.div_edit_user_left,
.div_edit_user_right {
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(18,22,31,0.97), rgba(10,13,19,0.98));
  border: 1px solid rgba(255,255,255,0.05);
  box-shadow: 0 20px 50px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.02);
}

.block_support_left,
.block_support_right,
.block_support_add,
.block_select_support,
.block_solution {
  padding: 18px;
}

.support_btn_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.active_btn_support_top {
  color: var(--text-white);
  font-size: 13px;
  font-weight: 900;
}

.btn_support_top {
  color: var(--accent) !important;
  border: 1px solid rgba(35,184,255,0.18);
  background: rgba(35,184,255,0.08);
}

#tabs,
#user-nav-tabs {
  min-width: 0;
}

#user-nav-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.flex_btn_support {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}

.btn_support {
  position: relative;
  overflow: hidden;
  min-height: 108px;
  border-radius: 16px;
  list-style: none;
  background:
    radial-gradient(circle at right top, rgba(35,184,255,0.14), transparent 36%),
    linear-gradient(180deg, rgba(20,25,36,0.98), rgba(11,15,23,0.98));
  border: 1px solid rgba(255,255,255,0.06);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.btn_support::after {
  content: "";
  position: absolute;
  inset: auto -30px -42px auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(35,184,255,0.08);
  pointer-events: none;
}

.btn_support:hover,
.btn_support.active_support_btn {
  transform: translateY(-2px);
  border-color: rgba(35,184,255,0.28);
  box-shadow: 0 18px 34px rgba(0,0,0,0.24);
}

.btn_support.active_support_btn {
  background:
    radial-gradient(circle at right top, rgba(35,184,255,0.22), transparent 38%),
    linear-gradient(180deg, rgba(21,33,49,0.98), rgba(13,22,34,0.98));
}

.btn_support > a {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 100%;
  min-height: 108px;
  padding: 16px;
  color: inherit !important;
  text-decoration: none !important;
}

.btn_support > a > i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  border-radius: 12px;
  color: var(--accent);
  background: rgba(35,184,255,0.10);
  border: 1px solid rgba(35,184,255,0.20);
  font-size: 20px;
}

.flex_text_supp {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.name_support_btn {
  color: var(--text-white);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
}

.desp_support_btn {
  color: var(--text-dim);
  font-size: 11px;
  font-weight: 700;
}

.center_message_support {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0 10px;
  color: var(--text-dim);
  font-size: 13px;
  font-weight: 700;
}

.line_social {
  flex: 1 1 auto;
  height: 1px;
  min-width: 28px;
  background: rgba(255,255,255,0.07);
}

.circle_social,
.circle_in_social {
  display: none;
}

.block_top_content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.text_top_content {
  color: var(--text-white);
  font-size: 18px;
  font-weight: 900;
}

.desp_top_content {
  color: var(--text-dim);
  font-size: 13px;
  font-weight: 700;
}

.category_content {
  margin-top: 6px;
}

.select_content {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
  background: rgba(35,184,255,0.08);
  border: 1px solid rgba(35,184,255,0.18);
}

#content > div:not(#content1) {
  display: none;
}

.accordion-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.accordion-item {
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.025);
}

.accordion-header {
  width: 100%;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 15px;
  border: 0;
  background: transparent;
  color: var(--text-white);
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 900;
  text-align: left;
}

.accordion-header:hover,
.accordion-header.active {
  background: rgba(35,184,255,0.06);
}

.flex_accordion_text {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.flex_accordion_text i {
  color: var(--accent);
  font-size: 18px;
}

.accordion-header .icon {
  color: var(--text-dim);
  transition: transform .18s ease;
}

.accordion-header.active .icon {
  transform: rotate(180deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .24s ease;
  color: var(--text-dim);
  line-height: 1.65;
}

.accordion-content > p,
.accordion-content > div {
  margin: 0;
  padding: 0 16px 16px;
}

.accordion-content h3 {
  color: var(--text-white);
  font-size: 16px;
  margin: 0 0 10px;
}

.accordion-content a {
  color: var(--accent) !important;
}

.block_support_add {
  max-width: 860px;
}

.block_support_add .form-group {
  margin-bottom: 16px;
}

.block_support_add input,
.block_support_add textarea,
.custom-input input {
  width: 100%;
  min-height: 46px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.035);
  color: var(--text-white);
  font-family: inherit;
  outline: none;
}

.block_support_add input,
.custom-input input {
  padding: 0 14px;
}

.block_support_add textarea {
  padding: 14px;
  resize: vertical;
}

.custom-input.with-title {
  position: relative;
  display: block;
}

.custom-input.with-title span {
  display: block;
  color: var(--text-dim);
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 8px;
}

.custom-input.with-title i {
  position: absolute;
  right: 14px;
  bottom: 13px;
  color: var(--accent);
}

.block_select_support {
  margin-bottom: 16px;
}

.block_select_support .nav {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.block_select_support .nav a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  color: var(--text-dim) !important;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.06);
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 800;
}

.block_select_support .nav a:hover,
.block_select_support .nav a.active {
  color: var(--accent) !important;
  border-color: rgba(35,184,255,0.24);
  background: rgba(35,184,255,0.08);
}

.table-bordered thead tr[style] {
  background: rgba(35,184,255,0.08) !important;
}

.div_edit_user_left,
.div_edit_user_right {
  padding: 14px;
}

.flip-tr {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.flip-tr:last-child {
  border-bottom: 0;
}

.flip-tr > i {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  border-radius: 11px;
  color: var(--accent);
  background: rgba(35,184,255,0.08);
  border: 1px solid rgba(35,184,255,0.16);
}

.flex_tr_ticket,
.flex_text_complaint,
.flex_text_head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.h1-tr,
.desp_flex_complaint {
  color: var(--text-dim);
  font-size: 12px;
  font-weight: 800;
}

.h2-tr,
.text_flex_complaint,
.head_text_two {
  color: var(--text-white);
  font-size: 14px;
  font-weight: 900;
}

.flex_head_complaint {
  margin-bottom: 10px;
}

.comment_ticket {
  min-height: 120px;
  padding: 14px;
  border-radius: 14px;
  color: var(--text-dim);
  line-height: 1.65;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}

.btn_ticket_support {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.close_ticket {
  color: #fff !important;
  border: 1px solid rgba(35,184,255,0.35);
  background: rgba(35,184,255,0.12);
}

.delete_ticket {
  color: #ffb1c0 !important;
  border: 1px solid rgba(255,91,125,0.22);
  background: rgba(255,91,125,0.08);
}

.block_solution {
  margin-top: 16px;
  padding: 0;
  overflow: hidden;
}

.block_solution .block_head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 18px;
}

.block_solution #add_ticket_answer,
.block_solution #answers {
  padding: 16px 18px;
}

.smile_input_forum {
  gap: 10px;
}

.modal_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}

.flex_modal_head {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--text-white);
  font-weight: 900;
}

.block_table_support {
  min-width: 0;
}

@media (max-width: 991.98px) {
  .block_support,
  .div_edit_user {
    grid-template-columns: 1fr;
  }

  .heading_block,
  .heading_block_user,
  .support_btn_top {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 575.98px) {
  .flex_btn_support {
    grid-template-columns: 1fr;
  }

  .btn_support,
  .btn_support > a {
    min-height: 88px;
  }

  .heading {
    font-size: 16px;
  }
}

                              
.heading_block,
.heading_block_user {
  max-width: 1320px;
  margin: 0 auto 16px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.heading_block .double_heading > i,
.heading_block_user .double_heading > i {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 16px;
  color: #ffffff;
  background: linear-gradient(135deg, #ff6b7c 0%, #e85b72 100%);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 16px 34px rgba(232,91,114,0.25);
}

.heading_block .heading,
.heading_block_user .heading {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.12;
}

.heading_block .second_heading,
.heading_block_user .second_heading {
  color: #b9aeb5;
  font-size: 13px;
}

.heading_block .btn_heading_full,
.heading_block_user .btn_heading_full {
  min-width: 120px;
  min-height: 45px;
  color: #b9aeb5 !important;
  border: 0;
  border-radius: 9px;
  background: rgba(255,255,255,0.08);
  box-shadow: none;
}

.heading_block .btn_heading_full:hover,
.heading_block_user .btn_heading_full:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,0.12);
  box-shadow: none;
}

.block_support {
  max-width: 1320px;
  margin: 0 auto;
  grid-template-columns: minmax(300px, 416px) minmax(0, 1fr);
  gap: 20px;
}

.block_support_left,
.block_support_right {
  border: 0;
  border-radius: 20px;
  background: linear-gradient(180deg, #2d262b 0%, #241f24 100%);
  box-shadow: none;
}

.block_support_left {
  padding: 19px;
}

.block_support_right {
  padding: 20px;
}

.support_btn_top {
  min-height: 67px;
  margin-bottom: 13px;
  padding: 8px;
  gap: 8px;
  border-radius: 16px;
  background: #211b20;
  border: 1px solid rgba(255,255,255,0.07);
}

.active_btn_support_top,
.btn_support_top {
  min-height: 50px;
  flex: 1 1 0;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 900;
}

.active_btn_support_top {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: linear-gradient(135deg, #ff6b7c 0%, #ff7d76 100%);
  box-shadow: 0 16px 30px rgba(255,107,124,0.18);
}

.btn_support_top {
  color: #aaa0a7 !important;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.btn_support_top:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,0.06);
  box-shadow: none;
}

.flex_btn_support {
  gap: 12px;
  margin-bottom: 12px;
}

.btn_support {
  min-height: 120px;
  border: 0;
  border-radius: 14px;
  background: #3a3237;
  box-shadow: none;
}

.btn_support::after {
  display: none;
}

.btn_support:hover,
.btn_support.active_support_btn {
  transform: translateY(-1px);
  border-color: transparent;
  background: #40363c;
  box-shadow: 0 14px 28px rgba(0,0,0,0.15);
}

.btn_support.active_support_btn {
  outline: 1px solid rgba(255,107,124,0.25);
}

.btn_support > a {
  min-height: 120px;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}

.btn_support > a > i {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  color: #c5b7be;
  border-radius: 12px;
  background: rgba(255,255,255,0.04);
  border: 1px dashed rgba(255,255,255,0.20);
  box-shadow: none;
}

.btn_support.active_support_btn > a > i,
.btn_support:hover > a > i {
  color: #ff8a97;
  border-color: rgba(255,107,124,0.35);
  background: rgba(255,107,124,0.08);
}

.name_support_btn {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.15;
}

.desp_support_btn {
  color: #b3a7ae;
  font-size: 12px;
}

.center_message_support {
  justify-content: center;
  margin: 20px 0 16px;
  color: #a89da4;
  font-size: 12px;
  text-align: center;
}

.line_social {
  position: relative;
  max-width: 264px;
  flex-basis: 264px;
  background: rgba(255,255,255,0.09);
}

.circle_social {
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-flex;
  width: 15px;
  height: 15px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #2d262b;
  border: 2px solid #ff7b86;
  transform: translate(-50%, -50%);
}

.circle_in_social {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ff7b86;
}

.add_ticket_support {
  width: 100%;
  min-height: 49px;
  border: 0;
  border-radius: 10px;
  color: #f6d8dd !important;
  background: linear-gradient(135deg, #d0686c 0%, #c86366 100%);
  box-shadow: 0 14px 28px rgba(208,104,108,0.16);
}

.add_ticket_support:hover {
  transform: translateY(-1px);
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(208,104,108,0.22);
}

.block_support_right #content2,
.block_support_right #content3,
.block_support_right #content4 {
  display: none;
}

.block_top_content {
  min-height: 144px;
  margin-bottom: 16px;
  padding: 28px;
  border: 0;
  border-radius: 14px;
  background: #40363b;
  box-shadow: none;
}

.text_top_content {
  color: #ffffff;
  font-size: 19px;
  line-height: 1.15;
}

.desp_top_content {
  color: #b4a8af;
  font-size: 12px;
}

.select_content {
  align-self: flex-start;
  min-height: 32px;
  margin-top: 18px;
  padding: 0 15px;
  color: #ffa0aa;
  border: 0;
  background: rgba(206,94,107,0.35);
}

.select_content > i {
  color: #ff8d99;
}

.accordion-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.accordion-item {
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: #3d3439;
  box-shadow: none;
}

.accordion-header {
  min-height: 64px;
  padding: 0 14px;
  color: #ffffff;
  background: transparent;
}

.accordion-header:hover {
  background: rgba(255,255,255,0.025);
}

.flex_accordion_text {
  gap: 12px;
}

.flex_accordion_text > i {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  color: #ffffff;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff6b7c 0%, #ff7d76 100%);
  box-shadow: none;
}

.text_acco {
  color: #ffffff;
  font-size: 14px;
}

.accordion-header .icon {
  width: 26px;
  height: 26px;
  color: #bbaeb5;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
}

.accordion-content {
  color: #ddd3d8;
}

.accordion-content > p,
.accordion-content > div {
  padding: 0 18px 18px;
}

.accordion-content h3 {
  color: #ffffff;
}

.accordion-content a {
  color: #ff8a97 !important;
}

.block_support_add,
.block_select_support,
.block_solution,
.div_edit_user_left,
.div_edit_user_right {
  border: 0;
  background: linear-gradient(180deg, #2d262b 0%, #241f24 100%);
  box-shadow: none;
}

.support-tickets-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 52px 18px;
  z-index: 2147482600;
  overflow: auto;
  background: rgba(2,4,8,0.74);
  backdrop-filter: blur(5px);
}

.support-tickets-modal.is-open {
  display: flex;
}

body.support-modal-open {
  overflow: hidden;
}

.support-tickets-backdrop {
  position: fixed;
  inset: 0;
  cursor: pointer;
}

.support-tickets-dialog {
  position: relative;
  z-index: 1;
  width: min(800px, calc(100vw - 36px));
  pointer-events: auto;
}

.support-tickets-content {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 18px;
  background: #090b10;
  box-shadow: 0 28px 80px rgba(0,0,0,0.48);
}

.support-tickets-header {
  min-height: 66px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  background: #090b10;
}

.support-tickets-body {
  padding: 0;
  background: #090b10;
}

.support-tickets-modal .modal_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.support-tickets-modal .flex_modal_head > span {
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
}

.support-tickets-modal .block_table_support {
  min-width: 0;
}

.support-tickets-modal .table-adaptive {
  margin: 0;
}

.support-tickets-modal .table-fused {
  border-radius: 0;
}

.support-tickets-modal #tickets {
  min-height: 58px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.support-tickets-modal #tickets .loader {
  margin: 24px auto;
}

.support-tickets-modal #tickets .ticket,
.support-tickets-modal #tickets .table_info,
.support-tickets-modal #tickets .t-row {
  margin: 0;
  padding: 16px 22px;
  color: #d9e2ef;
  border-top: 1px solid rgba(255,255,255,0.05);
  border-radius: 0;
  background: #090b10;
  box-shadow: none;
}

.support-tickets-modal #tickets .ticket:first-child,
.support-tickets-modal #tickets .table_info:first-child,
.support-tickets-modal #tickets .t-row:first-child {
  border-top: 0;
}

.support-tickets-modal #tickets .ticket:hover,
.support-tickets-modal #tickets .table_info:hover,
.support-tickets-modal #tickets .t-row:hover {
  transform: none;
  border-color: rgba(255,107,124,0.16);
  background: #0d1017;
}

.support-tickets-modal #tickets a {
  color: #ffffff !important;
}

.support-tickets-modal #tickets table {
  width: 100%;
  margin: 0;
  color: #d9e2ef;
  border-collapse: collapse;
}

.support-tickets-modal #tickets th,
.support-tickets-modal #tickets td {
  padding: 14px 22px;
  border-color: rgba(255,255,255,0.05) !important;
  background: transparent;
}

.support-modal-close {
  position: relative;
  z-index: 2;
  width: 34px;
  height: 34px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  color: #b9aeb5 !important;
  font-size: 22px;
  line-height: 1;
  text-shadow: none;
  opacity: 1;
  border: 0;
  border-radius: 10px;
  background: rgba(255,255,255,0.04);
  cursor: pointer;
}

.support-modal-close:hover,
.support-modal-close:focus {
  color: #ffffff !important;
  opacity: 1;
  outline: none;
  background: rgba(255,107,124,0.16);
}

                                          
.support-admin-heading,
.support-ticket-tabs,
.support-ticket-board,
.div_edit_user,
.block_solution {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.support-ticket-tabs {
  margin-bottom: 18px;
  padding: 8px;
  border: 0;
  border-radius: 18px;
  background: #211b20;
}

.support-ticket-tabs .nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.support-ticket-tabs .nav li {
  list-style: none;
}

.support-ticket-tabs .nav a {
  min-height: 46px;
  padding: 0 18px;
  border: 0;
  border-radius: 12px;
  color: #b9aeb5 !important;
  background: transparent;
  box-shadow: none;
}

.support-ticket-tabs .nav a.active,
.support-ticket-tabs .nav a:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #ff6b7c 0%, #ff7d76 100%);
  box-shadow: 0 14px 28px rgba(255,107,124,0.14);
}

.support-ticket-board {
  padding: 20px;
  border: 0;
  border-radius: 22px;
  background: linear-gradient(180deg, #141922 0%, #0d1119 100%);
  box-shadow: 0 24px 60px rgba(0,0,0,0.22);
}

.support-ticket-table-scroll {
  width: 100%;
  overflow-x: auto;
}

.support-ticket-table {
  width: 100%;
  min-width: 1040px;
  margin: 0;
  color: #d9e2ef;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.support-ticket-col-reply {
  width: 150px;
}

.support-ticket-col-source {
  width: 130px;
}

.support-ticket-col-topic {
  width: auto;
}

.support-ticket-col-author {
  width: 210px;
}

.support-ticket-col-date {
  width: 180px;
}

.support-ticket-table thead th,
.support-ticket-table thead td {
  padding: 13px 18px;
  color: #92a2bc;
  font-size: 12px;
  font-weight: 900;
  text-align: left;
  border: 0 !important;
  background: #132033 !important;
}

.support-ticket-table thead th:first-child,
.support-ticket-table thead td:first-child {
  border-radius: 12px 0 0 12px;
}

.support-ticket-table thead th:last-child,
.support-ticket-table thead td:last-child {
  border-radius: 0 12px 12px 0;
}

.support-ticket-table tbody tr {
  transition: transform .16s ease, box-shadow .16s ease;
}

.support-ticket-table tbody tr:hover {
  transform: translateY(-1px);
}

.support-ticket-table tbody td {
  padding: 17px 18px;
  color: #dfe7f4;
  font-size: 14px;
  font-weight: 800;
  vertical-align: middle;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  background: #101620 !important;
}

.support-ticket-table tbody td:first-child {
  border-left: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 14px 0 0 14px;
}

.support-ticket-table tbody td:last-child {
  border-right: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 0 14px 14px 0;
}

.support-ticket-table tbody tr:hover td {
  border-color: rgba(255,107,124,0.18) !important;
  background: #151b26 !important;
  box-shadow: 0 14px 26px rgba(0,0,0,0.13);
}

.support-ticket-table a {
  color: #27c4ff !important;
  text-decoration: none !important;
}

.support-ticket-table a:hover {
  color: #ff8a97 !important;
}

.support-ticket-table .loader {
  margin: 24px auto;
}

.div_edit_user {
  grid-template-columns: minmax(280px, 390px) minmax(0, 1fr);
  gap: 16px;
}

.div_edit_user_left,
.div_edit_user_right,
.block_solution {
  border: 0;
  border-radius: 20px;
  background: linear-gradient(180deg, #2d262b 0%, #241f24 100%);
  box-shadow: none;
}

.div_edit_user_left,
.div_edit_user_right {
  padding: 18px;
}

.flip-tr {
  padding: 15px 0;
  border-bottom-color: rgba(255,255,255,0.07);
}

.flip-tr > i {
  color: #ff8a97;
  background: rgba(255,107,124,0.08);
  border-color: rgba(255,107,124,0.22);
}

.h1-tr,
.desp_flex_complaint {
  color: #aeb8c9;
}

.h2-tr,
.text_flex_complaint,
.head_text_two {
  color: #ffffff;
}

.support-status-chip {
  display: inline-flex;
  width: max-content;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.support-status-open {
  color: #9fe0ff;
  border: 1px solid rgba(39,196,255,0.26);
  background: rgba(39,196,255,0.10);
}

.support-status-closed {
  color: #ffb8c1;
  border: 1px solid rgba(255,107,124,0.26);
  background: rgba(255,107,124,0.10);
}

.comment_ticket {
  min-height: 118px;
  padding: 18px;
  color: #d9d1d7;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  background: #342b31;
}

.close_ticket {
  color: #ffffff !important;
  border-color: rgba(39,196,255,0.34);
  background: rgba(39,196,255,0.10);
}

.delete_ticket {
  color: #ffb8c1 !important;
  border-color: rgba(255,107,124,0.30);
  background: rgba(255,107,124,0.10);
}

.block_solution {
  margin-top: 18px;
  padding: 0;
}

.block_solution .block_head {
  min-height: 58px;
  padding: 0 18px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  background: #141922;
}

.block_solution .block_head > i {
  color: #ff8a97;
  background: rgba(255,107,124,0.08);
  border-color: rgba(255,107,124,0.22);
}

.block_solution #add_ticket_answer,
.block_solution #answers {
  padding: 18px;
}

.send_comment_btn {
  color: #ffffff !important;
  border: 0;
  background: linear-gradient(135deg, #27c4ff 0%, #168cff 100%);
  box-shadow: 0 14px 28px rgba(22,140,255,0.20);
}

.smile_input_forum .smile_btn {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: rgba(39,196,255,0.14);
  border: 1px solid rgba(39,196,255,0.24);
}

@media (max-width: 1199.98px) {
  .block_support {
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  }
}

@media (max-width: 991.98px) {
  .heading_block,
  .heading_block_user {
    flex-direction: row;
    align-items: center;
  }

  .block_support {
    grid-template-columns: 1fr;
  }

  .support_btn_top {
    flex-direction: row;
    align-items: center;
  }
}

@media (max-width: 575.98px) {
  .heading_block,
  .heading_block_user {
    flex-direction: column;
    align-items: flex-start;
  }

  .heading_block .btn_heading_full,
  .heading_block_user .btn_heading_full {
    width: 100%;
  }

  .support_btn_top {
    flex-direction: column;
  }

  .active_btn_support_top,
  .btn_support_top {
    width: 100%;
  }

  .block_support_left,
  .block_support_right {
    padding: 14px;
  }

  .btn_support,
  .btn_support > a {
    min-height: 104px;
  }
}

                                     
.support-home-heading,
.support-home,
.support-admin-heading,
.support-ticket-tabs,
.support-ticket-board,
.div_edit_user,
.block_solution,
.block_support_add {
  width: min(1320px, 100%);
}

.support-direction-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.support-direction-grid .btn_support {
  min-height: 136px;
}

.support-direction-grid .btn_support > a {
  min-height: 136px;
}

.support-card-emoji,
.faq-head-emoji,
.support-chip-emoji,
.faq-lead-emoji {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.support-card-emoji {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 14px;
  font-size: 21px;
  background: rgba(255,255,255,0.045);
  border: 1px dashed rgba(255,255,255,0.20);
}

.btn_support.active_support_btn .support-card-emoji,
.btn_support:hover .support-card-emoji {
  background: rgba(255,107,124,0.12);
  border-color: rgba(255,107,124,0.42);
  box-shadow: 0 12px 26px rgba(255,107,124,0.12);
}

.support-create-link {
  display: block;
  text-decoration: none !important;
}

.block_top_content {
  min-height: 164px;
  justify-content: center;
}

.category_content {
  display: flex;
}

.select_content {
  gap: 8px;
}

.accordion-header {
  gap: 14px;
}

.flex_accordion_text {
  min-width: 0;
}

.faq-head-emoji {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 11px;
  font-size: 19px;
  background: linear-gradient(135deg, #ff6b7c 0%, #ff7d76 100%);
  box-shadow: 0 12px 24px rgba(255,107,124,0.16);
}

.accordion-content {
  background: #342b31;
}

.accordion-content > p,
.accordion-content > div {
  padding: 0;
}

.faq-answer {
  padding: 20px 20px 22px;
  color: #ddd4da;
  line-height: 1.65;
}

.faq-answer p {
  margin: 0;
}

.faq-answer h3 {
  margin: 0 0 6px;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.2;
}

.faq-lead {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.06);
}

.faq-lead-emoji {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  font-size: 24px;
  background: rgba(255,107,124,0.13);
  border: 1px solid rgba(255,107,124,0.24);
}

.faq-steps {
  display: grid;
  gap: 10px;
}

.faq-step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  border-radius: 14px;
  background: #2b2429;
  border: 1px solid rgba(255,255,255,0.055);
}

.faq-step-num {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  background: linear-gradient(135deg, #ff6b7c 0%, #ff7d76 100%);
}

.faq-step strong {
  display: block;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 14px;
}

.faq-step code {
  display: inline-flex;
  max-width: 100%;
  padding: 2px 7px;
  border-radius: 8px;
  color: #9fe0ff;
  background: rgba(39,196,255,0.10);
  border: 1px solid rgba(39,196,255,0.15);
  white-space: normal;
  overflow-wrap: anywhere;
}

.faq-link {
  display: inline-flex;
  max-width: 100%;
  margin-top: 8px;
  color: #ff96a1 !important;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.faq-note {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  margin-top: 12px;
  padding: 14px;
  border-radius: 14px;
  color: #f0dfe4;
  background: rgba(255,107,124,0.10);
  border: 1px solid rgba(255,107,124,0.20);
}

.faq-note > span {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: rgba(255,255,255,0.07);
}

.faq-note strong {
  color: #ffffff;
}

.support-ticket-tabs {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  padding: 8px;
}

.support-ticket-tabs .nav.vertical-navigation {
  width: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
}

.support-ticket-tabs .nav a {
  white-space: nowrap;
}

.support-ticket-board {
  padding: 20px;
}

.support-ticket-table {
  min-width: 0;
  table-layout: auto !important;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.support-ticket-table,
.support-ticket-table thead,
.support-ticket-table tbody {
  display: block;
  width: 100%;
}

.support-ticket-table thead tr,
.support-ticket-table tbody tr {
  display: grid !important;
  width: 100%;
  grid-template-columns: minmax(128px, 0.85fr) minmax(130px, 0.8fr) minmax(260px, 2fr) minmax(170px, 1.1fr) minmax(170px, 1fr);
  align-items: stretch;
}

.support-ticket-table tbody td[colspan] {
  grid-column: 1 / -1;
  border-radius: 14px !important;
}

.support-ticket-table th,
.support-ticket-table td {
  min-width: 0;
  display: flex;
  align-items: center;
  overflow-wrap: anywhere;
  word-break: normal;
}

.support-ticket-table th {
  min-height: 54px;
}

.support-ticket-table tbody td {
  min-height: 64px;
  white-space: normal;
}

.support-ticket-table tbody td a {
  overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
  .support-direction-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .block_top_content {
    min-height: 136px;
  }

  .support-ticket-table thead {
    display: none;
  }

  .support-ticket-table,
  .support-ticket-table tbody,
  .support-ticket-table tbody tr {
    display: block !important;
  }

  .support-ticket-table tbody tr {
    margin-bottom: 12px;
    border-radius: 16px;
    background: #101620;
    border: 1px solid rgba(255,255,255,0.06);
    overflow: hidden;
  }

  .support-ticket-table tbody td {
    min-height: auto;
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 12px;
    padding: 12px 14px;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .support-ticket-table tbody td:last-child {
    border-bottom: 0 !important;
  }

  .support-ticket-table tbody td::before {
    color: #92a2bc;
    font-size: 11px;
    font-weight: 900;
  }

  .support-ticket-table tbody td:nth-child(1)::before { content: "Последний ответ"; }
  .support-ticket-table tbody td:nth-child(2)::before { content: "От кого"; }
  .support-ticket-table tbody td:nth-child(3)::before { content: "Тема"; }
  .support-ticket-table tbody td:nth-child(4)::before { content: "Автор"; }
  .support-ticket-table tbody td:nth-child(5)::before { content: "Дата создания"; }
  .support-ticket-table tbody td[colspan]::before { content: ""; display: none; }
}

@media (max-width: 575.98px) {
  .support-direction-grid {
    grid-template-columns: 1fr;
  }

  .support-ticket-tabs {
    display: flex;
    width: 100%;
  }

  .support-ticket-tabs .nav.vertical-navigation {
    width: 100% !important;
    flex-direction: column !important;
  }

  .support-ticket-tabs .nav li,
  .support-ticket-tabs .nav a {
    width: 100%;
  }

  .faq-lead,
  .faq-step,
  .faq-note {
    grid-template-columns: 1fr;
  }

  .faq-lead-emoji,
  .faq-step-num,
  .faq-note > span {
    width: 38px;
    height: 38px;
  }

  .support-ticket-table tbody td {
    grid-template-columns: 1fr;
  }
}

                                            
.name_support_btn,
.text_top_content,
.support-ticket-modal-title {
  color: #f4f8ff !important;
}

.desp_support_btn,
.desp_top_content,
.center_message_support > span,
.support-ticket-modal-subtitle {
  color: #8fa2bf !important;
}

.line_social,
.circle_social,
.circle_in_social {
  border-color: rgba(35,184,255,0.38) !important;
  background: rgba(35,184,255,0.12) !important;
}

.block_solution #answers > *:not(script):not(.loader) {
  color: #dcecff !important;
  background: #111d2b !important;
  border: 1px solid rgba(35,184,255,0.12) !important;
}

.block_solution #answers a {
  color: #23b8ff !important;
}

.heading_block .double_heading > i,
.heading_block_user .double_heading > i {
  color: #ffffff !important;
  background: linear-gradient(135deg, #23b8ff 0%, #1177ff 100%) !important;
  border-color: rgba(93,205,255,0.34) !important;
  box-shadow: 0 14px 34px rgba(17,119,255,0.30) !important;
}

.block_support_left,
.block_support_right,
.support-ticket-board,
.block_support_add,
.div_edit_user_left,
.div_edit_user_right,
.block_solution,
.support-tickets-dialog {
  color: #dcecff !important;
  background: linear-gradient(180deg, #101823 0%, #0d121b 100%) !important;
  border: 1px solid rgba(35,184,255,0.14) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.support_btn_top,
.select_content,
.support-ticket-tabs {
  background: rgba(5,10,16,0.62) !important;
  border: 1px solid rgba(35,184,255,0.12) !important;
}

.active_btn_support_top,
.support-ticket-tabs .nav a.active,
.add_ticket_support,
.button-m,
.send_comment_btn,
.btn_heading_full {
  color: #e9f8ff !important;
  background: linear-gradient(135deg, #123247 0%, #0d2434 56%, #081824 100%) !important;
  border-color: rgba(71,177,222,0.28) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.22) !important;
}

.btn_support_top,
.support-ticket-tabs .nav a {
  color: #98a9c3 !important;
  background: transparent !important;
}

.btn_support,
.btn_support > a,
.block_top_content,
.accordion-header,
.accordion-content,
.faq-lead,
.faq-step,
.faq-note {
  background: #121923 !important;
  border-color: rgba(35,184,255,0.12) !important;
}

.btn_support:hover,
.btn_support.active_support_btn,
.btn_support:hover > a,
.btn_support.active_support_btn > a {
  background: linear-gradient(180deg, #172435 0%, #121923 100%) !important;
  border-color: rgba(35,184,255,0.42) !important;
  box-shadow: 0 18px 38px rgba(17,119,255,0.16) !important;
}

.heading_block .heading,
.heading_block_user .heading,
.head_text_two,
.btn_support .head_btn_support,
.btn_support > a .head_btn_support,
.faq-answer h3,
.faq-step strong,
.accordion-header h3,
.support-ticket-table a,
.support-ticket-table strong {
  color: #f4f8ff !important;
}

.heading_block .second_heading,
.heading_block_user .second_heading,
.btn_support .desc_btn_support,
.btn_support > a .desc_btn_support,
.faq-answer,
.faq-answer p,
.faq-lead p,
.faq-note,
.support-ticket-table td {
  color: #b9c7db !important;
}

.support-card-emoji,
.faq-lead-emoji,
.faq-note > span {
  background: rgba(35,184,255,0.10) !important;
  border-color: rgba(35,184,255,0.28) !important;
  box-shadow: none !important;
}

.btn_support.active_support_btn .support-card-emoji,
.btn_support:hover .support-card-emoji,
.faq-head-emoji,
.support-chip-emoji,
.faq-step-num {
  color: #ffffff !important;
  background: linear-gradient(135deg, #23b8ff 0%, #1177ff 100%) !important;
  border-color: rgba(93,205,255,0.34) !important;
  box-shadow: 0 12px 26px rgba(17,119,255,0.22) !important;
}

.faq-link,
.support-ticket-table a,
.support-ticket-table td a {
  color: #23b8ff !important;
}

.faq-step code {
  color: #9fe0ff !important;
  background: rgba(35,184,255,0.10) !important;
  border-color: rgba(35,184,255,0.22) !important;
}

.faq-note {
  background: rgba(35,184,255,0.08) !important;
  border-color: rgba(35,184,255,0.18) !important;
}

.accordion-header {
  min-height: 64px;
  color: #f4f8ff !important;
}

.accordion-header .icon {
  position: relative !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  color: #b6c8e4 !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
}

.accordion-header .icon i {
  display: none !important;
}

.accordion-header .icon::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: translateY(-2px) rotate(45deg) !important;
  transition: transform .2s ease, color .2s ease !important;
}

.accordion-header.active .icon {
  color: #23b8ff !important;
  background: rgba(35,184,255,0.11) !important;
  border-color: rgba(35,184,255,0.28) !important;
}

.accordion-header.active .icon::before {
  transform: translateY(2px) rotate(225deg) !important;
}

.accordion-content {
  background: #111a27 !important;
  border: 1px solid rgba(35,184,255,0.10) !important;
  border-top: 0 !important;
}

.support-ticket-tabs {
  display: flex !important;
  width: min(1320px, 100%) !important;
  padding: 8px !important;
}

.support-ticket-tabs .nav.vertical-navigation {
  display: flex !important;
  width: 100% !important;
  gap: 10px !important;
}

.support-ticket-tabs .nav a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
}

.support-ticket-tabs .nav a:hover {
  color: #ffffff !important;
  background: rgba(35,184,255,0.14) !important;
}

.support-ticket-table-scroll {
  width: 100%;
  overflow-x: auto;
}

.support-ticket-table {
  display: table !important;
  width: 100% !important;
  min-width: 980px !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}

.support-ticket-table col.support-ticket-col-reply { width: 16%; }
.support-ticket-table col.support-ticket-col-source { width: 15%; }
.support-ticket-table col.support-ticket-col-topic { width: 31%; }
.support-ticket-table col.support-ticket-col-author { width: 18%; }
.support-ticket-table col.support-ticket-col-date { width: 20%; }

.support-ticket-table thead {
  display: table-header-group !important;
}

.support-ticket-table tbody {
  display: table-row-group !important;
}

.support-ticket-table thead tr,
.support-ticket-table tbody tr {
  display: table-row !important;
}

.support-ticket-table th,
.support-ticket-table td {
  display: table-cell !important;
  min-height: 0 !important;
  padding: 16px 18px !important;
  vertical-align: middle !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  border: 0 !important;
}

.support-ticket-table th {
  color: #8fa2bf !important;
  background: #122033 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.support-ticket-table th:first-child {
  border-radius: 12px 0 0 12px !important;
}

.support-ticket-table th:last-child {
  border-radius: 0 12px 12px 0 !important;
}

.support-ticket-table tbody td {
  color: #dcecff !important;
  background: #101620 !important;
  border-top: 1px solid rgba(35,184,255,0.10) !important;
  border-bottom: 1px solid rgba(35,184,255,0.10) !important;
}

.support-ticket-table tbody td:first-child {
  border-left: 1px solid rgba(35,184,255,0.10) !important;
  border-radius: 14px 0 0 14px !important;
}

.support-ticket-table tbody td:last-child {
  border-right: 1px solid rgba(35,184,255,0.10) !important;
  border-radius: 0 14px 14px 0 !important;
}

.support-ticket-table tbody tr:hover td {
  background: #142033 !important;
  border-color: rgba(35,184,255,0.22) !important;
}

.support-ticket-table tbody td[colspan] {
  border-radius: 14px !important;
  text-align: center !important;
}

.support-ticket-table-open {
  min-width: 980px !important;
}

.support-ticket-table-close {
  min-width: 760px !important;
}

.support-ticket-table-close col.support-ticket-col-reply { width: 34% !important; }
.support-ticket-table-close col.support-ticket-col-author { width: 33% !important; }
.support-ticket-table-close col.support-ticket-col-date { width: 33% !important; }

.support-ticket-row {
  cursor: pointer;
}

.support-ticket-row td {
  height: 68px;
}

.support-ticket-date {
  display: inline-flex;
  max-width: 100%;
  color: #cfe0f7;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.support-ticket-source {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.support-ticket-source-admin {
  color: #8bb8ff;
  background: rgba(17,119,255,0.12);
  border: 1px solid rgba(17,119,255,0.24);
}

.support-ticket-source-user {
  color: #ffd17c;
  background: rgba(255,183,77,0.10);
  border: 1px solid rgba(255,183,77,0.22);
}

.support-ticket-topic {
  color: #f4f8ff !important;
  font-weight: 900;
}

.support-ticket-author {
  color: #23b8ff !important;
  font-weight: 900;
}

.smile_input_forum .smile_btn {
  background: rgba(35,184,255,0.14) !important;
  border-color: rgba(35,184,255,0.28) !important;
}

.delete_ticket {
  color: #ffb8c1 !important;
  background: rgba(255,90,110,0.08) !important;
  border-color: rgba(255,90,110,0.34) !important;
}

@media (max-width: 991.98px) {
  .support-ticket-table {
    display: block !important;
    min-width: 0 !important;
  }

  .support-ticket-table thead {
    display: none !important;
  }

  .support-ticket-table tbody,
  .support-ticket-table tbody tr,
  .support-ticket-table tbody td {
    display: block !important;
    width: 100% !important;
  }

  .support-ticket-table tbody tr {
    margin-bottom: 12px !important;
    background: #101620 !important;
    border: 1px solid rgba(35,184,255,0.14) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .support-ticket-table tbody td {
    padding: 12px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(35,184,255,0.10) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .support-ticket-table tbody td:last-child {
    border-bottom: 0 !important;
  }
}

                                          
.sidebar-auth-link span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#authorization.modal,
#registration.modal,
#api_auth.modal {
  z-index: 50000 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  filter: none !important;
}

.modal-backdrop {
  z-index: 49990 !important;
}

#authorization .modal-dialog,
#registration .modal-dialog,
#api_auth .modal-dialog,
#authorization .modal-content,
#registration .modal-content,
#api_auth .modal-content,
#authorization .modal-body,
#registration .modal-body,
#api_auth .modal-body,
#authorization form,
#registration form,
#api_auth form,
#authorization input,
#registration input,
#api_auth input,
#authorization button,
#registration button,
#api_auth button,
#authorization a,
#registration a,
#api_auth a {
  pointer-events: auto !important;
}

#authorization .reg-input,
#registration .reg-input,
#api_auth .reg-input {
  color: #eef7ff !important;
  background: #080d14 !important;
  border-color: rgba(120,190,255,0.20) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #eef7ff !important;
}

#authorization .reg-input:focus,
#registration .reg-input:focus,
#api_auth .reg-input:focus {
  color: #ffffff !important;
  background: #090f17 !important;
  border-color: rgba(35,184,255,0.62) !important;
  box-shadow: 0 0 0 3px rgba(35,184,255,0.12), inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

#authorization .reg-input:-webkit-autofill,
#registration .reg-input:-webkit-autofill,
#api_auth .reg-input:-webkit-autofill {
  -webkit-text-fill-color: #eef7ff !important;
  box-shadow: 0 0 0 1000px #080d14 inset !important;
  transition: background-color 9999s ease-out 0s !important;
}

#authorization .btn.btn-primary,
#registration .btn.btn-primary:not(:disabled),
#api_auth .btn.btn-primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #21b7ff 0%, #147dff 100%) !important;
  border-color: rgba(35,184,255,0.34) !important;
  opacity: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 14px 34px rgba(20,125,255,0.28) !important;
}

#registration .btn.btn-primary:disabled {
  color: rgba(255,255,255,0.70) !important;
  background: linear-gradient(135deg, rgba(33,183,255,0.42), rgba(20,125,255,0.36)) !important;
  border-color: rgba(35,184,255,0.18) !important;
  opacity: 0.72 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}