.g-search {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 74px !important;
  padding: 11px 14px !important;
  border-radius: 18px !important;
}

.g-search::before {
  display: none !important;
  content: none !important;
}

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

.g-search input#search_login {
  order: 1;
  flex: 1 1 auto !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(35,184,255,0.18) !important;
  border-radius: 14px !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;
  color: #edf6ff !important;
  line-height: 52px !important;
}

.g-search input#search_login:focus {
  border-color: rgba(35,184,255,0.40) !important;
  box-shadow: 0 0 0 3px rgba(35,184,255,0.06), inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

.g-search .g-search-btn {
  order: 2;
  flex: 0 0 54px !important;
  width: 54px !important;
  min-width: 54px !important;
  height: 52px !important;
  margin: 0 !important;
}

@media (max-width: 680px) {
  .g-search {
    gap: 9px !important;
    min-height: 66px !important;
    padding: 9px 10px !important;
  }

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

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

                                  
.monitoring {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.monitoring .server {
  isolation: isolate;
  min-height: 178px !important;
  height: 178px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(35, 184, 255, 0.14) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.monitoring .server:hover {
  transform: translateY(-3px);
  border-color: rgba(35, 184, 255, 0.35) !important;
  box-shadow: 0 24px 52px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(35, 184, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.monitoring .server::before {
  background:
    linear-gradient(180deg, rgba(4, 8, 14, 0.34) 0%, rgba(4, 8, 14, 0.62) 44%, rgba(4, 8, 14, 0.92) 100%),
    linear-gradient(90deg, rgba(0, 158, 255, 0.22), rgba(0, 158, 255, 0.03) 42%, rgba(0, 0, 0, 0.2) 100%) !important;
  z-index: 0 !important;
}

.monitoring .server::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(35, 184, 255, 0.9), rgba(35, 184, 255, 0)) 0 0 / 48% 1px no-repeat,
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)) 0 0 / 100% 52% no-repeat;
}

.monitoring > .server .server_name,
.monitoring .server .server_map,
.monitoring .server .server_online,
.monitoring .server .server_btn {
  position: relative;
  z-index: 2;
}

.monitoring > .server .server_name {
  min-height: 22px;
}

.monitoring > .server p {
  font-size: 15px !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}

.monitoring .server .server_map {
  max-width: 100%;
  min-height: 24px;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  border-color: rgba(35, 184, 255, 0.34) !important;
  background: rgba(7, 19, 31, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.monitoring .server .server_online {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px !important;
  align-items: center !important;
  margin-top: auto !important;
}

.monitoring .server > .server_online .online_nowmax {
  min-width: 58px;
  font-size: 22px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.monitoring .server > .server_online > .online_nowmax .online_max {
  font-size: 13px !important;
  color: rgba(224, 238, 255, 0.62) !important;
}

.monitoring .server > .server_online .progress {
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(5, 11, 18, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.monitoring .server > .server_online > .progress .progress-bar {
  border-radius: inherit;
  background: linear-gradient(90deg, #16a8ff 0%, #4fc7ff 58%, #b8ecff 100%) !important;
  box-shadow: 0 0 16px rgba(35, 184, 255, 0.45);
}

.monitoring .server .server_btn {
  gap: 8px !important;
  margin-top: 12px !important;
}

.monitoring .server > .server_btn .server_ip,
.monitoring .server > .server_btn .connect-server {
  min-width: 0;
  min-height: 34px;
  border-radius: 10px !important;
  padding: 7px 10px !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
  background: rgba(7, 13, 22, 0.78) !important;
}

.monitoring .server > .server_btn .server_ip span,
.monitoring .server > .server_btn .connect-server span {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: rgba(223, 233, 246, 0.78) !important;
}

.monitoring .server > .server_btn .connect-server {
  color: #dff4ff !important;
  border-color: rgba(35, 184, 255, 0.22) !important;
  background: linear-gradient(180deg, rgba(35, 184, 255, 0.22), rgba(11, 29, 45, 0.78)) !important;
}

.monitoring .server > .server_btn .server_ip:hover,
.monitoring .server > .server_btn .connect-server:hover {
  border-color: rgba(35, 184, 255, 0.46) !important;
  background: rgba(15, 34, 50, 0.92) !important;
}

@media (max-width: 680px) {
  .monitoring {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .monitoring .server {
    min-height: 172px !important;
    height: 172px !important;
  }
}

                                   
.modal-backdrop {
  z-index: 2147483620 !important;
  pointer-events: none !important;
}

.modal.show {
  z-index: 2147483630 !important;
  pointer-events: auto !important;
}

.modal.show .modal-dialog {
  position: relative;
  z-index: 2147483631 !important;
  pointer-events: auto !important;
}

.modal.show .modal-content,
.modal.show .modal-head,
.modal.show .modal-body,
.modal.show .modal-foot,
.modal.show button,
.modal.show a,
.modal.show input {
  pointer-events: auto !important;
}

.tooltip,
.tooltip.show,
.tooltip.bs-tooltip-auto,
.tooltip.bs-tooltip-top,
.tooltip.bs-tooltip-right,
.tooltip.bs-tooltip-bottom,
.tooltip.bs-tooltip-left,
.tippy-popper,
.tippy-box,
[data-tippy-root] {
  z-index: 2147483640 !important;
}

.tooltip .tooltip-inner {
  background: rgba(7, 13, 22, 0.96) !important;
  border: 1px solid rgba(35, 184, 255, 0.22) !important;
  color: #edf6ff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38) !important;
}

                                        
.sidebar-profile {
  gap: 8px !important;
  margin: 10px 10px 0 !important;
  padding: 12px 10px !important;
  min-height: 72px !important;
}

.sidebar-profile-ava {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
}

.sidebar-profile-ava img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
}

.sidebar-profile-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-right: 0 !important;
}

.sidebar-profile-name {
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.sidebar-profile-balance {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 3px !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
}

.sidebar-profile-actions {
  gap: 5px !important;
  margin-left: auto !important;
}

.sidebar-profile-action {
  width: 27px !important;
  height: 27px !important;
  flex: 0 0 27px !important;
  border-radius: 9px !important;
}

.sidebar-profile-icon {
  width: 15px;
  height: 15px;
  display: block;
}

.sidebar-profile-ruble {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  transform: none !important;
}

.sidebar-profile-badge {
  top: 2px !important;
  left: 2px !important;
  width: 9px !important;
  height: 9px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

.sidebar-profile-badge.disp-b {
  display: block !important;
  background: #23b8ff !important;
  border: 2px solid rgba(11, 16, 24, 0.96) !important;
  box-shadow: 0 0 0 3px rgba(35, 184, 255, 0.12), 0 0 14px rgba(35, 184, 255, 0.8) !important;
  animation: sidebar-profile-badge-pulse 1.8s ease-in-out infinite;
}

@keyframes sidebar-profile-badge-pulse {
  0%, 100% {
    box-shadow: 0 0 0 3px rgba(35, 184, 255, 0.10), 0 0 10px rgba(35, 184, 255, 0.58);
  }

  50% {
    box-shadow: 0 0 0 5px rgba(35, 184, 255, 0.16), 0 0 18px rgba(35, 184, 255, 0.9);
  }
}

                                  
.users-page-head {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  overflow: visible !important;
}

.users-page-head .page-head-title {
  flex: 0 0 auto !important;
  margin-right: auto !important;
}

.users-page-head .page-head-actions {
  position: relative !important;
  z-index: 2 !important;
  flex: 0 1 520px !important;
  min-width: 360px !important;
  max-width: 520px !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) 170px !important;
  gap: 10px !important;
  margin-left: auto !important;
}

.users-page-head .users-search-input,
.users-page-head .users-group-select {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(35, 184, 255, 0.12) !important;
  background-color: rgba(9, 14, 23, 0.92) !important;
  color: #edf6ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.users-page-head .users-search-input {
  padding: 0 16px 0 42px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 15.5L19 19M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z' stroke='%238EA0B9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 16px center !important;
  background-size: 16px 16px !important;
}

.users-page-head .users-search-input::placeholder {
  color: rgba(174, 190, 212, 0.72) !important;
}

.users-page-head .users-search-input:focus,
.users-page-head .users-group-select:focus {
  border-color: rgba(35, 184, 255, 0.42) !important;
  box-shadow: 0 0 0 3px rgba(35, 184, 255, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.users-page-head .users-group-select option {
  background: #0b111b;
  color: #edf6ff;
}

.users-page-head .users-groups-ready .users-group-select {
  display: none !important;
}

.users-group-picker {
  position: relative;
  width: 100%;
  min-width: 0;
}

.users-group-trigger {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 14px;
  border: 1px solid rgba(35, 184, 255, 0.18);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(13, 20, 31, 0.98), rgba(7, 12, 20, 0.98));
  color: #edf6ff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.users-group-trigger svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: rgba(174, 190, 212, 0.86);
  transition: transform .18s ease, color .18s ease;
}

.users-group-picker.open .users-group-trigger {
  border-color: rgba(35, 184, 255, 0.48);
  box-shadow: 0 0 0 3px rgba(35, 184, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.users-group-picker.open .users-group-trigger svg {
  transform: rotate(180deg);
  color: #23b8ff;
}

.users-group-current {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.users-group-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 80;
  width: min(260px, 100vw - 28px);
  max-height: 360px;
  padding: 7px;
  overflow-y: auto;
  border: 1px solid rgba(35, 184, 255, 0.22);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(13, 20, 31, 0.98), rgba(7, 11, 18, 0.98));
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(35, 184, 255, 0.04);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px) scale(0.98);
  transform-origin: top right;
  transition: opacity .16s ease, transform .16s ease;
}

.users-group-picker.open .users-group-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.users-group-option {
  width: 100%;
  min-height: 32px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(237, 246, 255, 0.88);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
  text-align: left;
  cursor: pointer;
  transition: background .14s ease, color .14s ease, transform .14s ease;
}

.users-group-option:hover,
.users-group-option.active {
  background: rgba(35, 184, 255, 0.14);
  color: #ffffff;
}

.users-group-option:hover {
  transform: translateX(2px);
}

.users-group-menu::-webkit-scrollbar {
  width: 6px;
}

.users-group-menu::-webkit-scrollbar-thumb {
  background: rgba(35, 184, 255, 0.32);
  border-radius: 999px;
}

                                  
.arrow_users_top {
  gap: 6px !important;
}

.online_pro {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: -12px;
}

.online_pro::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  width: 260px;
  height: 14px;
  z-index: 99;
}

.online_prcr {
  top: calc(100% + 2px) !important;
}

.online_pro:hover .online_prcr {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0) scale(1);
}

.chat-live-mini {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 4px;
  border-radius: 999px;
}

.chat-header .user_online_block {
  max-width: 58px;
  overflow: hidden;
}

.chat-header .user_online_block .user_online_top:nth-of-type(n+7) {
  display: none !important;
}

.chat-rules-toggle {
  width: 26px;
  height: 26px;
  min-width: 26px;
  display: none !important;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(35, 184, 255, 0.22);
  border-radius: 7px;
  background: rgba(35, 184, 255, 0.07);
  color: #8fdcff;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, color .15s ease, transform .15s ease;
}

.chat-rules-toggle:hover {
  border-color: rgba(35, 184, 255, 0.48);
  background: rgba(35, 184, 255, 0.14);
  color: #ffffff;
  transform: translateY(-1px);
}

.chat-rules-toggle svg {
  width: 14px;
  height: 14px;
}

.chat-visited-mini {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: 2px;
  padding: 2px 6px;
  border: 1px solid rgba(35, 184, 255, 0.18);
  border-radius: 999px;
  background: rgba(35, 184, 255, 0.08);
  color: #9ddfff;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
}

.chat-visited-mini-label {
  color: rgba(174, 190, 212, 0.72);
  font-weight: 700;
}

.chat-visited-mini-value {
  color: #dff7ff;
}

.online-popup-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
  background: linear-gradient(180deg, rgba(35, 184, 255, 0.055), rgba(255, 255, 255, 0.01));
}

.online-popup-stat {
  min-width: 0;
  min-height: 40px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  background: rgba(8, 13, 22, 0.62);
  text-align: center;
  cursor: pointer;
  transition: border-color .14s ease, background .14s ease, box-shadow .14s ease, transform .14s ease;
}

button.online-popup-stat {
  appearance: none;
  font: inherit;
}

.online-popup-stat:hover,
.online-popup-stat.is-active {
  border-color: rgba(35, 184, 255, 0.34);
  background: linear-gradient(180deg, rgba(35, 184, 255, 0.12), rgba(8, 13, 22, 0.74));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 10px 22px rgba(0, 0, 0, 0.16);
}

.online-popup-stat:hover {
  transform: translateY(-1px);
}

.online-popup-stat::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 8px currentColor;
}

.online-popup-stat::after {
  content: attr(title);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  min-width: max-content;
  padding: 6px 9px;
  border: 1px solid rgba(35, 184, 255, 0.24);
  border-radius: 9px;
  background: rgba(8, 13, 22, 0.98);
  color: #f5fbff;
  font-size: 10px;
  font-weight: 850;
  line-height: 1;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.34);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 4px);
  transition: opacity .14s ease, transform .14s ease;
  z-index: 4;
}

.online-popup-stat:hover::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

.online-popup-stat-label,
.online-popup-stat-value {
  display: block;
  line-height: 1;
}

.online-popup-stat-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.online-popup-stat-value {
  margin-top: 0;
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
}

.online-popup-stat-live {
  color: #43e38d;
}

.online-popup-stat-live .online-popup-stat-value {
  color: #43e38d;
}

.online-popup-stat-visited {
  color: #23b8ff;
}

.online-popup-stat-visited .online-popup-stat-value {
  color: #23b8ff;
}

.online-popup-panel {
  display: none;
}

.online-popup-panel.is-active {
  display: block;
}

.prime-visited-user .online-user-ava {
  border: 1px solid rgba(35, 184, 255, 0.45);
}

.prime-visited-user .online-user-ava-dot {
  background: #23b8ff;
  box-shadow: 0 0 5px rgba(35, 184, 255, 0.86);
}

.prime-visited-user .online-user-role {
  color: #23b8ff;
  border-color: rgba(35, 184, 255, 0.45);
}

.online-popup-empty {
  padding: 18px 12px;
  color: rgba(174, 190, 212, 0.74);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.online-popup-footer {
  padding: 9px 12px !important;
}

.online-popup-rules-btn {
  width: 100%;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(35, 184, 255, 0.18);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(35, 184, 255, 0.11), rgba(35, 184, 255, 0.045));
  color: #9ddfff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .4px;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, color .15s ease, transform .15s ease;
}

.online-popup-rules-btn:hover {
  border-color: rgba(35, 184, 255, 0.42);
  background: linear-gradient(180deg, rgba(35, 184, 255, 0.18), rgba(35, 184, 255, 0.08));
  color: #ffffff;
  transform: translateY(-1px);
}

#primeChatRules.modal,
#primeChatRules.modal.show {
  opacity: 1 !important;
  filter: none !important;
}

#primeChatRules .modal-dialog,
#primeChatRules .modal-content,
#primeChatRules .prime-chat-rules-content,
#primeChatRules .prime-chat-rules-body,
#primeChatRules .prime-chat-rule,
#primeChatRules .prime-chat-rule span,
#primeChatRules .prime-chat-rule a {
  opacity: 1 !important;
  filter: none !important;
}

.prime-chat-rules-modal .modal-dialog {
  max-width: 520px;
}

.prime-chat-rules-content {
  overflow: hidden;
  border: 1px solid rgba(35, 184, 255, 0.22) !important;
  border-radius: 16px;
  background:
    radial-gradient(circle at 0 0, rgba(35, 184, 255, 0.14), transparent 36%),
    linear-gradient(180deg, #111b2a 0%, #08101b 100%) !important;
  color: #f7fbff !important;
  box-shadow: 0 28px 78px rgba(0, 0, 0, 0.64), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.prime-chat-rules-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 18px 12px;
}

.prime-chat-rules-title {
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

.prime-chat-rules-line {
  width: 44px;
  height: 4px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff5b6b, #ffb35b);
  box-shadow: 0 0 16px rgba(255, 91, 107, 0.34);
}

.prime-chat-rules-close {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 91, 107, 0.16);
  border-radius: 10px;
  background: rgba(255, 91, 107, 0.14);
  color: #ff7b86;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.prime-chat-rules-close:hover {
  border-color: rgba(255, 91, 107, 0.38);
  background: rgba(255, 91, 107, 0.22);
  color: #ffffff;
}

.prime-chat-rules-close svg {
  width: 12px;
  height: 12px;
}

.prime-chat-rules-body {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 4px 18px 20px;
}

.prime-chat-rule {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  color: #f5fbff !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.38);
}

.prime-chat-rule span:not(.prime-chat-rule-icon) {
  color: #f5fbff !important;
}

.prime-chat-rule b {
  color: #ff9baa !important;
}

.prime-chat-rule a {
  color: #ff9baa !important;
  font-weight: 900;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 155, 170, 0.42);
}

.prime-chat-rule a:hover {
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.72);
}

.prime-chat-rule-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

.prime-rule-ok {
  background: #24d366;
}

.prime-rule-stop,
.prime-rule-no {
  background: #ff4d57;
}

.prime-rule-lock {
  background: #ffb02e;
}

.prime-rule-warn {
  background: #ffd43b;
  color: #1b2433;
}

.prime-rule-admin {
  background: #23b8ff;
}

@media (max-width: 560px) {
  .prime-chat-rules-modal .modal-dialog {
    max-width: calc(100% - 24px);
    margin-left: auto;
    margin-right: auto;
  }
}

                                        
.g-msg-list.dialogs {
  position: relative;
  display: block;
  margin-top: 18px;
}

.messages-dialog-toolbar {
  position: relative;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 42px;
  margin: 0 0 12px;
  overflow: visible;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none;
}

.messages-dialog-toolbar:has(#back_btn.disp-n) {
  display: none;
}

.g-msg-list.dialogs #back_btn.disp-n {
  display: none !important;
}

.g-msg-list.dialogs #back_btn {
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 118px;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  margin: 0 0 2px auto !important;
  padding: 0 18px !important;
  border: 1px solid rgba(35, 184, 255, 0.32) !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #35c7ff 0%, #168cff 100%) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: auto;
  transform: none !important;
  box-shadow: 0 12px 24px rgba(22, 140, 255, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.g-msg-list.dialogs #back_btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 30px rgba(22, 140, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

.g-msg-list.dialogs #place_for_messages {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 520px;
  background: transparent !important;
}

.personal-messages-chat {
  width: 100%;
  min-height: 520px;
}

.personal-messages-chat form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 520px;
  margin: 0;
}

.personal-messages-chat #drop_zone {
  min-height: 0;
  padding: 16px;
  border: 1px solid rgba(35, 184, 255, 0.10);
  border-radius: 18px;
  background:
    radial-gradient(circle at left top, rgba(35, 184, 255, 0.055), transparent 34%),
    linear-gradient(180deg, rgba(12, 18, 28, 0.74), rgba(7, 11, 18, 0.88));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 18px 44px rgba(0, 0, 0, 0.16);
}

.personal-messages-chat #messages {
  height: 430px !important;
  padding: 4px 4px 8px;
  gap: 10px;
  overflow-y: auto;
}

.personal-messages-chat #messages::-webkit-scrollbar {
  width: 6px;
}

.personal-messages-chat #messages::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.035);
  border-radius: 999px;
}

.personal-messages-chat #messages::-webkit-scrollbar-thumb {
  background: rgba(35, 184, 255, 0.24);
  border-radius: 999px;
}

.personal-messages-chat .chat_message {
  width: min(720px, 78%);
  padding: 10px 12px;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 16px;
  background: rgba(14, 21, 32, 0.74);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.personal-messages-chat .chat_message:hover {
  background: rgba(17, 27, 41, 0.86);
  border-color: rgba(35, 184, 255, 0.14);
}

.personal-messages-chat .msg-ava {
  width: 36px;
  height: 36px;
  border-radius: 11px;
}

.personal-messages-chat .msg-ava img {
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.personal-messages-chat .msg-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.personal-messages-chat .msg-top {
  align-items: center;
  margin: 0;
}

.personal-messages-chat .msg-name {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
}

.personal-messages-chat .msg-time {
  margin-left: 12px;
  color: rgba(174, 190, 212, 0.62);
}

.personal-messages-chat .msg-text {
  color: #edf6ff;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.personal-messages-chat .chat-input-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  padding: 7px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(35, 184, 255, 0.28) !important;
  background: linear-gradient(180deg, rgba(13, 20, 31, 0.98), rgba(7, 12, 20, 0.98)) !important;
  box-shadow: 0 0 0 1px rgba(35, 184, 255, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.personal-messages-chat .chat-input-wrap:focus-within {
  border-color: rgba(35, 184, 255, 0.48) !important;
  box-shadow: 0 0 0 3px rgba(35, 184, 255, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.personal-messages-chat input.chat-input {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  line-height: 36px !important;
}

.personal-messages-chat .chat-send {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  justify-self: end;
  border-radius: 11px !important;
}

@media (max-width: 760px) {
  .personal-messages-chat .chat_message {
    width: 100%;
  }

  .personal-messages-chat #messages {
    height: 380px !important;
  }
}

#users.g-friend-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#users .g-friend-card {
  min-height: 124px !important;
  padding: 16px 10px 12px !important;
  border-radius: 14px !important;
}

#users .g-friend-ava {
  width: 48px !important;
  height: 48px !important;
}

#users .g-friend-ava img {
  height: 100% !important;
  object-fit: cover !important;
}

#users .g-friend-name {
  max-width: 100% !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
}

#users .g-friend-badge {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1400px) {
  #users.g-friend-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  #users.g-friend-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  .users-page-head {
    flex-wrap: wrap !important;
  }

  .users-page-head .page-head-actions {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: 1fr !important;
  }

  #users.g-friend-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

                                                        
#new_news.news-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px !important;
  align-items: stretch;
}

#new_news .news-card {
  position: relative;
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  min-height: 342px;
  border-radius: 18px !important;
  overflow: hidden;
  border-color: rgba(35, 184, 255, 0.18) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(35, 184, 255, 0.14), transparent 38%),
    linear-gradient(180deg, rgba(17, 25, 38, 0.98), rgba(8, 13, 21, 0.98)) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transform: none !important;
}

#new_news .news-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(35, 184, 255, 0.08), transparent 34%);
  opacity: 0.72;
}

#new_news .news-card:hover {
  border-color: rgba(35, 184, 255, 0.42) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(35, 184, 255, 0.08);
}

#new_news .news-card-img {
  width: 100% !important;
  flex: 0 0 auto;
  background: rgba(4, 9, 16, 0.72) !important;
}

#new_news .news-card-img-placeholder {
  height: 176px !important;
  background:
    linear-gradient(180deg, transparent 58%, rgba(8, 13, 21, 0.8)),
    linear-gradient(135deg, rgba(35, 184, 255, 0.08), rgba(8, 12, 20, 0.2));
}

#new_news .news-card-img img {
  object-fit: cover !important;
  object-position: center 44%;
}

#new_news .news-card-title {
  min-height: 42px;
  font-size: 15px !important;
  line-height: 1.35 !important;
  color: #f4f8ff !important;
}

#new_news .news-card-short {
  -webkit-line-clamp: 3 !important;
  color: rgba(174, 190, 212, 0.82) !important;
}

#new_news .news-card-body {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  padding: 15px 16px !important;
}

#new_news .news-card-meta {
  margin-top: auto !important;
  padding-top: 12px;
  gap: 9px !important;
}

#new_news .news-card-meta .read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(35, 184, 255, 0.24);
  border-radius: 10px;
  background: rgba(35, 184, 255, 0.08);
  color: #35c8ff !important;
}

#new_news .news-card-meta .read-more:hover {
  background: rgba(35, 184, 255, 0.15);
}

#new_news .news-card:only-child {
  grid-column: auto;
}

@media (max-width: 1220px) {
  #new_news.news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  #new_news.news-grid {
    grid-template-columns: 1fr;
  }

  #new_news .news-card {
    min-height: 0;
  }

  #new_news .news-card-img-placeholder {
    height: 178px !important;
  }
}

                                            
.support-tickets-modal {
  padding: 44px 18px !important;
  background: rgba(3, 7, 13, 0.78) !important;
  backdrop-filter: blur(8px) !important;
}

.support-tickets-dialog {
  width: min(860px, calc(100vw - 36px)) !important;
  border: 1px solid rgba(35, 184, 255, 0.18) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(15, 23, 35, 0.98), rgba(8, 13, 21, 0.98)) !important;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.56), 0 0 0 1px rgba(35, 184, 255, 0.04) !important;
}

.support-tickets-content {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.support-tickets-header {
  min-height: 74px !important;
  padding: 18px 22px !important;
  border-bottom: 1px solid rgba(35, 184, 255, 0.12) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(35, 184, 255, 0.14), transparent 34%),
    rgba(8, 13, 21, 0.74) !important;
}

.support-tickets-modal .modal_head {
  gap: 14px;
}

.support-tickets-modal .flex_modal_head {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.support-tickets-modal .flex_modal_head > span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #f4f8ff !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.support-tickets-modal .flex_modal_head > span::before {
  content: "🎫";
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: rgba(35, 184, 255, 0.12);
  border: 1px solid rgba(35, 184, 255, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  font-size: 16px;
}

.support-tickets-modal .line_title {
  margin-left: 44px;
}

.support-tickets-body {
  padding: 14px !important;
  background: transparent !important;
}

.support-tickets-modal .block_table_support,
.support-tickets-modal .table-adaptive,
.support-tickets-modal .table-fused {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.support-tickets-modal #tickets {
  min-height: 92px !important;
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.support-tickets-modal #tickets .t-row {
  display: grid !important;
  grid-template-columns: minmax(170px, 0.9fr) minmax(0, 1.2fr) minmax(180px, 0.9fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 74px;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(35, 184, 255, 0.13) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at right top, rgba(35, 184, 255, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(15, 23, 35, 0.96), rgba(9, 14, 22, 0.96)) !important;
  color: #dcecff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.support-tickets-modal #tickets .t-row:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(35, 184, 255, 0.32) !important;
  background:
    radial-gradient(circle at right top, rgba(35, 184, 255, 0.12), transparent 38%),
    linear-gradient(180deg, rgba(18, 29, 45, 0.98), rgba(10, 16, 25, 0.98)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.support-tickets-modal #tickets .status,
.support-tickets-modal #tickets .nick,
.support-tickets-modal #tickets .date {
  min-width: 0;
  color: #edf6ff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3;
}

.support-tickets-modal #tickets .status {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 7px !important;
}

.support-tickets-modal #tickets .status::before,
.support-tickets-modal #tickets .nick::before,
.support-tickets-modal #tickets .date::before {
  content: "Статус";
  flex: 0 0 100%;
  display: block;
  margin-bottom: 2px;
  color: rgba(143, 162, 191, 0.78);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.support-tickets-modal #tickets .nick::before {
  content: "Тема";
}

.support-tickets-modal #tickets .date::before {
  content: "Создан";
}

.support-tickets-modal #tickets .nick,
.support-tickets-modal #tickets .date {
  display: flex !important;
  flex-direction: column;
  gap: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.support-tickets-modal #tickets .date {
  color: rgba(185, 199, 219, 0.9) !important;
  text-align: left !important;
}

.support-tickets-modal #tickets .status-dot {
  width: 7px !important;
  height: 7px !important;
}

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

.support-modal-close {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  color: #b9c7db !important;
  border: 1px solid rgba(255, 255, 255, 0.065) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

.support-modal-close:hover,
.support-modal-close:focus {
  color: #ffffff !important;
  border-color: rgba(255, 107, 124, 0.28) !important;
  background: rgba(255, 107, 124, 0.14) !important;
}

@media (max-width: 720px) {
  .support-tickets-modal {
    padding: 20px 10px !important;
  }

  .support-tickets-dialog {
    width: calc(100vw - 20px) !important;
  }

  .support-tickets-modal #tickets .t-row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

                                                                  
:root {
  --prime-soft-accent: #2f9ccb;
  --prime-soft-accent-dark: #0d2434;
  --prime-soft-accent-bg: rgba(47, 156, 203, 0.12);
  --prime-soft-accent-border: rgba(71, 177, 222, 0.28);
}

.heading_block .double_heading > i,
.heading_block_user .double_heading > i,
.support-card-emoji,
.faq-head-emoji,
.support-chip-emoji,
.faq-step-num,
.support-tickets-modal .flex_modal_head > span::before {
  color: #e9f8ff !important;
  background: linear-gradient(135deg, rgba(18, 50, 71, 0.96), rgba(8, 24, 36, 0.96)) !important;
  border-color: var(--prime-soft-accent-border) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.active_btn_support_top,
.support_btn_top .active_btn_support_top,
.add_ticket_support,
.button-m,
.send_comment_btn,
.btn_heading_full,
.support-ticket-tabs .nav a.active {
  color: #e9f8ff !important;
  text-shadow: none !important;
  background: linear-gradient(135deg, #123247 0%, #0d2434 58%, #081824 100%) !important;
  border-color: var(--prime-soft-accent-border) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.active_btn_support_top:hover,
.support_btn_top .active_btn_support_top:hover,
.add_ticket_support:hover,
.button-m:hover,
.send_comment_btn:hover,
.btn_heading_full:hover,
.support-ticket-tabs .nav a.active:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #183d55 0%, #102d42 58%, #0a1e2d 100%) !important;
  border-color: rgba(71, 177, 222, 0.42) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.btn_heading_full {
  min-width: 122px;
  padding: 0 18px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.heading_block .btn_heading_full,
.heading_block_user .btn_heading_full,
.support-home-heading .btn_heading_full,
.support-admin-heading .btn_heading_full,
a.btn_heading_full {
  color: #e9f8ff !important;
  -webkit-text-fill-color: #e9f8ff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  background: linear-gradient(135deg, #123247 0%, #0d2434 58%, #081824 100%) !important;
  border: 1px solid rgba(71, 177, 222, 0.32) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

.heading_block .btn_heading_full:hover,
.heading_block_user .btn_heading_full:hover,
.support-home-heading .btn_heading_full:hover,
.support-admin-heading .btn_heading_full:hover,
a.btn_heading_full:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #183d55 0%, #102d42 58%, #0a1e2d 100%) !important;
  border-color: rgba(71, 177, 222, 0.46) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

.btn_support:hover,
.btn_support.active_support_btn,
.btn_support:hover > a,
.btn_support.active_support_btn > a {
  border-color: rgba(71, 177, 222, 0.26) !important;
  background: linear-gradient(180deg, rgba(24, 30, 39, 0.98), rgba(14, 19, 28, 0.98)) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.btn_support.active_support_btn .support-card-emoji,
.btn_support:hover .support-card-emoji {
  color: #e9f8ff !important;
  background: linear-gradient(135deg, rgba(18, 50, 71, 0.96), rgba(8, 24, 36, 0.96)) !important;
  border-color: rgba(71, 177, 222, 0.30) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !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 {
  border-color: rgba(35, 184, 255, 0.10) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.support_btn_top,
.select_content,
.support-ticket-tabs {
  border-color: rgba(255, 255, 255, 0.055) !important;
  box-shadow: none !important;
}

.faq-link,
.support-ticket-table a,
.support-ticket-table td a,
.support-tickets-modal #tickets a,
#new_news .news-card-meta .read-more {
  color: #35c8ff !important;
}

#new_news .news-card-meta .read-more {
  border-color: rgba(35, 184, 255, 0.24) !important;
  background: rgba(35, 184, 255, 0.08) !important;
}

#new_news .news-card-meta .read-more:hover {
  background: rgba(35, 184, 255, 0.14) !important;
}

                                                
.support-home-heading .double_heading > i.bx-support,
.support-admin-heading .double_heading > i.bx-support {
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-style: normal !important;
}

.support-home-heading .double_heading > i.bx-support::before,
.support-admin-heading .double_heading > i.bx-support::before {
  content: "🎧" !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 18px;
  line-height: 1;
}

                                            
.heading_block .double_heading > i.bx-sticker,
.heading_block_user .double_heading > i.bx-sticker {
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-style: normal !important;
}

.heading_block .double_heading > i.bx-sticker::before,
.heading_block_user .double_heading > i.bx-sticker::before {
  content: "📝" !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 18px;
  line-height: 1;
}

.block_support_add {
  width: min(860px, 100%) !important;
  max-width: 860px !important;
  margin: 14px 0 0 !important;
  padding: 18px !important;
  border-radius: 18px !important;
  border-color: rgba(35, 184, 255, 0.14) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(35, 184, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(14, 22, 34, 0.98), rgba(8, 13, 21, 0.98)) !important;
}

.block_support_add > .form-group,
.block_support_add .form-group {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

.block_support_add .custom-input.with-title {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  margin: 0 !important;
}

.block_support_add .custom-input.with-title span {
  order: 1;
  margin: 0 !important;
  color: rgba(185, 199, 219, 0.92) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .02em;
}

.block_support_add .custom-input.with-title input {
  order: 2;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 44px 0 13px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(35, 184, 255, 0.18) !important;
  background: rgba(7, 13, 22, 0.72) !important;
  color: #edf6ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.block_support_add .custom-input.with-title input:focus {
  border-color: rgba(35, 184, 255, 0.42) !important;
  background: rgba(9, 16, 27, 0.88) !important;
  box-shadow: 0 0 0 3px rgba(35, 184, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.block_support_add .custom-input.with-title i.bx-category {
  top: 34px !important;
  right: 13px !important;
  bottom: auto !important;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #35c8ff !important;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 15px;
}

.block_support_add .custom-input.with-title i.bx-category::before {
  content: "✎" !important;
}

.block_support_add #ticket_result {
  margin: 10px 0 0 !important;
}

.block_support_add .button-m {
  min-width: 190px !important;
  min-height: 40px !important;
  margin-top: 2px !important;
  border-radius: 12px !important;
}

@media (max-width: 720px) {
  .block_support_add {
    padding: 14px !important;
  }

}

                                                      
.heading_block .double_heading > i.bx-support,
.heading_block_user .double_heading > i.bx-support {
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-style: normal !important;
}

.heading_block .double_heading > i.bx-support::before,
.heading_block_user .double_heading > i.bx-support::before {
  content: "🎧" !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 18px;
  line-height: 1;
  border: 0 !important;
}

.div_edit_user {
  align-items: stretch !important;
  gap: 16px !important;
}

.div_edit_user .flip-tr > i,
.block_solution .block_head > i {
  color: #35c8ff !important;
  background: rgba(35, 184, 255, 0.10) !important;
  border: 1px solid rgba(35, 184, 255, 0.22) !important;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-style: normal !important;
}

.div_edit_user .flip-tr > i::before,
.block_solution .block_head > i::before {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1em !important;
  height: 1em !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 15px;
  line-height: 1;
}

.div_edit_user .flip-tr > i.bx-server::before {
  content: "📝" !important;
}

.div_edit_user .flip-tr > i.bx-user::before {
  content: "👤" !important;
}

.div_edit_user .flip-tr > i.bx-radar::before {
  content: "📡" !important;
}

.div_edit_user .flip-tr > i.bx-time-five::before {
  content: "🕒" !important;
}

.block_solution .block_head > i.bx-message-detail::before {
  content: "💬" !important;
}

.div_edit_user .comment_ticket {
  min-height: 102px !important;
  color: #dcecff !important;
  background: #0f1a29 !important;
  border-color: rgba(35, 184, 255, 0.14) !important;
}

.block_solution {
  border-color: rgba(35, 184, 255, 0.10) !important;
  background: linear-gradient(180deg, rgba(14, 22, 34, 0.98), rgba(8, 13, 21, 0.98)) !important;
}

.block_solution .block_head {
  background: rgba(14, 22, 34, 0.88) !important;
  border-bottom-color: rgba(35, 184, 255, 0.12) !important;
}

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

.block_solution .smile_input_forum {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.block_solution .smile_input_forum .smile_btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 12px !important;
  background: rgba(35, 184, 255, 0.10) !important;
  border: 1px solid rgba(35, 184, 255, 0.24) !important;
}

.block_solution .smile_input_forum .smile_btn::before {
  content: "🙂";
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 17px;
  line-height: 1;
}
                                                 
#db .select_container.prime-unban-search {
  position: relative;
  z-index: 20;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  overflow: visible !important;
}

#db .prime-unban-select {
  position: relative;
  min-width: 0;
  z-index: 25;
}

#db .prime-unban-select select.prime-unban-native-select {
  display: none !important;
}

#db .prime-unban-select-trigger {
  width: 100%;
  height: 54px;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 14px 0 18px;
  border: 1px solid rgba(35, 184, 255, 0.18);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(35, 184, 255, 0.10), transparent 38%),
    linear-gradient(180deg, rgba(13, 20, 31, 0.98), rgba(7, 12, 20, 0.98));
  color: #edf6ff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 14px 28px rgba(0, 0, 0, 0.18);
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

#db .prime-unban-select-trigger:hover,
#db .prime-unban-select.open .prime-unban-select-trigger {
  border-color: rgba(35, 184, 255, 0.42);
  box-shadow: 0 0 0 3px rgba(35, 184, 255, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 34px rgba(0, 0, 0, 0.22);
}

#db .prime-unban-select-current {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#db .prime-unban-select-trigger svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: rgba(174, 190, 212, 0.88);
  transition: transform .16s ease, color .16s ease;
}

#db .prime-unban-select-trigger svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#db .prime-unban-select.open .prime-unban-select-trigger svg {
  color: #35c8ff;
  transform: rotate(180deg);
}

#db .prime-unban-select-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 300;
  max-height: 260px;
  padding: 7px;
  overflow-y: auto;
  border: 1px solid rgba(35, 184, 255, 0.24);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(13, 20, 31, 0.99), rgba(7, 11, 18, 0.99));
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.52), 0 0 0 1px rgba(35, 184, 255, 0.04);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px) scale(0.98);
  transform-origin: top center;
  transition: opacity .14s ease, transform .14s ease;
}

#db .prime-unban-select.open .prime-unban-select-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

#db .prime-unban-select-option {
  width: 100%;
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: rgba(237, 246, 255, 0.86);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  transition: background .14s ease, color .14s ease, transform .14s ease;
}

#db .prime-unban-select-option:hover,
#db .prime-unban-select-option.active {
  background: rgba(35, 184, 255, 0.14);
  color: #ffffff;
}

#db .prime-unban-select-option:hover {
  transform: translateX(2px);
}

#db .prime-unban-select-menu::-webkit-scrollbar {
  width: 6px;
}

#db .prime-unban-select-menu::-webkit-scrollbar-thumb {
  background: rgba(35, 184, 255, 0.34);
  border-radius: 999px;
}

#db .prime-unban-search .input {
  width: 100% !important;
  min-width: 0;
}

#db .prime-unban-search .input input#ban_search_name {
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 18px 0 50px !important;
  border: 1px solid rgba(35, 184, 255, 0.12) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(10, 13, 19, 0.96), rgba(14, 18, 26, 0.96)) !important;
  color: #edf6ff !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 28px rgba(0, 0, 0, 0.14) !important;
}

#db .prime-unban-search .input input#ban_search_name:focus {
  border-color: rgba(35, 184, 255, 0.42) !important;
  box-shadow: 0 0 0 3px rgba(35, 184, 255, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#db .prime-unban-search .input .btn_search {
  top: 50% !important;
  left: 17px !important;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}

#db .prime-unban-search .input .btn_search svg {
  width: 21px;
  height: 21px;
  fill: rgba(174, 190, 212, 0.86) !important;
}

#db .prime-unban-search .input:focus-within .btn_search svg,
#db .prime-unban-search .input:hover .btn_search svg {
  fill: #35c8ff !important;
}

@media (max-width: 820px) {
  #db .select_container.prime-unban-search {
    grid-template-columns: 1fr !important;
  }
}

                                                        
#site_stats {
  margin-top: 34px !important;
}

#site_stats .pn-site-stats-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

#site_stats .pn-site-stats-title-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
  color: #35c8ff !important;
  background:
    radial-gradient(circle at 35% 18%, rgba(91, 213, 255, 0.22), transparent 38%),
    linear-gradient(180deg, rgba(13, 40, 57, 0.94), rgba(9, 18, 29, 0.96)) !important;
  border: 1px solid rgba(35, 184, 255, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

#site_stats .pn-site-stats-title {
  color: #f2f7ff !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

#site_stats .pn-site-stats-grid {
  gap: 12px !important;
}

#site_stats .pn-site-stat-card {
  isolation: isolate !important;
  min-height: 112px !important;
  padding: 16px 16px 15px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(35, 184, 255, 0.14) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(35, 184, 255, 0.10), transparent 38%),
    linear-gradient(180deg, rgba(16, 22, 32, 0.98), rgba(9, 13, 20, 0.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 16px 34px rgba(0, 0, 0, 0.18) !important;
  transform: none !important;
}

#site_stats .pn-site-stat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.42;
  background:
    linear-gradient(rgba(35, 184, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(35, 184, 255, 0.035) 1px, transparent 1px);
  background-size: 22px 22px;
}

#site_stats .pn-site-stat-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(35, 184, 255, 0.36), transparent);
}

#site_stats .pn-site-stat-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(35, 184, 255, 0.30) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(35, 184, 255, 0.14), transparent 40%),
    linear-gradient(180deg, rgba(18, 27, 39, 0.99), rgba(10, 15, 24, 0.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 18px 38px rgba(0, 0, 0, 0.24) !important;
}

#site_stats .pn-site-stat-icon {
  position: relative !important;
  z-index: 1 !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  color: #38c9ff !important;
  background: linear-gradient(180deg, rgba(25, 91, 125, 0.34), rgba(8, 22, 34, 0.82)) !important;
  border: 1px solid rgba(35, 184, 255, 0.28) !important;
  box-shadow: none !important;
}

#site_stats .pn-site-stat-icon svg {
  width: 19px !important;
  height: 19px !important;
}

#site_stats .pn-site-stat-value {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 12px !important;
  color: #f5f9ff !important;
  font-size: 27px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 18px rgba(35, 184, 255, 0.08) !important;
}

#site_stats .pn-site-stat-label {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 7px !important;
  padding-right: 42px !important;
  color: #93a7c2 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#site_stats .pn-site-stat-diff {
  z-index: 2 !important;
  right: 13px !important;
  bottom: 13px !important;
  height: 20px !important;
  gap: 4px !important;
  padding: 0 8px !important;
  color: #94e6ff !important;
  background: linear-gradient(180deg, rgba(35, 184, 255, 0.14), rgba(15, 67, 92, 0.18)) !important;
  border: 1px solid rgba(35, 184, 255, 0.22) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

#site_stats .pn-site-stat-diff svg {
  width: 11px !important;
  height: 11px !important;
}

@media (max-width: 1320px) {
  #site_stats .pn-site-stat-card {
    min-height: 108px !important;
    padding: 14px !important;
  }

  #site_stats .pn-site-stat-value {
    font-size: 25px !important;
  }
}

@media (max-width: 920px) {
  #site_stats .pn-site-stats-grid {
    gap: 10px !important;
  }
}

                                                                             
:root {
  --accent: #1f9bd4;
  --accent-light: #58b7e3;
  --text-white: #cfdae8;
  --text-dim: #8798ad;
  --text-second: #718096;
}

body,
body * {
  text-shadow: none !important;
}

body {
  color: var(--text-second) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.nav .nav_icon,
.block_head .title,
.block_head span,
.chat-header,
.chat-title,
.server > .server_name,
.sidebar-profile-name,
.sidebar-profile-name-register,
.profile-username,
.forum-admin-head-title,
.modal .modal-title,
.footer-logo-text,
.footer-col-title,
.article-title,
.section-name,
.form-card-head-title,
.g-msg-name,
.g-friend-name,
.g-info-value,
.info-cell-value,
.ban-stat-val,
.ban-col-nick,
.ban-details-body .bid-val,
#site_stats .pn-site-stats-title,
#site_stats .pn-site-stat-value {
  color: var(--text-white) !important;
}

.nav .nav_icon {
  color: #dbe6f3 !important;
}

a,
.profile-role,
.role-mod,
.section-badge,
.modal-stat-val.accent,
#site_stats .pn-site-stat-diff,
#site_stats .pn-site-stat-icon,
#site_stats .pn-site-stats-title-icon {
  color: #72c8ee !important;
}

.btn-save,
.chat-send,
.smile_btn,
.g-search-btn,
.wlt-submit,
.wlt-deposit-btn,
.support-create-ticket,
.support-action-main,
.profile-action-primary,
.shop_showcase-btn-main,
#site_stats .pn-site-stat-diff {
  background: linear-gradient(135deg, #176b95, #238fc3) !important;
  color: #e1ebf6 !important;
  box-shadow: none !important;
}

.btn-save:hover,
.chat-send:hover,
.smile_btn:hover,
.g-search-btn:hover,
.wlt-submit:hover,
.wlt-deposit-btn:hover,
.support-create-ticket:hover,
.support-action-main:hover,
.profile-action-primary:hover,
.shop_showcase-btn-main:hover {
  background: linear-gradient(135deg, #1d7daa, #2b9ed4) !important;
  box-shadow: 0 0 0 1px rgba(88, 183, 227, 0.16) inset !important;
}

.section-badge,
.role-mod,
.accent-ava,
.access-chip.active,
.list-tabs a.active,
.server-btn.active {
  border-color: rgba(31, 155, 212, 0.30) !important;
  background: rgba(31, 155, 212, 0.09) !important;
  box-shadow: none !important;
}

.input input:focus,
select:focus,
.form-input:focus,
.td-input:focus,
.search-input:focus,
.f-select:focus,
.wlt-input-row:focus-within,
.g-search-wrap:focus-within {
  box-shadow: 0 0 0 3px rgba(31, 155, 212, 0.10) !important;
  border-color: rgba(31, 155, 212, 0.42) !important;
}

#site_stats .pn-site-stats-title-icon,
#site_stats .pn-site-stat-icon {
  color: #72c8ee !important;
  border-color: rgba(31, 155, 212, 0.24) !important;
  background: linear-gradient(180deg, rgba(20, 72, 101, 0.32), rgba(8, 22, 34, 0.78)) !important;
  box-shadow: none !important;
}

#site_stats .pn-site-stat-card {
  border-color: rgba(31, 155, 212, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), 0 12px 28px rgba(0, 0, 0, 0.16) !important;
}

#site_stats .pn-site-stat-card:hover {
  border-color: rgba(31, 155, 212, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 30px rgba(0, 0, 0, 0.20) !important;
}

.online-indicator,
.online-dot,
.chat-online-dot,
.modal-online-dot,
.footer-dot,
.status-dot {
  box-shadow: 0 0 4px rgba(6, 209, 108, 0.28) !important;
}

                                      
:root {
  --text-white: #cfdae8;
  --prime-button-bg: linear-gradient(135deg, #123247 0%, #0d2434 58%, #081824 100%);
  --prime-button-bg-hover: linear-gradient(135deg, #183d55 0%, #102d42 58%, #0a1e2d 100%);
  --prime-button-border: rgba(71, 177, 222, 0.32);
  --prime-button-border-hover: rgba(71, 177, 222, 0.46);
  --prime-button-text: #dce7f2;
  --prime-soft-title: #cfdae8;
  --prime-soft-body: #93a6bd;
  --prime-soft-muted: #738399;
}

.heading_block .heading,
.heading_block_user .heading,
.page-title,
.page-head-title,
.support-home-heading .heading,
.support-admin-heading .heading,
.content_support h1,
.content_support h2,
.content_support h3,
.content_support .title_content,
.name_support_btn,
.faq-head-title,
.forum-group-title,
.topic-title,
.latest-head span,
.topics-head-cell,
.card_bg h2,
#site_stats .pn-site-stats-title,
#site_stats .pn-site-stat-value {
  color: var(--prime-soft-title) !important;
  text-shadow: none !important;
}

.heading_block .second_heading,
.heading_block_user .second_heading,
.support-home-heading .second_heading,
.support-admin-heading .second_heading,
.desp_support_btn,
.content_support p,
.content_support li,
.faq-head-subtitle,
.page-header > div > div:first-child,
.shop_card h5,
#site_stats .pn-site-stat-label {
  color: var(--prime-soft-body) !important;
  text-shadow: none !important;
}

.btn-primary,
a.btn-primary,
.page-header .btn-add,
.forum-layout .btn-primary,
.page-head-actions .btn-primary,
.forum-admin-actions a.btn-outline-primary,
.support-home-heading .btn_heading_full,
.support-admin-heading .btn_heading_full,
.heading_block .btn_heading_full,
.heading_block_user .btn_heading_full,
a.btn_heading_full,
.add_ticket_support,
.button-m,
.btn-buy-unban {
  background: var(--prime-button-bg) !important;
  border: 1px solid var(--prime-button-border) !important;
  color: var(--prime-button-text) !important;
  -webkit-text-fill-color: var(--prime-button-text) !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  filter: none !important;
}

.btn-primary:hover,
a.btn-primary:hover,
.page-header .btn-add:hover,
.forum-layout .btn-primary:hover,
.page-head-actions .btn-primary:hover,
.forum-admin-actions a.btn-outline-primary:hover,
.support-home-heading .btn_heading_full:hover,
.support-admin-heading .btn_heading_full:hover,
.heading_block .btn_heading_full:hover,
.heading_block_user .btn_heading_full:hover,
a.btn_heading_full:hover,
.add_ticket_support:hover,
.button-m:hover,
.btn-buy-unban:hover {
  background: var(--prime-button-bg-hover) !important;
  border-color: var(--prime-button-border-hover) !important;
  color: #edf5fb !important;
  -webkit-text-fill-color: #edf5fb !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  opacity: 1 !important;
}

.btn-primary svg,
.page-header .btn-add svg,
.forum-layout .btn-primary svg,
.page-head-actions .btn-primary svg,
.forum-admin-actions a.btn-outline-primary svg,
.btn-buy-unban svg {
  color: #8ad1f0 !important;
  stroke: #8ad1f0 !important;
  fill: none;
}

.support-card-emoji,
.support-chip-emoji,
.faq-head-emoji,
.page-head-ico,
.nav > .nav_icon .svg,
#site_stats .pn-site-stats-title-icon,
#site_stats .pn-site-stat-icon {
  color: #80c9ea !important;
  border-color: rgba(71, 177, 222, 0.26) !important;
  background: linear-gradient(135deg, rgba(18, 50, 71, 0.88), rgba(8, 24, 36, 0.92)) !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.support-card-emoji {
  -webkit-text-fill-color: initial !important;
}

.btn_support,
.content_support,
.faq-row,
.block_support_left,
.block_support_right,
.support-ticket-board,
.forum-group,
.topic-row,
.latest-card,
.topics-table,
#site_stats .pn-site-stat-card {
  border-color: rgba(71, 177, 222, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), 0 12px 28px rgba(0, 0, 0, 0.14) !important;
}

.btn_support:hover,
.btn_support.active_support_btn {
  border-color: rgba(71, 177, 222, 0.24) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#site_stats .pn-site-stat-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 155, 212, 0.06), transparent 38%),
    linear-gradient(180deg, rgba(15, 22, 32, 0.98), rgba(8, 12, 19, 0.99)) !important;
}

#site_stats .pn-site-stat-diff {
  color: #9fd8ef !important;
  background: rgba(31, 155, 212, 0.14) !important;
  border-color: rgba(31, 155, 212, 0.24) !important;
  box-shadow: none !important;
}

.shop_card .card_bg {
  border-color: rgba(71, 177, 222, 0.12) !important;
  box-shadow: none !important;
}

.card_bg h2 {
  color: #d2deec !important;
}

.card_bg p {
  color: #bac8d8 !important;
}

.shop_card:hover .card_bg {
  border-color: rgba(71, 177, 222, 0.30) !important;
}

.shop_card:hover > .card_bg p,
.shop_card:hover h5 {
  color: #8ad1f0 !important;
}

                                
.btn-buy {
  background: var(--prime-button-bg) !important;
  border: 1px solid var(--prime-button-border) !important;
  color: var(--prime-button-text) !important;
  -webkit-text-fill-color: var(--prime-button-text) !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  filter: none !important;
}

.btn-buy:hover {
  background: var(--prime-button-bg-hover) !important;
  border-color: var(--prime-button-border-hover) !important;
  color: #edf5fb !important;
  -webkit-text-fill-color: #edf5fb !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  opacity: 1 !important;
}

.btn-buy svg {
  color: #8ad1f0 !important;
  stroke: #8ad1f0 !important;
}

.shop-actions .btn-buy {
  min-width: 190px;
}

.shop-select option {
  background: #101821 !important;
  color: #dce7f2 !important;
}

.auth-warn {
  text-decoration: none !important;
}

.auth-warn:hover {
  text-decoration: none !important;
}

.buy-result,
#buy_result {
  margin-top: 12px;
}

.buy-result .bs-callout,
#buy_result .bs-callout,
#buy_service_area > .bs-callout {
  margin: 0;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(31, 155, 212, 0.08) !important;
  border: 1px solid rgba(31, 155, 212, 0.18) !important;
  color: #c7d6e8 !important;
  box-shadow: none !important;
}

#buy_result .text-danger {
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 112, 112, 0.08);
  border: 1px solid rgba(255, 112, 112, 0.20);
  color: #f2b5bd !important;
}

#buy_result a,
.buy-result a {
  color: #8ad1f0 !important;
  text-decoration: none;
}

#buy_result a:hover,
.buy-result a:hover {
  text-decoration: underline;
}

.info-card-body b {
  color: #dce7f2;
}

                    
.eg-cookie-consent {
  position: fixed;
  left: 50%;
  bottom: 18px;
  z-index: 1180;
  width: min(720px, calc(100vw - 32px));
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 14px 16px 14px 20px;
  border: 1px solid rgba(170, 189, 211, 0.18);
  border-radius: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgba(79, 182, 227, 0.10), transparent 36%),
    linear-gradient(180deg, rgba(32, 39, 50, 0.96), rgba(24, 30, 40, 0.96));
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: #d7e2f0;
  opacity: 0;
  transform: translate(-50%, 14px);
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.eg-cookie-consent[hidden] {
  display: none !important;
}

.eg-cookie-consent.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

.eg-cookie-consent__text {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  color: #d7e2f0;
}

.eg-cookie-consent__text a {
  color: #8ad1f0;
  text-decoration: none;
  border-bottom: 1px solid rgba(138, 209, 240, 0.42);
}

.eg-cookie-consent__text a:hover {
  color: #e1f8ff;
  border-bottom-color: rgba(225, 248, 255, 0.75);
}

.eg-cookie-consent__btn {
  flex: 0 0 auto;
  min-width: 104px;
  height: 38px;
  padding: 0 20px;
  border: 1px solid rgba(124, 172, 255, 0.36);
  border-radius: 8px;
  background: linear-gradient(135deg, #6f99f7 0%, #5380ec 100%);
  color: #f7fbff;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(83, 128, 236, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease;
}

.eg-cookie-consent__btn:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(83, 128, 236, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

@media (max-width: 640px) {
  .eg-cookie-consent {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
    bottom: 12px;
    padding: 14px;
  }

  .eg-cookie-consent__btn {
    width: 100%;
  }
}

                                       
.profile-user-row {
  align-items: center !important;
  gap: 14px !important;
}

.profile-main-user-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.profile-avatar-cosmetics {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

.profile-active-btn {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}

.profile-cosmetic-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(112px, auto)) !important;
  align-items: stretch !important;
  justify-content: end !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(71, 177, 222, 0.16) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 155, 212, 0.10), transparent 42%),
    linear-gradient(180deg, rgba(12, 23, 35, 0.86), rgba(6, 12, 20, 0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 12px 24px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(10px) !important;
}

.profile-frame-inline-control,
.profile-background-control {
  position: relative !important;
  min-width: 0 !important;
}

.profile-frame-inline-control::before,
.profile-background-control::before {
  display: block;
  margin: 0 0 5px 2px;
  color: #7f91a8;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .7px;
  text-transform: uppercase;
}

.profile-frame-inline-control::before {
  content: "Рамка";
}

.profile-background-control::before {
  content: "Фон";
}

.profile-cosmetic-actions .frames-settings-control,
.profile-cosmetic-actions .background-settings-control {
  width: 100% !important;
  max-width: none !important;
}

.profile-cosmetic-actions .frames-settings-actions,
.profile-cosmetic-actions .background-settings-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

.profile-cosmetic-actions .cosmetic-preview-btn,
.profile-cosmetic-actions .cosmetic-buy-btn,
.profile-cosmetic-actions .cosmetic-remove-btn {
  width: 100% !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.profile-cosmetic-actions .cosmetic-preview-btn,
.profile-cosmetic-actions .cosmetic-buy-btn {
  border: 1px solid var(--prime-button-border) !important;
  background: var(--prime-button-bg) !important;
  color: var(--prime-button-text) !important;
}

.profile-cosmetic-actions .cosmetic-preview-btn:hover,
.profile-cosmetic-actions .cosmetic-buy-btn:hover {
  border-color: var(--prime-button-border-hover) !important;
  background: var(--prime-button-bg-hover) !important;
  color: #edf5fb !important;
}

.profile-cosmetic-actions .cosmetic-remove-btn {
  border: 1px solid rgba(236, 103, 126, 0.32) !important;
  background: rgba(236, 103, 126, 0.08) !important;
  color: #f0adba !important;
}

.profile-cosmetic-actions .cosmetic-remove-btn:hover {
  border-color: rgba(236, 103, 126, 0.48) !important;
  background: rgba(236, 103, 126, 0.13) !important;
  color: #ffd1d9 !important;
}

@media (max-width: 980px) {
  .profile-avatar-cosmetics {
    order: 4;
    width: 100%;
    margin-left: 0 !important;
  }

  .profile-active-btn {
    order: 3;
  }

  .profile-cosmetic-actions {
    width: 100%;
    justify-content: stretch !important;
  }
}

@media (max-width: 520px) {
  .profile-cosmetic-actions {
    grid-template-columns: 1fr !important;
  }
}

                                
.profile-info-bar .profile-user-row {
  min-height: 104px !important;
  padding: 18px 0 18px 104px !important;
  align-items: center !important;
}

.profile-info-bar .profile-avatar {
  top: 18px !important;
  left: 0 !important;
  width: 76px !important;
  height: 76px !important;
  transform: none !important;
}

.profile-info-bar .profile-main-user-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  min-height: 76px !important;
}

.profile-info-bar .profile-identity-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
  width: 100% !important;
  flex-wrap: wrap !important;
}

.profile-info-bar .profile-name-stack {
  display: flex !important;
  flex: 0 1 auto !important;
  min-width: 120px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 7px !important;
}

.profile-info-bar .profile-username {
  font-size: 22px !important;
  line-height: 1.05 !important;
}

.profile-info-bar .profile-role {
  margin-top: 0 !important;
  padding: 5px 11px !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  background: linear-gradient(180deg, rgba(12, 21, 32, 0.92), rgba(7, 13, 22, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 8px 16px rgba(0, 0, 0, 0.18) !important;
}

.profile-info-bar .profile-role span {
  color: inherit;
  -webkit-text-fill-color: currentColor !important;
}

.profile-info-bar .profile-identity-row .profile-clan-widget {
  flex: 0 1 330px !important;
  max-width: min(330px, 100%) !important;
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  .profile-info-bar .profile-user-row {
    min-height: 0 !important;
    padding: 16px 0 16px 86px !important;
  }

  .profile-info-bar .profile-avatar {
    top: 16px !important;
    width: 62px !important;
    height: 62px !important;
  }

  .profile-info-bar .profile-main-user-info {
    min-height: 62px !important;
  }
}

@media (max-width: 640px) {
  .profile-info-bar .profile-identity-row {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .profile-info-bar .profile-identity-row .profile-clan-widget {
    flex-basis: auto !important;
    max-width: 100% !important;
  }
}

                            
body.prime-auth-open .modal-backdrop.show {
  background: #1a202a !important;
  opacity: 0.38 !important;
}

body.prime-auth-open #authorization.modal,
body.prime-auth-open #registration.modal,
body.prime-auth-open #api_auth.modal {
  background: rgba(18, 23, 31, 0.08) !important;
  backdrop-filter: blur(4px) saturate(0.82) !important;
  opacity: 1 !important;
  filter: none !important;
}

#authorization .modal-dialog,
#registration .modal-dialog,
#api_auth .modal-dialog {
  opacity: 1 !important;
  filter: none !important;
}

#authorization .modal-content,
#registration .modal-content,
#api_auth .modal-content {
  position: relative !important;
  border: 1px solid rgba(116, 166, 211, 0.30) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(79, 182, 227, 0.16), transparent 36%),
    linear-gradient(180deg, rgba(16, 22, 32, 0.99), rgba(11, 16, 24, 0.99)) !important;
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
  opacity: 1 !important;
}

#authorization .modal-header,
#registration .modal-header,
#api_auth .modal-header {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 6 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#authorization .chat-close,
#registration .chat-close,
#api_auth .chat-close {
  margin-left: 0 !important;
  background: rgba(13, 20, 31, 0.86) !important;
  border-color: rgba(145, 169, 200, 0.18) !important;
}

#authorization .modal-body,
#registration .modal-body,
#api_auth .modal-body {
  background: transparent !important;
  color: #dce7f4 !important;
  opacity: 1 !important;
}

#authorization .modal-register h3,
#registration .modal-register h3,
#api_auth .modal-register h3 {
  color: #f1f6ff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#authorization .modal-register h5,
#registration .modal-register h5,
#api_auth .modal-register h5,
#authorization .reg-form label,
#registration .reg-form label,
#api_auth .reg-form label {
  color: #c2ccdc !important;
  opacity: 1 !important;
}

#authorization .reg-input,
#registration .reg-input,
#api_auth .reg-input {
  height: 44px !important;
  border: 1px solid rgba(155, 187, 219, 0.46) !important;
  background: rgba(8, 14, 22, 0.94) !important;
  color: #edf5ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #edf5ff !important;
}

#authorization .reg-input::placeholder,
#registration .reg-input::placeholder,
#api_auth .reg-input::placeholder {
  color: #a0adbf !important;
  opacity: 1 !important;
}

#authorization .reg-inputs svg path,
#registration .reg-inputs svg path,
#api_auth .reg-inputs svg path,
#authorization .btn-registr-social svg path,
#registration .btn-registr-social svg path {
  fill: #8796aa !important;
}

#authorization .reg-input:focus,
#registration .reg-input:focus,
#api_auth .reg-input:focus {
  border-color: rgba(93, 184, 232, 0.72) !important;
  background: rgba(10, 17, 27, 0.98) !important;
  box-shadow: 0 0 0 3px rgba(46, 169, 222, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

#authorization .reg-input:focus + svg path,
#registration .reg-input:focus + svg path,
#api_auth .reg-input:focus + svg path,
#authorization .reg-inputs:hover svg path,
#registration .reg-inputs:hover svg path,
#api_auth .reg-inputs:hover svg path {
  fill: #4fb6e3 !important;
}

#authorization .btn.btn-primary,
#registration .btn.btn-primary:not(:disabled),
#api_auth .btn.btn-primary {
  border: 1px solid rgba(79, 182, 227, 0.34) !important;
  background: linear-gradient(135deg, #1c7da8, #166492) !important;
  color: #eff8ff !important;
  box-shadow: 0 14px 32px rgba(5, 20, 34, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
  opacity: 1 !important;
}

#authorization .btn.btn-primary:hover,
#registration .btn.btn-primary:not(:disabled):hover,
#api_auth .btn.btn-primary:hover {
  border-color: rgba(111, 203, 245, 0.52) !important;
  background: linear-gradient(135deg, #2290bd, #1972a2) !important;
  color: #ffffff !important;
}

#registration .btn.btn-primary:disabled {
  color: rgba(229, 239, 250, 0.82) !important;
  background: linear-gradient(135deg, rgba(28, 125, 168, 0.68), rgba(22, 100, 146, 0.62)) !important;
  border-color: rgba(79, 182, 227, 0.28) !important;
  opacity: 1 !important;
}

#authorization .btn-recovery,
#registration .btns-registr-next a,
#authorization .btns-registr-next a,
#registration .privacy-text a {
  color: #55c5f0 !important;
  opacity: 1 !important;
}

#registration .custom-checkbox {
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(79, 182, 227, 0.14) !important;
  border-radius: 13px !important;
  background: rgba(8, 14, 22, 0.62) !important;
}

#registration .checkbox-container {
  flex: 0 0 auto !important;
  margin-top: 2px !important;
}

#registration .privacy-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 !important;
  color: #aebbd0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

#registration .privacy-policy {
  width: fit-content !important;
  color: #58c7f1 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(88, 199, 241, 0.36) !important;
}

#registration .privacy-policy:hover {
  color: #dff7ff !important;
  border-bottom-color: rgba(223, 247, 255, 0.72) !important;
}

#authorization .login_social_register_header p,
#registration .login_social_register_header p,
#authorization .btns-registr-next,
#registration .btns-registr-next,
#registration .privacy-text,
#registration .privacy-text a {
  opacity: 1 !important;
}

#authorization .btn-registr-social,
#registration .btn-registr-social {
  border-color: rgba(131, 171, 211, 0.28) !important;
  background: rgba(10, 15, 24, 0.86) !important;
  opacity: 1 !important;
}

#authorization .btn-registr-social:hover,
#registration .btn-registr-social:hover {
  border-color: rgba(79, 182, 227, 0.42) !important;
  background: rgba(13, 23, 36, 0.96) !important;
}

                                   
body.prime-policy-page .content_area,
body.prime-policy-page .content_wrapper,
body.prime-policy-page .main_content {
  min-width: 0 !important;
}

.prime-policy-doc {
  width: min(1180px, calc(100vw - 300px)) !important;
  margin: 44px auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(79, 182, 227, 0.18) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(79, 182, 227, 0.14), transparent 30%),
    linear-gradient(180deg, rgba(16, 23, 34, 0.98), rgba(7, 12, 20, 0.99)) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  color: #c9d6e8 !important;
}

.prime-policy-hero {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 30px 34px 28px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  background:
    linear-gradient(135deg, rgba(79, 182, 227, 0.10), transparent 42%),
    rgba(255, 255, 255, 0.012) !important;
}

.prime-policy-icon {
  display: grid !important;
  place-items: center !important;
  width: 58px !important;
  height: 58px !important;
  border: 1px solid rgba(79, 182, 227, 0.34) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(18, 76, 112, 0.78), rgba(10, 37, 58, 0.88)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 14px 28px rgba(0, 0, 0, 0.20) !important;
  font-size: 24px !important;
}

.prime-policy-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin-bottom: 9px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(79, 182, 227, 0.22) !important;
  border-radius: 999px !important;
  color: #72cdf4 !important;
  background: rgba(79, 182, 227, 0.08) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
}

.prime-policy-hero h1 {
  margin: 0 !important;
  color: #eaf2fb !important;
  font-size: 28px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.prime-policy-hero p {
  max-width: 780px !important;
  margin: 9px 0 0 !important;
  color: #9fb0c6 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
}

.prime-policy-points {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 18px 34px 0 !important;
}

.prime-policy-points div {
  min-width: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(79, 182, 227, 0.14) !important;
  border-radius: 15px !important;
  background: rgba(8, 14, 22, 0.68) !important;
}

.prime-policy-points strong,
.prime-policy-points span {
  display: block !important;
}

.prime-policy-points strong {
  margin-bottom: 5px !important;
  color: #edf5ff !important;
  font-size: 13px !important;
}

.prime-policy-points span {
  color: #8fa2bc !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.prime-policy-body {
  padding: 24px 34px 34px !important;
  color: #bdcbe0 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.6 !important;
  white-space: normal !important;
}

.prime-policy-body p {
  margin: 0 0 11px !important;
  color: #bdcbe0 !important;
}

.prime-policy-body p:first-child::first-letter {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.prime-policy-body > * {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

.prime-policy-body > :last-child {
  margin-bottom: 0 !important;
}

.prime-policy-body h1,
.prime-policy-body h2,
.prime-policy-body h3,
.prime-policy-body h4,
.prime-policy-body h5,
.prime-policy-body h6 {
  margin: 18px 0 8px !important;
  color: #e2edf8 !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
}

.prime-policy-body h1:first-child,
.prime-policy-body h2:first-child,
.prime-policy-body h3:first-child {
  margin-top: 0 !important;
}

.prime-policy-body br + br {
  display: none !important;
}

.prime-policy-body a {
  color: #67cff6 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(103, 207, 246, 0.35) !important;
}

.prime-policy-body a:hover {
  color: #e5f8ff !important;
  border-bottom-color: rgba(229, 248, 255, 0.72) !important;
}

@media (max-width: 1200px) {
  .prime-policy-doc {
    width: min(100%, calc(100vw - 250px)) !important;
    margin: 28px auto !important;
  }
}

@media (max-width: 860px) {
  .prime-policy-doc {
    width: calc(100vw - 28px) !important;
    margin: 18px auto !important;
  }

  .prime-policy-hero {
    grid-template-columns: 1fr !important;
    padding: 24px !important;
  }

  .prime-policy-points {
    grid-template-columns: 1fr !important;
    padding: 16px 24px 0 !important;
  }

  .prime-policy-body {
    padding: 22px 24px 28px !important;
    font-size: 14px !important;
  }
}

#registration .privacy-text label {
  margin: 0 !important;
  color: #aebbd0 !important;
  cursor: pointer !important;
}

#registration .privacy-text .privacy-policy {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

@media (max-width: 1200px) {
  .prime-policy-doc {
    width: min(100%, calc(100vw - 250px)) !important;
  }
}

@media (max-width: 860px) {
  .prime-policy-doc {
    width: calc(100vw - 28px) !important;
  }
}

                             
.prime-policy-body a {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 4px !important;
  padding: 3px 9px !important;
  border: 1px solid rgba(79, 182, 227, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(79, 182, 227, 0.08) !important;
  color: #67cff6 !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
}

.prime-policy-body a:hover {
  background: rgba(79, 182, 227, 0.14) !important;
}

                                                                         
body.prime-policy-page .site-footer {
  width: 100% !important;
  margin: 34px auto 0 !important;
  padding: 0 10px 26px !important;
  background: transparent !important;
  overflow: visible !important;
}

body.prime-policy-page .footer-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 34px 34px 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(0, 174, 255, 0.13), transparent 30%),
    linear-gradient(180deg, rgba(14, 26, 38, 0.92), rgba(7, 11, 17, 0.94)) !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.28) !important;
}

body.prime-policy-page .footer-top {
  padding-bottom: 34px !important;
}

body.prime-policy-page .footer-bottom {
  padding: 18px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.prime-policy-page .footer-col-list li a,
body.prime-policy-page .footer-bottom-links a {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}

body.prime-policy-page .footer-col-list li a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #67cff6 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body.prime-policy-page .footer-col-list li a::before {
  content: '' !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: rgba(132, 159, 185, 0.35) !important;
}

body.prime-policy-page .footer-bottom-links a {
  display: inline !important;
  color: #89a3ba !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: 0.82 !important;
}

body.prime-policy-page .footer-bottom-links a::before {
  content: none !important;
  display: none !important;
}

body.prime-policy-page .footer-bottom-links a:hover,
body.prime-policy-page .footer-col-list li a:hover {
  color: #d9f5ff !important;
}

@media (max-width: 860px) {
  body.prime-policy-page .footer-inner {
    padding: 26px 20px 22px !important;
    border-radius: 20px !important;
  }
}

.cat-row,
.cat-row:hover,
.topic-title a,
.topic-title a:hover {
  color: inherit !important;
  text-decoration: none !important;
}

.topic-ava {
  background: rgba(18, 43, 59, 0.92) !important;
  border: 1px solid rgba(71, 177, 222, 0.24) !important;
  color: #6bd2f7 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 0 14px rgba(0, 158, 255, 0.06) !important;
}

.topic-ava.ava-blue {
  background: linear-gradient(135deg, rgba(255, 191, 64, 0.16), rgba(18, 43, 59, 0.92)) !important;
  border-color: rgba(255, 191, 64, 0.34) !important;
  color: #ffd15a !important;
}

.topic-ava .topic-icon {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
}

                                
.ban-stat-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 78px !important;
  padding-right: 62px !important;
}

.ban-stat-emoji {
  position: absolute !important;
  top: 14px !important;
  right: 16px !important;
  z-index: 1 !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(93, 188, 235, 0.22) !important;
  border-radius: 12px !important;
  background: rgba(36, 94, 125, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

.ban-stat-card-active .ban-stat-emoji {
  border-color: rgba(255, 96, 96, 0.26) !important;
  background: rgba(116, 36, 44, 0.18) !important;
}

.ban-stat-card-permanent .ban-stat-emoji {
  border-color: rgba(255, 176, 55, 0.25) !important;
  background: rgba(117, 78, 26, 0.16) !important;
}

.ban-stat-card-temporal .ban-stat-emoji {
  border-color: rgba(103, 207, 246, 0.22) !important;
  background: rgba(32, 91, 123, 0.14) !important;
}

.ban-ico-wrap.ban-lock-ico,
.ban-ico-wrap.mute-lock-ico {
  color: #ff6868 !important;
}

.ban-ico-wrap.ban-lock-ico svg,
.ban-ico-wrap.mute-lock-ico svg {
  color: currentColor !important;
}

.ban-ico-wrap.is-unlocked {
  color: #58df93 !important;
  background: linear-gradient(180deg, rgba(69, 215, 132, 0.16), rgba(28, 84, 55, 0.13)) !important;
  border-color: rgba(86, 224, 146, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 18px rgba(54, 205, 118, 0.08) !important;
}

.ban-row.is-closed {
  border-color: rgba(83, 215, 136, 0.14) !important;
}

.ban-row.is-closed .ban-status,
.ban-row.is-closed .ban_closed {
  color: #80e6aa !important;
}

                                      
.forum-smile-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border: 1px solid rgba(77, 182, 226, 0.26) !important;
  border-radius: 12px !important;
  background: rgba(28, 95, 130, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.forum-smile-btn::before {
  content: "🙂" !important;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.reply-foot .forum-smile-btn,
.form-actions .forum-smile-btn {
  flex: 0 0 auto !important;
}

.post-body img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.post-body img.g_smile,
.post-body img.smile,
.post-body img[src*="/files/smiles/"],
.post-body img[src*="../files/smiles/"],
.post-body img[src*="files/smiles/"] {
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  display: inline-block !important;
  vertical-align: -6px !important;
  margin: 0 3px !important;
  border-radius: 0 !important;
}

.post-body img.g_sticker,
.post-body img.sticker,
.post-body img[src*="/files/stickers/"],
.post-body img[src*="../files/stickers/"],
.post-body img[src*="files/stickers/"] {
  width: auto !important;
  max-width: min(190px, 100%) !important;
  max-height: 190px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  border-radius: 12px !important;
}

.post-foot {
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.post-foot .post-foot-btns {
  flex-wrap: wrap !important;
}

.post-action {
  min-height: 30px !important;
  border: 1px solid rgba(87, 167, 205, 0.12) !important;
  background: rgba(21, 39, 55, 0.28) !important;
}

.post-action:hover {
  border-color: rgba(92, 197, 241, 0.28) !important;
  background: rgba(35, 117, 154, 0.16) !important;
}

.post-foot .thank_str {
  max-width: min(620px, 100%) !important;
  margin-left: auto !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(78, 177, 221, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(14, 27, 40, 0.46) !important;
  color: #9fb2c8 !important;
  line-height: 1.45 !important;
  text-align: right !important;
}

.post-foot .thank_str:empty {
  display: none !important;
}

.post-foot .thank_str a {
  color: #68d3f7 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.post-foot .thank_str a:hover {
  color: #dff8ff !important;
}

.popover .smiles_box img.smile {
  width: 25px !important;
  height: 25px !important;
  max-width: 25px !important;
  max-height: 25px !important;
}

.popover .smiles_box img.sticker {
  width: 65px !important;
  height: 65px !important;
  max-width: 65px !important;
  max-height: 65px !important;
}

@media (max-width: 760px) {
  .post-foot {
    align-items: stretch !important;
  }

  .post-foot .thank_str {
    margin-left: 0 !important;
    text-align: left !important;
    width: 100% !important;
  }
}

                        
.profile-clan-widget {
  margin-top: 0 !important;
  max-width: min(420px, 100%) !important;
}

.profile-clan-widget:empty {
  display: none !important;
}

.profile-clan-widget-loader {
  width: 220px !important;
  height: 44px !important;
  border: 1px solid rgba(67, 175, 224, 0.16) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(17, 31, 45, 0.68), rgba(29, 86, 116, 0.22), rgba(17, 31, 45, 0.68)) !important;
  background-size: 220% 100% !important;
  animation: pnProfileClanLoading 1.2s ease-in-out infinite !important;
}

@keyframes pnProfileClanLoading {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -220% 0;
  }
}

.pn-profile-clan-card {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 44px !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(35, 184, 255, 0.14) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: #d7e9f5 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease !important;
}

.pn-profile-clan-card:hover {
  border-color: rgba(80, 205, 255, 0.42) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

.pn-profile-clan-card.is-empty {
  opacity: 0.82 !important;
}

.pn-profile-clan-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  overflow: hidden !important;
  border: 1px solid rgba(35, 184, 255, 0.18) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #72d9ff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.pn-profile-clan-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.pn-profile-clan-body {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 3px !important;
  line-height: 1.25 !important;
}

.pn-profile-clan-kicker {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--text-second) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.pn-profile-clan-kicker i {
  color: var(--accent) !important;
  font-style: normal !important;
}

.pn-profile-clan-kicker b {
  overflow: hidden !important;
  color: var(--text-second) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pn-profile-clan-body strong {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  max-width: 280px !important;
  overflow: hidden !important;
  color: #f4fbff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.pn-profile-clan-body em {
  color: #37c8ff !important;
  font-style: normal !important;
  flex: 0 0 auto !important;
  margin-right: 0 !important;
}

.pn-profile-clan-body strong > span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pn-profile-clan-body span:last-child {
  color: #a7bbca !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.pn-profile-clan-meta {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.pn-profile-clan-meta span {
  display: inline-flex !important;
  min-height: 18px !important;
  align-items: center !important;
  padding: 0 6px !important;
  border: 1px solid rgba(35, 184, 255, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(35, 184, 255, 0.07) !important;
  color: var(--text-second) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

@media (max-width: 760px) {
  .profile-clan-widget {
    width: 100% !important;
  }

  .pn-profile-clan-card {
    width: 100% !important;
  }

  .pn-profile-clan-body strong {
    max-width: 100% !important;
  }
}

                    
.pn-home-clans-shell {
  width: 100% !important;
  margin: 30px 0 8px !important;
}

.pn-home-clans-loader {
  min-height: 250px !important;
  border: 1px solid rgba(76, 184, 232, 0.16) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(90deg, rgba(16, 30, 44, 0.82), rgba(25, 82, 112, 0.22), rgba(16, 30, 44, 0.82)) !important;
  background-size: 240% 100% !important;
  animation: pnProfileClanLoading 1.25s ease-in-out infinite !important;
}

.pn-home-clans-widget {
  position: relative !important;
  border: 1px solid rgba(76, 184, 232, 0.16) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 18% 0, rgba(34, 149, 199, 0.22), transparent 34%),
    linear-gradient(180deg, rgba(13, 26, 39, 0.96), rgba(7, 14, 23, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 18px 56px rgba(0, 0, 0, 0.2) !important;
  overflow: hidden !important;
}

.pn-home-clans-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 20px 22px 10px !important;
}

.pn-home-clans-head span {
  display: block !important;
  color: #58d6ff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.pn-home-clans-head h2 {
  margin: 3px 0 0 !important;
  color: #f0f8ff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.pn-home-clans-head p {
  margin: 6px 0 0 !important;
  color: #9db1c6 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.pn-home-clans-head a {
  flex: 0 0 auto !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(72, 190, 240, 0.24) !important;
  border-radius: 10px !important;
  background: rgba(25, 113, 153, 0.18) !important;
  color: #dff7ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.pn-home-clans-head a:hover {
  border-color: rgba(96, 211, 255, 0.44) !important;
  background: rgba(35, 139, 185, 0.28) !important;
  color: #ffffff !important;
}

.pn-home-clans-showcase {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  padding: 8px 22px 16px !important;
}

.pn-home-clan-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 12px !important;
  min-height: 132px !important;
  padding: 17px !important;
  border: 1px solid rgba(74, 181, 231, 0.18) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(24, 48, 68, 0.9), rgba(10, 20, 33, 0.94)) !important;
  color: #effaff !important;
  text-decoration: none !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.pn-home-clan-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-top: 2px solid rgba(76, 205, 255, 0.44) !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
}

.pn-home-clan-card:hover {
  border-color: rgba(92, 204, 249, 0.36) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-2px) !important;
}

.pn-home-clan-card.is-rank-1 {
  border-color: rgba(96, 211, 255, 0.34) !important;
  background:
    linear-gradient(135deg, rgba(29, 70, 96, 0.94), rgba(10, 22, 35, 0.96)) !important;
}

.pn-home-clan-rank {
  position: absolute !important;
  top: 12px !important;
  right: 13px !important;
  color: rgba(104, 214, 255, 0.28) !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.pn-home-clan-logo {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 54px !important;
  height: 54px !important;
  overflow: hidden !important;
  border: 1px solid rgba(103, 210, 255, 0.24) !important;
  border-radius: 13px !important;
  background: rgba(4, 12, 22, 0.78) !important;
}

.pn-home-clan-logo img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.pn-home-clan-info {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  padding-right: 34px !important;
}

.pn-home-clan-info strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #f7fcff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pn-home-clan-info em {
  color: #52d7ff !important;
  font-style: normal !important;
}

.pn-home-clan-info small {
  display: block !important;
  margin-top: 5px !important;
  color: #9eb5c8 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.pn-home-clan-stats {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 6px !important;
}

.pn-home-clan-stats span {
  min-width: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(87, 185, 227, 0.14) !important;
  border-radius: 10px !important;
  background: rgba(6, 16, 27, 0.48) !important;
}

.pn-home-clan-stats b {
  display: block !important;
  overflow: hidden !important;
  color: #eaf9ff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pn-home-clan-stats em {
  display: block !important;
  margin-top: 2px !important;
  color: #7f98ac !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.pn-home-clans-focus {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 22px 22px !important;
}

.pn-home-clans-focus a {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px 10px !important;
  min-height: 58px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(72, 177, 224, 0.14) !important;
  border-radius: 12px !important;
  background: rgba(5, 14, 24, 0.42) !important;
  color: #dcecf7 !important;
  text-decoration: none !important;
}

.pn-home-clans-focus a:hover {
  border-color: rgba(86, 203, 250, 0.28) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.pn-home-clans-focus span {
  grid-column: 1 / -1 !important;
  color: #5ed8ff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.pn-home-clans-focus strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #e9f7ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pn-home-clans-focus b {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  .pn-home-clans-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .pn-home-clans-head a {
    width: 100% !important;
    text-align: center !important;
  }

  .pn-home-clans-showcase,
  .pn-home-clans-focus {
    grid-template-columns: 1fr !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .pn-home-clans-head {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

.pn-home-clans-widget.pn-home-clans-premium {
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(12, 23, 35, 0.98), rgba(5, 10, 17, 0.98)) !important;
}

.pn-home-clans-premium .pn-home-clans-head {
  padding: 18px 20px 14px !important;
  border-bottom: 1px solid rgba(99, 190, 230, 0.12) !important;
}

.pn-home-clans-premium .pn-home-clans-head h2 {
  font-size: 22px !important;
}

.pn-home-clans-premium .pn-home-clans-head p {
  color: #a8b7c7 !important;
}

.pn-home-clans-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.32fr) minmax(320px, 0.78fr) !important;
  gap: 14px !important;
  padding: 16px 20px 20px !important;
}

.pn-home-clans-hero {
  position: relative !important;
  display: flex !important;
  min-height: 254px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 22px !important;
  overflow: hidden !important;
  padding: 22px !important;
  border: 1px solid rgba(97, 206, 255, 0.24) !important;
  border-radius: 8px !important;
  background-color: rgba(9, 18, 30, 0.96) !important;
  background-position: center !important;
  background-size: cover !important;
  color: #f7fcff !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.pn-home-clans-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-left: 4px solid #20d49a !important;
  background: linear-gradient(135deg, rgba(44, 180, 235, 0.18), transparent 44%) !important;
  pointer-events: none !important;
}

.pn-home-clans-hero:hover {
  border-color: rgba(103, 218, 255, 0.42) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-2px) !important;
}

.pn-home-clans-hero-label {
  position: relative !important;
  z-index: 1 !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(32, 212, 154, 0.28) !important;
  border-radius: 8px !important;
  background: rgba(12, 58, 49, 0.58) !important;
  color: #bafde7 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.pn-home-clans-hero-main {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
}

.pn-home-clans-hero-main img {
  width: 76px !important;
  height: 76px !important;
  border: 2px solid rgba(119, 216, 255, 0.34) !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  background: rgba(3, 9, 16, 0.84) !important;
}

.pn-home-clans-hero-main strong {
  display: block !important;
  overflow: hidden !important;
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pn-home-clans-hero-main em,
.pn-home-clans-mini-info em {
  color: #5ed8ff !important;
  font-style: normal !important;
}

.pn-home-clans-hero-main small {
  display: block !important;
  margin-top: 8px !important;
  color: #b5c5d4 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.pn-home-clans-hero-stats {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.pn-home-clans-hero-stats span {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(118, 190, 226, 0.14) !important;
  border-radius: 8px !important;
  background: rgba(4, 12, 21, 0.62) !important;
}

.pn-home-clans-hero-stats b {
  display: block !important;
  overflow: hidden !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pn-home-clans-hero-stats em {
  display: block !important;
  margin-top: 3px !important;
  color: #8ea3b7 !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.pn-home-clans-side {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
}

.pn-home-clans-side-title {
  color: #dceaf4 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.pn-home-clans-mini {
  display: grid !important;
  grid-template-columns: auto 46px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 62px !important;
  padding: 10px !important;
  border: 1px solid rgba(92, 178, 222, 0.14) !important;
  border-radius: 8px !important;
  background: rgba(10, 19, 31, 0.78) !important;
  color: #eef8ff !important;
  text-decoration: none !important;
}

.pn-home-clans-mini:hover {
  border-color: rgba(94, 216, 255, 0.3) !important;
  background: rgba(15, 31, 48, 0.86) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.pn-home-clans-mini-rank {
  color: #65d8ff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.pn-home-clans-mini img {
  width: 46px !important;
  height: 46px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  background: rgba(3, 9, 16, 0.84) !important;
}

.pn-home-clans-mini-info {
  min-width: 0 !important;
}

.pn-home-clans-mini-info strong {
  display: block !important;
  overflow: hidden !important;
  color: #f6fbff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pn-home-clans-mini-info small {
  display: block !important;
  margin-top: 3px !important;
  color: #91a4b6 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.pn-home-clans-mini > b {
  min-width: 38px !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  background: rgba(70, 164, 208, 0.16) !important;
  color: #dff6ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.pn-home-clans-premium .pn-home-clans-focus {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding: 4px 0 0 !important;
}

.pn-home-clans-premium .pn-home-clans-focus a {
  min-height: 48px !important;
  padding: 9px 11px !important;
  border-radius: 8px !important;
}

@media (max-width: 980px) {
  .pn-home-clans-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .pn-home-clans-layout {
    padding: 14px !important;
  }

  .pn-home-clans-hero {
    min-height: 0 !important;
    padding: 16px !important;
  }

  .pn-home-clans-hero-main {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  .pn-home-clans-hero-main img {
    width: 58px !important;
    height: 58px !important;
  }

  .pn-home-clans-hero-main strong {
    font-size: 20px !important;
  }

  .pn-home-clans-hero-stats {
    grid-template-columns: 1fr !important;
  }

  .pn-home-clans-mini {
    grid-template-columns: auto 42px minmax(0, 1fr) !important;
  }

  .pn-home-clans-mini > b {
    display: none !important;
  }
}

                                      
.pn-home-live-row {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 390px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 15px !important;
  width: 100% !important;
  margin: 30px 0 10px !important;
}

.pn-home-live-card {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(76, 184, 232, 0.16) !important;
  border-radius: 15px !important;
  background: rgba(14, 24, 36, 0.92) !important;
  box-shadow: none !important;
}

.pn-home-live-card-clans .pn-home-clans-shell,
.pn-home-live-card-cases .pn-cases-home-wins-shell {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.pn-home-live-card-clans {
  align-self: stretch !important;
}

.pn-home-live-card-cases {
  padding: 15px 20px !important;
}

@media (max-width: 980px) {
  .pn-home-live-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  .pn-home-live-card-cases {
    padding: 10px !important;
  }
}
.pn-home-news-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.pn-home-news-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid rgba(0, 158, 255, 0.42);
  background: linear-gradient(135deg, rgba(18, 78, 108, 0.92), rgba(9, 47, 68, 0.92));
  color: #d7e4f2;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(0, 158, 255, 0.12);
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.pn-home-news-add span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: rgba(0, 158, 255, 0.16);
  color: #7bd8ff;
  font-size: 15px;
  line-height: 1;
}

.pn-home-news-add:hover {
  transform: translateY(-1px);
  border-color: rgba(82, 198, 255, 0.72);
  background: linear-gradient(135deg, rgba(22, 92, 124, 0.96), rgba(12, 56, 78, 0.96));
  color: #ffffff;
}

@media (max-width: 620px) {
  .pn-home-news-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .pn-home-news-add {
    width: 100%;
  }
}

                                                         
@media (max-width: 1024px) {
  .page_container {
    max-width: 100% !important;
  }

  .main_content {
    padding: 16px !important;
  }

  .banner_top {
    gap: 16px !important;
  }

  .monitoring,
  .two-monitoring,
  .shop_cards,
  #new_news.news-grid,
  #site_stats .pn-site-stats-grid,
  .pn-home-live-row {
    grid-template-columns: 1fr !important;
  }

  #new_news.news-grid {
    display: grid !important;
  }

  .news-grid > *,
  #new_news.news-grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  html,
  body {
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  #root,
  .wrapper,
  .page_container,
  .flex_container,
  .content_area,
  .content_wrapper,
  .main_content {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .new_container {
    display: block !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
  }

  .left_menu {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1800 !important;
    width: 100% !important;
    height: auto !important;
    max-height: 200px !important;
    overflow: hidden !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(76, 184, 232, .16) !important;
    background: rgba(5, 12, 20, .96) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .35) !important;
  }

  .left_menu::after {
    display: none !important;
  }

  .logo-container {
    height: 46px !important;
    padding: 0 12px !important;
    border-bottom: 1px solid rgba(76, 184, 232, .1) !important;
  }

  .logo-container2 {
    width: 128px !important;
    max-width: 42vw !important;
    height: 28px !important;
  }

  .logo-svg,
  #logoSvg {
    width: 100% !important;
    height: auto !important;
  }

  #lightningCanvas {
    width: 100% !important;
    height: 100% !important;
  }

  .logo img {
    width: 118px !important;
    height: auto !important;
  }

  .logo span {
    display: none !important;
  }

  .logo-container > .info-line div,
  .logo-container .info-line div {
    padding: 2px 8px !important;
    font-size: 11px !important;
  }

  .sidebar-profile,
  .sidebar-profile-register {
    min-height: 52px !important;
    margin: 7px 12px 0 !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }

  .sidebar-profile-ava {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
  }

  .sidebar-profile-name {
    max-width: 120px !important;
    font-size: 13px !important;
  }

  .sidebar-profile-balance {
    font-size: 11px !important;
  }

  .sidebar-profile-actions {
    gap: 6px !important;
    margin-left: auto !important;
  }

  .sidebar-profile-action {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
  }

  .sidebar-profile-register .sidebar-profile-info-register {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .sidebar-auth-link {
    min-height: 32px !important;
    justify-content: center !important;
    border: 1px solid rgba(76, 184, 232, .16) !important;
    border-radius: 9px !important;
    background: rgba(14, 26, 39, .72) !important;
  }

  .menu_btn {
    flex: none !important;
    padding: 7px 12px 9px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  .menu_btn::-webkit-scrollbar,
  .dop-btns::-webkit-scrollbar,
  .profile_page_nav::-webkit-scrollbar,
  .server-list::-webkit-scrollbar {
    display: none !important;
  }

  .collapsible-menu {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    min-width: max-content !important;
  }

  .collapsible-menu li {
    flex: 0 0 auto !important;
  }

  .collapsible-menu a {
    height: 34px !important;
    padding: 0 11px !important;
    gap: 8px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }

  .collapsible-menu > li > a svg {
    width: 16px !important;
    height: 16px !important;
  }

  .dop-btns {
    display: flex !important;
    gap: 8px !important;
    padding: 0 12px 9px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .dop-btn {
    min-height: 34px !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }

  .social_btn {
    display: none !important;
  }

  .content_area {
    width: 100% !important;
    margin-left: 0 !important;
    padding-top: 196px !important;
    transform: none !important;
  }

  .content_area.chat-open {
    margin-right: 0 !important;
    transform: none !important;
  }

  .content_area.chat-open .content_wrapper {
    max-height: none !important;
    padding-left: 0 !important;
  }

  .content_wrapper {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  .main_content {
    min-height: auto !important;
    padding: 12px !important;
    border-radius: 0 !important;
  }

  .chat_wrapper {
    position: fixed !important;
    inset: auto 0 0 auto !important;
    z-index: 2200 !important;
    width: 100% !important;
    pointer-events: none !important;
  }

  .chat_toggle {
    top: auto !important;
    right: 10px !important;
    bottom: 76px !important;
    padding: 12px 9px !important;
    font-size: 0 !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
    border-radius: 18px !important;
    pointer-events: auto !important;
  }

  .chat_toggle::before {
    content: "Chat";
    font-size: 12px;
    font-weight: 800;
  }

  .chat_sidebar {
    right: -100vw !important;
    z-index: 2201 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    border-left: 0 !important;
    background: #070d15 !important;
    pointer-events: auto !important;
  }

  .chat_sidebar.active {
    right: 0 !important;
  }

  .chat-header {
    height: 50px !important;
    padding: 0 10px !important;
    gap: 8px !important;
  }

  .chat-title {
    font-size: 12px !important;
  }

  .user_online_block {
    max-width: 58px !important;
  }

  .online_prcr {
    right: -44px !important;
    width: min(286px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 90px) !important;
  }

  #chat::after {
    height: 80px !important;
  }

  .input_new-group {
    padding: 8px !important;
    gap: 6px !important;
  }

  .input_new-group input,
  #chat_message_input {
    min-height: 40px !important;
    font-size: 13px !important;
  }

  .banner_top {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  .banner_top .banner_left {
    display: block !important;
    width: 100% !important;
  }

  .image-slider,
  .image-slider__wrapper,
  .image-slider__slide,
  .image-slider__image {
    width: 100% !important;
    max-width: 100% !important;
  }

  .image-slider__image {
    min-height: 180px !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 8.5 !important;
    border-radius: 14px !important;
  }

  .image-slider__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .image-slider__image h3 {
    font-size: clamp(26px, 10vw, 44px) !important;
    line-height: 1 !important;
  }

  .image-slider__image p {
    max-width: 70% !important;
    font-size: 13px !important;
  }

  .swiper_btn {
    min-height: 38px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
  }

  .top_donators,
  .block,
  .settings-block,
  .support-home,
  .support-admin-heading,
  .support-ticket-tabs,
  .support-ticket-board,
  .block_support_left,
  .block_support_right,
  .block_support_add {
    width: 100% !important;
    max-width: 100% !important;
  }

  .nav,
  .pn-home-news-head,
  .page-head,
  .support-home-heading,
  .support-admin-heading {
    gap: 10px !important;
    flex-wrap: wrap !important;
  }

  .nav_icon,
  .page-title,
  .double_heading {
    min-width: 0 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  .nav_icon .svg,
  .nav_icon .head_icon {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
  }

  .monitoring,
  .two-monitoring,
  .shop_cards,
  #new_news.news-grid,
  .news-grid,
  #site_stats .pn-site-stats-grid,
  .wlt-hero-grid,
  .wlt-quick-grid,
  .wlt-methods,
  .settings-grid,
  .support-direction-grid,
  .ban-stats,
  .pn-home-live-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .monitoring .server,
  .two-server,
  .shop_card,
  .news-grid > *,
  #new_news.news-grid > *,
  .pn-site-stat-card,
  .settings-section,
  .btn_support,
  .ban-stats > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .shop_cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .shop_card h5 {
    display: block !important;
    font-size: 12px !important;
  }

  .shop_card .card_bg {
    height: 164px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  .shop_card .card_bg .title {
    font-size: 28px !important;
    line-height: .95 !important;
  }

  .shop_card .card_bg p {
    font-size: 14px !important;
  }

  .card_bg .card_human {
    max-width: 88% !important;
    max-height: 92% !important;
    object-fit: contain !important;
  }

  .profile-info-bar {
    grid-template-columns: 1fr !important;
  }

  .profile-user-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 70px 14px 14px !important;
  }

  .profile-avatar {
    top: -34px !important;
    left: 14px !important;
    width: 72px !important;
    height: 72px !important;
  }

  .profile_page_nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
  }

  .profile_page_nav .profile_btn {
    min-width: 126px !important;
    flex: 0 0 auto !important;
    font-size: 12px !important;
  }

  .server-nav,
  .select_container,
  .form-layout,
  .article-layout,
  .forum-layout,
  .topic-layout,
  .news-layout {
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
  }

  .server-list-wrap,
  .search-wrap,
  .search_container,
  .custom-input,
  .input,
  select,
  textarea,
  input {
    max-width: 100% !important;
  }

  .server-list {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
    scrollbar-width: none !important;
  }

  .server-btn {
    max-width: 82vw !important;
    flex: 0 0 auto !important;
  }

  .table-responsive,
  .table-adaptive,
  .support-ticket-table-scroll,
  .block_table_support,
  .ban-table-wrap,
  .topics-table,
  .services-table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  table {
    max-width: 100%;
  }

  .support-ticket-table,
  .services-table {
    min-width: 720px !important;
  }

  .post-card,
  .topic-row,
  .ban-row,
  .support-ticket-row {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .post-head,
  .post-foot,
  .messages-dialog-toolbar {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .post-body img,
  .article-body img,
  .content_wrapper img {
    max-width: 100% !important;
    height: auto !important;
  }

  .personal-messages-chat {
    min-height: calc(100dvh - 280px) !important;
  }

  .personal-messages-chat .chat-input-wrap {
    grid-template-columns: minmax(0, 1fr) 42px !important;
  }

  .messages-dialog-toolbar #back_btn,
  .messages-dialog-toolbar .btn-primary {
    width: auto !important;
    min-width: 42px !important;
  }

  .modal,
  .modal.fade,
  .modal.show {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .modal-dialog,
  #authorization .modal-dialog,
  #registration .modal-dialog,
  #api_auth .modal-dialog {
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
    margin: 10px auto !important;
  }

  .modal-content {
    max-height: calc(100dvh - 20px) !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  .modal-body,
  .modal-register {
    max-height: calc(100dvh - 72px) !important;
    overflow-y: auto !important;
    padding: 18px !important;
  }

  .modal-register h3 {
    font-size: 20px !important;
  }

  .btns-registr-social {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .site-footer {
    margin-top: 28px !important;
  }

  .footer-inner {
    padding: 22px 16px !important;
    border-radius: 16px !important;
  }

  .footer-top,
  .footer-links-wrap {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .footer-bottom,
  .footer-bottom-links {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 9px !important;
  }

  .footer-bottom-sep {
    display: none !important;
  }

  .support-tickets-dialog {
    width: calc(100vw - 20px) !important;
    max-width: none !important;
  }

  .support-tickets-content {
    max-height: calc(100dvh - 24px) !important;
  }
}

@media (max-width: 480px) {
  .left_menu {
    max-height: 188px !important;
  }

  .content_area {
    padding-top: 188px !important;
  }

  .logo-container {
    height: 44px !important;
  }

  .sidebar-profile,
  .sidebar-profile-register {
    min-height: 48px !important;
    padding: 7px 8px !important;
  }

  .sidebar-profile-name {
    max-width: 96px !important;
  }

  .menu_btn {
    padding: 6px 10px 8px !important;
  }

  .collapsible-menu a {
    height: 32px !important;
    padding: 0 9px !important;
    font-size: 11px !important;
  }

  .dop-btns {
    padding: 0 10px 8px !important;
  }

  .shop_cards {
    grid-template-columns: 1fr !important;
  }

  .shop_card .card_bg {
    height: 178px !important;
  }

  .image-slider__image {
    min-height: 170px !important;
  }

  .image-slider__image p {
    max-width: 90% !important;
  }

  .wlt-balance {
    font-size: 34px !important;
  }

  .pn-home-clans-hero-stats,
  .ban-stats {
    grid-template-columns: 1fr !important;
  }
}

                                                                            
@media (max-width: 768px) {
  :root {
    --pn-mobile-sidebar-width: clamp(178px, 38vw, 220px);
  }

  html,
  body {
    overflow-x: auto !important;
  }

  body {
    min-width: calc(var(--pn-mobile-sidebar-width) + 360px) !important;
  }

  .new_container {
    display: flex !important;
    height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden !important;
  }

  .left_menu {
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: var(--pn-mobile-sidebar-width) !important;
    height: 100dvh !important;
    max-height: none !important;
    overflow: hidden !important;
    border-right: 1px solid rgba(255, 255, 255, .05) !important;
    border-bottom: 0 !important;
    background: linear-gradient(180deg, rgba(9, 11, 16, .97), rgba(6, 8, 12, .98)) !important;
  }

  .left_menu::before,
  .left_menu::after {
    display: block !important;
  }

  .logo-container {
    height: auto !important;
    padding: 10px 14px 8px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .04) !important;
  }

  .logo-container2 {
    width: min(136px, calc(var(--pn-mobile-sidebar-width) - 42px)) !important;
    max-width: none !important;
    height: 36px !important;
  }

  .logo-container > .info-line div,
  .logo-container .info-line div {
    padding: 4px 10px !important;
    font-size: 12px !important;
  }

  .sidebar-profile,
  .sidebar-profile-register {
    min-height: 74px !important;
    margin: 10px 10px 0 !important;
    padding: 9px !important;
    border-radius: 14px !important;
  }

  .sidebar-profile-ava {
    width: 50px !important;
    height: 50px !important;
    border-radius: 12px !important;
  }

  .sidebar-profile-name {
    max-width: calc(var(--pn-mobile-sidebar-width) - 126px) !important;
    font-size: 14px !important;
  }

  .sidebar-profile-balance {
    font-size: 12px !important;
  }

  .sidebar-profile-action {
    width: 30px !important;
    height: 30px !important;
  }

  .sidebar-profile-register .sidebar-profile-info-register {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  .menu_btn {
    flex: 1 1 auto !important;
    padding: 10px 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
  }

  .collapsible-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  .collapsible-menu li {
    width: 100% !important;
    flex: none !important;
  }

  .collapsible-menu a {
    width: 100% !important;
    height: 40px !important;
    padding: 0 10px !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    border-radius: 11px !important;
  }

  .dop-btns {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 10px 14px 12px !important;
    overflow: visible !important;
  }

  .dop-btn {
    width: 100% !important;
    min-height: 38px !important;
    justify-content: center !important;
    font-size: 13px !important;
  }

  .social_btn {
    display: flex !important;
    flex-shrink: 0 !important;
    gap: 14px !important;
    padding: 12px !important;
  }

  .content_area {
    width: calc(100% - var(--pn-mobile-sidebar-width)) !important;
    min-width: 360px !important;
    margin-left: var(--pn-mobile-sidebar-width) !important;
    padding-top: 0 !important;
    transform: none !important;
  }

  .content_wrapper {
    height: 100vh !important;
    min-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 12px 8px 12px 10px !important;
  }

  .main_content {
    width: 100% !important;
    min-height: 100vh !important;
    padding: 12px !important;
  }

  .swiper,
  .image-slider,
  .image-slider__wrapper,
  .image-slider__slide {
    height: auto !important;
    min-height: 0 !important;
  }

  .image-slider__image {
    position: relative !important;
    height: auto !important;
    min-height: 150px !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 6.6 !important;
  }

  .image-slider__image img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .image-slider__image h3 {
    bottom: 72px !important;
    left: 18px !important;
    max-width: calc(100% - 36px) !important;
    font-size: clamp(22px, 7vw, 34px) !important;
  }

  .image-slider__image p {
    bottom: 52px !important;
    left: 18px !important;
    max-width: calc(100% - 36px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
  }

  .image-slider__image .swiper_btn {
    right: 14px !important;
    bottom: 14px !important;
    min-width: 138px !important;
    height: 38px !important;
  }

  .image-slider .swiper-pagination {
    bottom: 7px !important;
  }

  .chat_toggle {
    right: 10px !important;
    bottom: 76px !important;
    width: 54px !important;
    height: 54px !important;
    padding: 0 !important;
    border-radius: 50% !important;
  }
}

@media (max-width: 480px) {
  :root {
    --pn-mobile-sidebar-width: 178px;
  }

  body {
    min-width: 538px !important;
  }

  .sidebar-profile-name {
    max-width: 58px !important;
  }

  .collapsible-menu a {
    height: 38px !important;
    gap: 9px !important;
    font-size: 12px !important;
  }

  .collapsible-menu > li > a svg {
    width: 17px !important;
    height: 17px !important;
  }
}

                                                                                 
.pn-home-news-head {
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

.pn-home-news-head .nav_icon {
  align-self: flex-start !important;
}

.pn-home-news-add {
  align-self: flex-start !important;
}

                                                                            
.shop_cards .shop_card .card_bg .title,
.shop_cards .shop_card .card_bg h2 {
  width: auto !important;
  max-width: 78% !important;
  font-size: clamp(30px, 2.15vw, 38px) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.shop_cards .shop_card .card_bg p {
  max-width: 78% !important;
  line-height: 1.15 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.shop_cards .shop_card h5 {
  min-height: 18px !important;
  line-height: 1.25 !important;
}

@media (max-width: 768px) {
  .shop_cards .shop_card .card_bg .title,
  .shop_cards .shop_card .card_bg h2 {
    max-width: 72% !important;
    font-size: clamp(26px, 6vw, 32px) !important;
  }

  .shop_cards .shop_card .card_bg p {
    max-width: 72% !important;
    font-size: 14px !important;
  }
}

                                                                                        
@media (max-width: 768px) {
  :root {
    --pn-mobile-sidebar-width: clamp(136px, 37vw, 158px);
  }

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body {
    min-width: 0 !important;
  }

  .new_container {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  .left_menu {
    width: var(--pn-mobile-sidebar-width) !important;
    min-width: 0 !important;
    max-width: var(--pn-mobile-sidebar-width) !important;
    overflow: hidden !important;
  }

  .content_area {
    width: calc(100vw - var(--pn-mobile-sidebar-width)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - var(--pn-mobile-sidebar-width)) !important;
    margin-left: var(--pn-mobile-sidebar-width) !important;
    overflow: hidden !important;
  }

  .content_wrapper,
  .main_content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .logo-container {
    padding: 10px 8px 8px !important;
  }

  .logo-container2 {
    width: min(96px, calc(var(--pn-mobile-sidebar-width) - 42px)) !important;
    height: 30px !important;
  }

  .logo-container .info-line div {
    padding: 3px 8px !important;
    font-size: 11px !important;
  }

  .sidebar-profile {
    margin: 8px 6px 0 !important;
    padding: 7px !important;
    min-height: 62px !important;
    border-radius: 12px !important;
  }

  .sidebar-profile-ava {
    width: 40px !important;
    height: 40px !important;
  }

  .sidebar-profile-info {
    min-width: 0 !important;
  }

  .sidebar-profile-name {
    max-width: calc(var(--pn-mobile-sidebar-width) - 86px) !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
  }

  .sidebar-profile-balance {
    max-width: calc(var(--pn-mobile-sidebar-width) - 86px) !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .sidebar-profile-action {
    width: 25px !important;
    height: 25px !important;
    border-radius: 8px !important;
  }

  .sidebar-profile-action svg {
    width: 13px !important;
    height: 13px !important;
  }

  .menu_btn {
    padding: 8px 6px !important;
  }

  .collapsible-menu {
    gap: 7px !important;
  }

  .collapsible-menu a {
    height: 35px !important;
    padding: 0 8px !important;
    gap: 8px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .collapsible-menu > li > a svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
  }

  .dop-btns {
    padding: 8px 6px 10px !important;
    gap: 7px !important;
  }

  .dop-btn {
    min-height: 34px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .dop-btn svg {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
  }

  .social_btn {
    gap: 8px !important;
    padding: 9px 8px !important;
  }

  .social_btn a {
    width: 32px !important;
    height: 32px !important;
  }

  .banner_top,
  .banner_left,
  .top_donators,
  .monitoring,
  .two-monitoring,
  .shop_cards,
  #new_news.news-grid,
  .news-grid,
  .block,
  .prime-section,
  .prime-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .banner_top,
  .monitoring,
  .two-monitoring,
  .shop_cards,
  #new_news.news-grid,
  .news-grid {
    grid-template-columns: 1fr !important;
  }

  .monitoring .server,
  .two-server,
  .shop_cards .shop_card,
  #new_news.news-grid > *,
  .news-grid > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .server > .server_name p,
  .monitoring > .server .server_name p,
  .server .server_map {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .server > .server_btn,
  .monitoring .server .server_btn {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .image-slider__image {
    aspect-ratio: 16 / 8.5 !important;
    min-height: 132px !important;
  }

  .image-slider__image h3 {
    left: 10px !important;
    bottom: 62px !important;
    max-width: calc(100% - 20px) !important;
    font-size: clamp(17px, 6vw, 24px) !important;
  }

  .image-slider__image p {
    left: 10px !important;
    bottom: 45px !important;
    max-width: calc(100% - 20px) !important;
    font-size: 10px !important;
  }

  .image-slider__image .swiper_btn {
    right: 8px !important;
    bottom: 10px !important;
    min-width: 112px !important;
    height: 34px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  .shop_cards .shop_card .card_bg .title,
  .shop_cards .shop_card .card_bg h2 {
    max-width: 74% !important;
    font-size: clamp(22px, 7vw, 30px) !important;
  }

  .shop_cards .shop_card .card_bg p {
    max-width: 74% !important;
    font-size: 12px !important;
  }

  .chat_toggle {
    right: 8px !important;
    bottom: 74px !important;
    width: 48px !important;
    height: 48px !important;
  }
}

@media (max-width: 480px) {
  :root {
    --pn-mobile-sidebar-width: 136px;
  }

  .logo-container2 {
    width: 88px !important;
  }

  .logo-container .info-line div {
    padding: 2px 7px !important;
    font-size: 10px !important;
  }

  .sidebar-profile-ava {
    width: 38px !important;
    height: 38px !important;
  }

  .sidebar-profile-name,
  .sidebar-profile-balance {
    max-width: 48px !important;
  }

  .collapsible-menu a {
    height: 34px !important;
    font-size: 11px !important;
  }

  .dop-btn {
    font-size: 10px !important;
  }
}

                                                    
:root {
  --pn-topbar-height: 72px;
  --pn-sidebar-open-width: 246px;
  --pn-sidebar-closed-width: 82px;
}

.logo-container {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 2200 !important;
  height: var(--pn-topbar-height) !important;
  width: 100vw !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 10px 18px !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(93, 143, 180, 0.14) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(31, 160, 220, 0.16), transparent 30%),
    linear-gradient(180deg, rgba(10, 17, 25, 0.98), rgba(7, 10, 16, 0.98)) !important;
  box-shadow: 0 16px 46px rgba(0, 0, 0, 0.34) !important;
  backdrop-filter: blur(16px) !important;
}

.logo-container2 {
  width: 142px !important;
  height: 38px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.logo-container2::after {
  inset: -8px -12px !important;
  opacity: .8 !important;
}

#number_max {
  margin-left: 2px !important;
  min-width: 48px !important;
  height: 32px !important;
}

.social_btn {
  position: fixed !important;
  z-index: 2210 !important;
  top: 17px !important;
  left: 230px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.social_btn a {
  width: 38px !important;
  height: 38px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
}

.social_btn a:hover {
  transform: translateY(-1px);
  border-color: rgba(35, 184, 255, 0.32) !important;
  background: rgba(35, 184, 255, 0.10) !important;
}

.sidebar-profile,
.sidebar-profile-register {
  position: fixed !important;
  z-index: 2220 !important;
  top: 10px !important;
  right: 16px !important;
  width: auto !important;
  min-width: 236px !important;
  max-width: 310px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at right top, rgba(26, 184, 255, 0.16), transparent 44%),
    linear-gradient(180deg, rgba(17, 26, 38, 0.96), rgba(9, 13, 20, 0.96)) !important;
}

.sidebar-profile-ava {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 13px !important;
}

.sidebar-profile-ava img {
  border-radius: 12px !important;
}

.sidebar-profile-info {
  min-width: 0 !important;
}

.sidebar-profile-name {
  max-width: 112px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 14px !important;
}

.sidebar-profile-balance {
  max-width: 112px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 12px !important;
}

.sidebar-profile-actions {
  margin-left: auto !important;
}

.sidebar-profile-register {
  min-width: 240px !important;
  max-width: 330px !important;
}

.sidebar-profile-register .sidebar-profile-info-register {
  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  width: auto !important;
}

.sidebar-profile-register .sidebar-auth-link {
  min-height: 36px !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}

.left_menu {
  top: var(--pn-topbar-height) !important;
  width: var(--pn-sidebar-open-width) !important;
  height: calc(100dvh - var(--pn-topbar-height)) !important;
  z-index: 2100 !important;
  transition: width .22s ease, box-shadow .22s ease !important;
}

.left_menu::before {
  height: 100% !important;
}

.pn-sidebar-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 58px;
  padding: 14px 14px 10px;
  color: #d9e8f7;
  font-size: 15px;
  font-weight: 800;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.pn-sidebar-toggle {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(35, 184, 255, 0.20);
  background: rgba(35, 184, 255, 0.07);
  color: #8edcff;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

.pn-sidebar-toggle:hover {
  color: #ffffff;
  border-color: rgba(35, 184, 255, 0.42);
  background: rgba(35, 184, 255, 0.13);
}

.pn-sidebar-toggle svg {
  width: 18px;
  height: 18px;
  color: currentColor;
}

.menu-title {
  display: inline-block;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: opacity .18s ease, width .18s ease, max-width .18s ease;
}

.content_area {
  margin-left: var(--pn-sidebar-open-width) !important;
  padding-top: var(--pn-topbar-height) !important;
  transition: margin-left .22s ease, padding-top .22s ease !important;
}

.content_wrapper {
  max-height: calc(100dvh - var(--pn-topbar-height)) !important;
}

body.pn-sidebar-collapsed .left_menu {
  width: var(--pn-sidebar-closed-width) !important;
}

body.pn-sidebar-collapsed .content_area {
  margin-left: var(--pn-sidebar-closed-width) !important;
}

body.pn-sidebar-collapsed .pn-sidebar-head {
  justify-content: center !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}



body.pn-sidebar-collapsed .menu_btn {
  padding-left: 12px !important;
  padding-right: 12px !important;
}



body.pn-sidebar-collapsed .collapsible-menu a svg {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
}

body.pn-sidebar-collapsed .menu-item-badge {
  position: absolute !important;
  top: 9px !important;
  right: 9px !important;
  margin: 0 !important;
}

body.pn-sidebar-collapsed .dop-btns {
  padding-left: 12px !important;
  padding-right: 12px !important;
}



body.pn-sidebar-collapsed .dop-btn svg {
  margin: 0 !important;
}

@media (max-width: 1180px) {
  .social_btn {
    left: 214px !important;
  }

  .sidebar-profile,
  .sidebar-profile-register {
    max-width: 250px !important;
  }
}

@media (max-width: 768px) {
  :root {
    --pn-topbar-height: 64px;
    --pn-sidebar-open-width: 210px;
    --pn-sidebar-closed-width: 68px;
  }

  .new_container {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .left_menu {
    top: var(--pn-topbar-height) !important;
    width: var(--pn-sidebar-open-width) !important;
    max-width: var(--pn-sidebar-open-width) !important;
    height: calc(100dvh - var(--pn-topbar-height)) !important;
  }

  body.pn-sidebar-collapsed .left_menu {
    width: var(--pn-sidebar-closed-width) !important;
    max-width: var(--pn-sidebar-closed-width) !important;
  }

  .content_area {
    width: calc(100vw - var(--pn-sidebar-open-width)) !important;
    max-width: calc(100vw - var(--pn-sidebar-open-width)) !important;
    margin-left: var(--pn-sidebar-open-width) !important;
    padding-top: var(--pn-topbar-height) !important;
  }

  body.pn-sidebar-collapsed .content_area {
    width: calc(100vw - var(--pn-sidebar-closed-width)) !important;
    max-width: calc(100vw - var(--pn-sidebar-closed-width)) !important;
    margin-left: var(--pn-sidebar-closed-width) !important;
  }

  .content_wrapper {
    max-height: calc(100dvh - var(--pn-topbar-height)) !important;
  }

  .logo-container {
    height: var(--pn-topbar-height) !important;
    padding: 8px 10px !important;
  }

  .logo-container2 {
    width: 118px !important;
    height: 32px !important;
  }

  #number_max {
    min-width: 42px !important;
    height: 30px !important;
    padding: 0 9px !important;
  }

  .social_btn {
    top: 12px !important;
    left: 204px !important;
    gap: 7px !important;
  }

  .social_btn a {
    width: 34px !important;
    height: 34px !important;
  }

  .sidebar-profile,
  .sidebar-profile-register {
    top: 7px !important;
    right: 8px !important;
    min-width: 0 !important;
    max-width: min(48vw, 210px) !important;
  }

  .sidebar-profile-name,
  .sidebar-profile-balance {
    max-width: 62px !important;
  }

  .pn-sidebar-head {
    min-height: 50px !important;
    padding: 10px 10px 8px !important;
  }

  .menu_btn {
    padding: 8px 9px !important;
  }
}

@media (max-width: 560px) {
  .logo-container {
    gap: 8px !important;
  }

  .logo-container2 {
    width: 104px !important;
  }

  .social_btn {
    display: none !important;
  }

  .sidebar-profile,
  .sidebar-profile-register {
    max-width: 186px !important;
  }
}

@media (max-width: 420px) {
  .sidebar-profile-info,
  .sidebar-profile-register .sidebar-profile-info-register {
    display: none !important;
  }

  .sidebar-profile,
  .sidebar-profile-register {
    min-width: 50px !important;
    max-width: 104px !important;
    padding: 7px !important;
  }
}

                                                                                  
:root {
  --pn-sidebar-width: 220px;
  --pn-sidebar-collapsed-width: 78px;
  --pn-userbar-height: 72px;
}

.logo-container {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  width: auto !important;
  height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--divider) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.logo-container2 {
  width: 136px !important;
  height: 34px !important;
  max-width: none !important;
}

.logo-container2::after {
  inset: -10px -14px !important;
}

.left_menu {
  top: 0 !important;
  left: 0 !important;
  width: var(--pn-sidebar-width) !important;
  max-width: var(--pn-sidebar-width) !important;
  height: 100vh !important;
  z-index: 1000 !important;
  transition: width .22s ease, box-shadow .22s ease !important;
}

.left_menu::before {
  height: 90px !important;
}

.content_area {
  width: auto !important;
  max-width: none !important;
  margin-left: var(--pn-sidebar-width) !important;
  padding-top: 0 !important;
  transition: margin-left .22s ease !important;
}

.content_wrapper {
  max-height: calc(100vh - 40px) !important;
}

.pn-sidebar-head {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  margin: 10px 14px 6px !important;
  padding: 0 10px !important;
  color: #d8e7f4 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.025) !important;
}

.pn-sidebar-toggle {
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(35,184,255,.20) !important;
  background: rgba(35,184,255,.08) !important;
  color: #8edcff !important;
}

.pn-sidebar-toggle:hover {
  color: #fff !important;
  border-color: rgba(35,184,255,.38) !important;
  background: rgba(35,184,255,.14) !important;
}

.pn-sidebar-toggle svg {
  width: 17px !important;
  height: 17px !important;
}

.menu-title {
  display: inline-block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.social_btn {
  position: static !important;
  z-index: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
  width: auto !important;
  height: auto !important;
  margin: 12px 0 0 !important;
  padding: 14px !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
  background: transparent !important;
}

.social_btn a {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
}

body.pn-sidebar-collapsed .left_menu {
  width: var(--pn-sidebar-collapsed-width) !important;
  max-width: var(--pn-sidebar-collapsed-width) !important;
}

body.pn-sidebar-collapsed .content_area {
  width: auto !important;
  max-width: none !important;
  margin-left: var(--pn-sidebar-collapsed-width) !important;
}

body.pn-sidebar-collapsed .logo-container {
  justify-content: center !important;
  padding: 0 10px !important;
}

body.pn-sidebar-collapsed .logo-container2 {
  width: 42px !important;
  height: 34px !important;
  overflow: hidden !important;
}

body.pn-sidebar-collapsed .logo-svg {
  opacity: 0 !important;
}

body.pn-sidebar-collapsed #number_max {
  display: none !important;
}

body.pn-sidebar-collapsed .pn-sidebar-head {
  justify-content: center !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
  padding: 0 !important;
}

body.pn-sidebar-collapsed .pn-sidebar-head span,
body.pn-sidebar-collapsed .menu-title {
  opacity: 0 !important;
  width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
}

body.pn-sidebar-collapsed .menu_btn {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

body.pn-sidebar-collapsed .collapsible-menu a {
  justify-content: center !important;
  gap: 0 !important;
  padding: 0 !important;
}

body.pn-sidebar-collapsed .dop-btns {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

body.pn-sidebar-collapsed .dop-btn {
  justify-content: center !important;
  gap: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
}

body.pn-sidebar-collapsed .social_btn {
  flex-direction: column !important;
  gap: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

@media (min-width: 901px) {
  .content_wrapper {
    padding-top: var(--pn-userbar-height) !important;
  }

  .sidebar-profile,
  .sidebar-profile-register {
    position: fixed !important;
    top: 14px !important;
    right: 18px !important;
    z-index: 1800 !important;
    width: auto !important;
    min-width: 236px !important;
    max-width: 320px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
  }

  .sidebar-profile-ava {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  .sidebar-profile-name,
  .sidebar-profile-balance {
    max-width: 116px !important;
  }

  .sidebar-profile-register .sidebar-profile-info-register {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    width: auto !important;
  }

  .sidebar-profile-register .sidebar-auth-link {
    min-height: 36px !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 900px) {
  .sidebar-profile,
  .sidebar-profile-register {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    z-index: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 10px 10px 0 !important;
    padding: 12px 10px !important;
    min-height: 72px !important;
  }

  .sidebar-profile-info,
  .sidebar-profile-register .sidebar-profile-info-register {
    display: flex !important;
  }

  .sidebar-profile-register .sidebar-profile-info-register {
    flex-direction: column !important;
    gap: 7px !important;
    width: 100% !important;
  }

  .content_wrapper {
    padding-top: 18px !important;
  }
}

@media (max-width: 768px) {
  :root {
    --pn-sidebar-width: var(--pn-mobile-sidebar-width, 188px);
    --pn-sidebar-collapsed-width: var(--pn-mobile-sidebar-width, 188px);
  }

  .left_menu {
    top: 0 !important;
    width: var(--pn-mobile-sidebar-width, 188px) !important;
    max-width: var(--pn-mobile-sidebar-width, 188px) !important;
    height: 100vh !important;
  }

  .content_area,
  body.pn-sidebar-collapsed .content_area {
    width: calc(100% - var(--pn-mobile-sidebar-width, 188px)) !important;
    max-width: none !important;
    min-width: 360px !important;
    margin-left: var(--pn-mobile-sidebar-width, 188px) !important;
    padding-top: 0 !important;
  }

  body.pn-sidebar-collapsed .left_menu {
    width: var(--pn-mobile-sidebar-width, 188px) !important;
    max-width: var(--pn-mobile-sidebar-width, 188px) !important;
  }
}

                                                                                          
.pn-top-userbar {
  position: fixed;
  top: 14px;
  right: 18px;
  z-index: 2300;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 54px;
  padding: 7px;
  border-radius: 18px;
  border: 1px solid rgba(35,184,255,.16);
  background:
    radial-gradient(circle at 100% 0%, rgba(35,184,255,.14), transparent 44%),
    linear-gradient(180deg, rgba(14,20,30,.96), rgba(8,12,19,.96));
  box-shadow: 0 16px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(14px);
}

.pn-top-user {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: #e5eef8;
  text-decoration: none !important;
}

.pn-top-user img {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  object-fit: cover;
  border-radius: 13px;
  border: 1px solid rgba(35,184,255,.28);
}

.pn-top-user span {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 118px;
  line-height: 1.05;
}

.pn-top-user b {
  overflow: hidden;
  color: #dfe9f5;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pn-top-user em {
  margin-top: 4px;
  overflow: hidden;
  color: #34c6ff;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pn-top-action,
.pn-top-auth {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(35,184,255,.18);
  background: rgba(35,184,255,.08);
  color: #9fe5ff;
  text-decoration: none !important;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.pn-top-action {
  width: 38px;
  flex: 0 0 38px;
}

.pn-top-action svg {
  width: 18px;
  height: 18px;
}

.pn-top-action span {
  font-family: Arial, sans-serif;
  font-size: 19px;
  font-weight: 900;
  line-height: 1;
}

.pn-top-action:hover,
.pn-top-auth:hover {
  transform: translateY(-1px);
  border-color: rgba(35,184,255,.38);
  background: rgba(35,184,255,.14);
  color: #ffffff;
}

.pn-top-purse {
  border-color: rgba(55,215,142,.20);
  background: rgba(55,215,142,.10);
  color: #dfffea;
}

.pn-top-purse:hover {
  border-color: rgba(55,215,142,.40);
  background: rgba(55,215,142,.16);
}

.pn-top-userbar-auth {
  gap: 8px;
  padding: 8px;
}

.pn-top-auth {
  min-width: 96px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 800;
}

.pn-top-auth-main {
  min-width: 126px;
}

@media (min-width: 901px) {
  .left_menu > .sidebar-profile,
  .left_menu > .sidebar-profile-register {
    display: none !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin: 0 !important;
  }

  .content_wrapper {
    padding-top: 18px !important;
  }
}

@media (max-width: 900px) {
  
}

                                                                                
                                                      
:root {
  --pn-layout-topbar: 70px;
  --pn-layout-sidebar: 220px;
  --pn-layout-sidebar-small: 78px;
}

.logo-container,
body.pn-sidebar-collapsed .logo-container {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 2200 !important;
  width: 100vw !important;
  height: var(--pn-layout-topbar) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 0 380px 0 16px !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(35,184,255,.13) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(35,184,255,.12), transparent 34%),
    linear-gradient(180deg, rgba(8,18,27,.98), rgba(5,10,16,.98)) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.30) !important;
}

.logo-container::before,
.logo-container::after {
  display: none !important;
}

.logo-container2,
body.pn-sidebar-collapsed .logo-container2 {
  width: 145px !important;
  height: 38px !important;
  flex: 0 0 145px !important;
}

.logo-container2::after,
body.pn-sidebar-collapsed .logo-container2::after {
  inset: -9px -13px !important;
  opacity: .65 !important;
}

.logo-container .info-line,
.logo-container > .info-line {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(35,184,255,.22) !important;
  background: rgba(10,28,43,.78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.logo-container .info-line div,
.logo-container > .info-line div {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #4ecfff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.left_menu,
body.pn-sidebar-collapsed .left_menu {
  position: fixed !important;
  top: var(--pn-layout-topbar) !important;
  left: 0 !important;
  z-index: 1500 !important;
  width: var(--pn-layout-sidebar) !important;
  max-width: var(--pn-layout-sidebar) !important;
  height: calc(100vh - var(--pn-layout-topbar)) !important;
  min-height: 0 !important;
  border-right: 1px solid rgba(35,184,255,.10) !important;
  background:
    radial-gradient(circle at 100% 8%, rgba(35,184,255,.10), transparent 32%),
    linear-gradient(180deg, rgba(7,12,18,.98), rgba(5,8,13,.98)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.left_menu::before {
  height: 105px !important;
  opacity: .55 !important;
}

body.pn-sidebar-collapsed .left_menu {
  width: var(--pn-layout-sidebar-small) !important;
  max-width: var(--pn-layout-sidebar-small) !important;
}

.content_area {
  margin-left: var(--pn-layout-sidebar) !important;
  padding-top: var(--pn-layout-topbar) !important;
  width: auto !important;
  max-width: none !important;
  transition: margin-left .22s ease, padding-top .22s ease !important;
}

body.pn-sidebar-collapsed .content_area {
  margin-left: var(--pn-layout-sidebar-small) !important;
}

.content_wrapper {
  max-height: calc(100vh - var(--pn-layout-topbar)) !important;
  padding-top: 18px !important;
}

.pn-sidebar-head {
  margin-top: 12px !important;
}

@media (min-width: 901px) {
  .left_menu > .sidebar-profile,
  .left_menu > .sidebar-profile-register {
    display: none !important;
  }

  .social_btn {
    position: fixed !important;
    top: 17px !important;
    left: 206px !important;
    z-index: 2400 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    gap: 9px !important;
  }

  .social_btn a {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.05) !important;
  }

  .dop-btns {
    margin-top: auto !important;
  }
}

.pn-top-userbar {
  top: 10px !important;
  right: 16px !important;
  z-index: 2450 !important;
  min-height: 50px !important;
  height: 50px !important;
  gap: 8px !important;
  padding: 5px !important;
  border-radius: 16px !important;
  border-color: rgba(35,184,255,.18) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(35,184,255,.16), transparent 42%),
    linear-gradient(180deg, rgba(14,25,36,.96), rgba(7,12,19,.96)) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.pn-top-user {
  order: 3;
  min-height: 40px !important;
  padding: 0 8px 0 2px !important;
  border-radius: 13px !important;
}

.pn-top-user:hover {
  background: rgba(35,184,255,.07) !important;
}

.pn-top-user img {
  width: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;
  border-radius: 12px !important;
}

.pn-top-user span {
  max-width: 126px !important;
}

.pn-top-action {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 12px !important;
  appearance: none !important;
  cursor: pointer !important;
  font: inherit !important;
}

.pn-top-purse {
  order: 1;
  width: auto !important;
  min-width: 118px !important;
  flex-basis: auto !important;
  gap: 7px !important;
  padding: 0 13px !important;
  border-color: rgba(45,204,132,.24) !important;
  background: linear-gradient(180deg, rgba(45,204,132,.17), rgba(35,184,255,.10)) !important;
  color: #dfffea !important;
}

.pn-top-purse b {
  display: inline-block !important;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.pn-top-purse span {
  font-size: 18px !important;
}

.pn-top-notify {
  order: 2;
  color: #b8d5e8 !important;
}

.pn-top-notify svg {
  width: 18px !important;
  height: 18px !important;
}

.pn-top-notifications {
  position: absolute;
  top: calc(100% + 8px);
  right: 56px;
  z-index: 2460;
  display: none;
  width: 300px;
  max-height: 360px;
  overflow: auto;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(35,184,255,.20);
  background: rgba(7,12,19,.98);
  box-shadow: 0 18px 42px rgba(0,0,0,.45);
}

.pn-top-userbar.is-notify-open .pn-top-notifications {
  display: block;
}

.pn-top-userbar-auth {
  height: 50px !important;
}

@media (max-width: 1100px) {
  .logo-container,
  body.pn-sidebar-collapsed .logo-container {
    padding-right: 330px !important;
  }

  .pn-top-user span {
    max-width: 94px !important;
  }

  .pn-top-purse {
    min-width: 46px !important;
    padding: 0 12px !important;
  }

  .pn-top-purse b {
    display: none !important;
  }
}

@media (max-width: 900px) {
  :root {
    --pn-layout-topbar: 58px;
    --pn-layout-sidebar: var(--pn-mobile-sidebar-width, 188px);
    --pn-layout-sidebar-small: var(--pn-mobile-sidebar-width, 188px);
  }

  .logo-container,
  body.pn-sidebar-collapsed .logo-container {
    height: var(--pn-layout-topbar) !important;
    padding: 0 10px !important;
  }

  .logo-container2,
  body.pn-sidebar-collapsed .logo-container2 {
    width: 126px !important;
    height: 32px !important;
    flex-basis: 126px !important;
  }

  .left_menu,
  body.pn-sidebar-collapsed .left_menu {
    top: var(--pn-layout-topbar) !important;
    width: var(--pn-layout-sidebar) !important;
    max-width: var(--pn-layout-sidebar) !important;
    height: calc(100vh - var(--pn-layout-topbar)) !important;
  }

  .content_area,
  body.pn-sidebar-collapsed .content_area {
    width: calc(100vw - var(--pn-layout-sidebar)) !important;
    max-width: calc(100vw - var(--pn-layout-sidebar)) !important;
    min-width: 0 !important;
    margin-left: var(--pn-layout-sidebar) !important;
    padding-top: var(--pn-layout-topbar) !important;
  }

  .content_wrapper {
    max-height: calc(100vh - var(--pn-layout-topbar)) !important;
    height: calc(100vh - var(--pn-layout-topbar)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-top: 12px !important;
  }

  .pn-top-userbar {
    display: none !important;
  }

  .social_btn {
    position: static !important;
  }
}

@media (max-width: 420px) {
  :root {
    --pn-layout-sidebar: 176px;
    --pn-layout-sidebar-small: 176px;
  }

  .logo-container2,
  body.pn-sidebar-collapsed .logo-container2 {
    width: 112px !important;
    flex-basis: 112px !important;
  }

  .logo-container .info-line,
  .logo-container > .info-line {
    min-width: 36px !important;
    height: 28px !important;
    padding: 0 10px !important;
  }
}

                                                                          
                                                     
.pn-site-topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2600 !important;
  height: var(--pn-layout-topbar) !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 430px 0 16px !important;
  border-bottom: 1px solid rgba(35,184,255,.15) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(35,184,255,.13), transparent 34%),
    linear-gradient(180deg, rgba(8,18,27,.98), rgba(5,10,16,.98)) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.32) !important;
  overflow: visible !important;
}

.pn-site-topbar .logo-container,
body.pn-sidebar-collapsed .pn-site-topbar .logo-container {
  position: relative !important;
  inset: auto !important;
  z-index: auto !important;
  width: auto !important;
  max-width: none !important;
  height: 100% !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pn-site-topbar .logo-container2,
body.pn-sidebar-collapsed .pn-site-topbar .logo-container2 {
  width: 145px !important;
  height: 38px !important;
  flex: 0 0 145px !important;
}

.pn-top-socials {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 40px !important;
}

.pn-top-socials a {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 13px !important;
  border: 1px solid rgba(35,184,255,.18) !important;
  background: rgba(255,255,255,.045) !important;
  color: #9eddf7 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}

.pn-top-socials a:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(35,184,255,.42) !important;
  background: rgba(35,184,255,.12) !important;
  color: #e8f8ff !important;
}

.left_menu,
body.pn-sidebar-collapsed .left_menu {
  top: var(--pn-layout-topbar) !important;
  height: calc(100vh - var(--pn-layout-topbar)) !important;
  z-index: 1500 !important;
}

.content_area,
body.pn-sidebar-collapsed .content_area {
  padding-top: var(--pn-layout-topbar) !important;
}

.pn-top-userbar {
  top: 10px !important;
  right: 16px !important;
  z-index: 2700 !important;
}

@media (min-width: 901px) {
  .left_menu > .social_btn {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  .pn-site-topbar {
    padding-right: 330px !important;
  }
}

@media (max-width: 900px) {
  .pn-site-topbar {
    height: var(--pn-layout-topbar) !important;
    padding: 0 10px !important;
    gap: 8px !important;
  }

  .pn-top-socials {
    display: none !important;
  }

  .pn-site-topbar .logo-container2,
  body.pn-sidebar-collapsed .pn-site-topbar .logo-container2 {
    width: 126px !important;
    flex-basis: 126px !important;
  }
}

                                                           
.pn-top-userbar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 8px !important;
  border-radius: 0 !important;
}

.pn-top-user,
.pn-top-action {
  border: 1px solid rgba(35,184,255,.18) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(35,184,255,.12), transparent 42%),
    linear-gradient(180deg, rgba(13,28,42,.94), rgba(8,15,24,.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 22px rgba(0,0,0,.22) !important;
}

.pn-top-purse {
  border-color: rgba(45,204,132,.34) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(45,204,132,.18), transparent 42%),
    linear-gradient(180deg, rgba(15,61,48,.94), rgba(8,33,31,.94)) !important;
}

.pn-top-user {
  min-width: 128px !important;
}

.pn-top-notify {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.pn-top-socials a svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

.chat_sidebar,
.chat_sidebar.active {
  top: var(--pn-layout-topbar) !important;
  height: calc(100vh - var(--pn-layout-topbar)) !important;
  z-index: 2500 !important;
}

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

.chat_toggle {
  z-index: 2501 !important;
}

@supports (height: 100dvh) {
  .chat_sidebar,
  .chat_sidebar.active {
    height: calc(100dvh - var(--pn-layout-topbar)) !important;
  }
}

@media (max-width: 900px) {
  .chat_sidebar,
  .chat_sidebar.active {
    top: var(--pn-layout-topbar) !important;
    height: calc(100dvh - var(--pn-layout-topbar)) !important;
  }
}

                                                      
html:not(.mce-content-html),
body:not(.mce-content-body) {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.pn-site-topbar .logo-svg,
body.pn-sidebar-collapsed .pn-site-topbar .logo-svg {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.pn-site-topbar #number_max,
body.pn-sidebar-collapsed .pn-site-topbar #number_max {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.pn-sidebar-collapsed .pn-site-topbar .logo-container {
  justify-content: flex-start !important;
  padding: 0 !important;
}

body.pn-sidebar-collapsed .pn-site-topbar .logo-container2 {
  width: 145px !important;
  height: 38px !important;
  flex-basis: 145px !important;
  overflow: visible !important;
}

.content_wrapper,
.content_area.chat-open .content_wrapper {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

.content_area,
body.pn-sidebar-collapsed .content_area {
  min-height: calc(100vh - var(--pn-layout-topbar)) !important;
}

@media (min-width: 901px) {
  .content_area.chat-open {
    margin-right: 0 !important;
  }
}

@media (max-width: 900px) {
  .content_wrapper,
  .content_area.chat-open .content_wrapper {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  body.pn-sidebar-collapsed .pn-site-topbar .logo-container2,
  .pn-site-topbar .logo-container2 {
    width: 126px !important;
    flex-basis: 126px !important;
  }
}

                                 
.pn-top-userbar {
  align-items: center !important;
}

.pn-top-user {
  height: 48px !important;
  min-height: 48px !important;
  min-width: 174px !important;
  max-width: 210px !important;
  display: inline-grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 10px !important;
  padding: 3px 12px 3px 4px !important;
  border-radius: 15px !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

.pn-top-user img {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  margin: 0 !important;
  border: 1px solid rgba(35,184,255,.34) !important;
  box-shadow: 0 0 0 3px rgba(35,184,255,.07), 0 8px 18px rgba(0,0,0,.22) !important;
}

.pn-top-user span {
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  line-height: 1.05 !important;
}

.pn-top-user b {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #dcecff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.pn-top-user em {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #34caff !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.pn-top-purse,
.pn-top-notify {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 15px !important;
}

.pn-top-notify {
  width: 48px !important;
  flex-basis: 48px !important;
}

@media (max-width: 1100px) {
  .pn-top-user {
    min-width: 54px !important;
    width: 54px !important;
    grid-template-columns: 42px !important;
    padding-right: 6px !important;
  }

  .pn-top-user span {
    display: none !important;
  }
}

                                               
.pn-top-notify {
  position: relative !important;
  overflow: visible !important;
}

.pn-notify-badge {
  position: absolute !important;
  top: -7px !important;
  right: -7px !important;
  z-index: 2 !important;
  min-width: 19px !important;
  height: 19px !important;
  padding: 0 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 2px solid rgba(5, 10, 16, .98) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .35), 0 0 14px rgba(255, 56, 80, .28) !important;
}

.pn-notify-badge.is-hot {
  background: linear-gradient(135deg, #ff5368, #d91f3a) !important;
}

.pn-notify-badge.is-empty {
  background: linear-gradient(135deg, #24c77c, #0b8c54) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .35), 0 0 14px rgba(36, 199, 124, .22) !important;
}

.pn-top-notifications {
  top: calc(100% + 12px) !important;
  right: 58px !important;
  width: 340px !important;
  max-height: min(430px, calc(100vh - 94px)) !important;
  padding: 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(35, 184, 255, .24) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(35, 184, 255, .16), transparent 38%),
    linear-gradient(180deg, rgba(13, 20, 31, .98), rgba(6, 10, 17, .98)) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(35, 184, 255, .64) rgba(255, 255, 255, .04) !important;
}

.pn-top-notifications::-webkit-scrollbar {
  width: 5px !important;
}

.pn-top-notifications::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .04) !important;
  border-radius: 999px !important;
}

.pn-top-notifications::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(35, 184, 255, .72), rgba(18, 116, 196, .72)) !important;
  border-radius: 999px !important;
}

.pn-top-notifications > *:not(script):not(style),
.pn-top-notifications li,
.pn-top-notifications .notification,
.pn-top-notifications .notify-item,
.pn-top-notifications .noty-item {
  position: relative !important;
  margin: 0 0 10px !important;
  padding: 14px 14px 14px 56px !important;
  min-height: 74px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  background: linear-gradient(180deg, rgba(19, 27, 40, .96), rgba(10, 15, 24, .96)) !important;
  color: #d6e5f4 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 10px 22px rgba(0, 0, 0, .22) !important;
}

.pn-top-notifications > *:not(script):not(style):last-child,
.pn-top-notifications li:last-child,
.pn-top-notifications .notification:last-child,
.pn-top-notifications .notify-item:last-child,
.pn-top-notifications .noty-item:last-child {
  margin-bottom: 0 !important;
}

.pn-top-notifications > *:not(script):not(style)::before,
.pn-top-notifications li::before,
.pn-top-notifications .notification::before,
.pn-top-notifications .notify-item::before,
.pn-top-notifications .noty-item::before {
  content: "\2713";
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  transform: translateY(-50%) !important;
  background: rgba(19, 165, 104, .17) !important;
  border: 1px solid rgba(36, 199, 124, .35) !important;
  color: #35df91 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.pn-top-notifications a {
  color: #48cfff !important;
  text-decoration: none !important;
}

.pn-top-notifications b,
.pn-top-notifications strong {
  color: #edf6ff !important;
  font-weight: 900 !important;
}

.pn-top-notifications small,
.pn-top-notifications .date,
.pn-top-notifications .time {
  display: block !important;
  margin-top: 6px !important;
  color: #7f91a9 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

@media (max-width: 900px) {
  .pn-top-notifications {
    right: 6px !important;
    width: min(340px, calc(100vw - 16px)) !important;
    max-height: min(410px, calc(100vh - 86px)) !important;
  }
}

                                                           
.pn-top-balance {
  min-width: 132px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 7px 0 14px !important;
  text-decoration: none !important;
}

.pn-top-balance-value {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #dfffea !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.pn-top-purse .pn-top-balance-value {
  font-size: 14px !important;
}

.pn-top-balance-plus {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  color: #f3edff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #9b6dff, #6b45d9) !important;
  box-shadow: 0 8px 18px rgba(97, 65, 210, .32), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.pn-top-balance:hover .pn-top-balance-plus {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(97, 65, 210, .42), inset 0 1px 0 rgba(255,255,255,.26) !important;
}

.pn-profile-dropdown {
  position: relative !important;
  order: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.pn-top-avatar-toggle {
  width: 76px !important;
  min-width: 76px !important;
  height: 48px !important;
  min-height: 48px !important;
  display: inline-flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 3px 8px 3px 4px !important;
  border: 1px solid rgba(35,184,255,.18) !important;
  border-radius: 15px !important;
  cursor: pointer !important;
}

.pn-top-avatar-toggle .pn-avatar-wrap {
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  display: inline-flex !important;
}

.pn-top-avatar-toggle img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  margin: 0 !important;
}

.pn-avatar-dot {
  position: absolute !important;
  top: -2px !important;
  right: -2px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: #9b6dff !important;
  border: 2px solid rgba(7,12,19,.98) !important;
  box-shadow: 0 0 12px rgba(155,109,255,.64) !important;
}

.pn-avatar-arrow {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #c5d7e8 !important;
  transition: transform .16s ease, color .16s ease !important;
}

.pn-avatar-arrow svg {
  width: 16px !important;
  height: 16px !important;
}

.pn-top-userbar.is-profile-open .pn-avatar-arrow {
  transform: rotate(180deg) !important;
  color: #55d7ff !important;
}

.pn-profile-menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  z-index: 2740 !important;
  display: none !important;
  width: 238px !important;
  padding: 7px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(35,184,255,.12), transparent 40%),
    linear-gradient(180deg, rgba(17,23,34,.98), rgba(9,12,20,.98)) !important;
  box-shadow: 0 24px 58px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.pn-top-userbar.is-profile-open .pn-profile-menu {
  display: block !important;
}

.pn-profile-menu-item {
  width: 100% !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #dbe6f2 !important;
  font: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .16s ease, color .16s ease, transform .16s ease !important;
}

.pn-profile-menu-item:hover {
  background: rgba(35,184,255,.10) !important;
  color: #ffffff !important;
  transform: translateX(2px) !important;
}

.pn-profile-menu-item.is-notify {
  color: #ffd56a !important;
}

.pn-top-userbar.has-notifications .pn-profile-menu-item.is-notify {
  background: rgba(255,195,56,.10) !important;
}

.pn-profile-menu-item.is-exit {
  color: #ff6b74 !important;
}

.pn-profile-menu-ico {
  width: 20px !important;
  flex: 0 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  filter: saturate(.92) !important;
}

.pn-profile-menu-count {
  margin-left: auto !important;
  min-width: 24px !important;
  height: 20px !important;
  padding: 0 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ff5368, #d91f3a) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.pn-profile-menu-count.is-empty {
  background: linear-gradient(135deg, #24c77c, #0b8c54) !important;
}

.pn-profile-menu-count.is-hot {
  background: linear-gradient(135deg, #ff5368, #d91f3a) !important;
}

.pn-profile-menu-divider {
  height: 1px !important;
  margin: 6px 2px !important;
  background: rgba(255,255,255,.08) !important;
}

@media (max-width: 1100px) {
  .pn-top-balance {
    min-width: 104px !important;
  }

  .pn-top-avatar-toggle {
    width: 70px !important;
    min-width: 70px !important;
  }
}

                                                                                    
@media (min-width: 901px) {
  :root {
    --pn-main-stable-width: 1395px;
  }

  html body .content_area,
  html body .content_area.chat-open,
  html body.chat-open .content_area,
  html body.pn-sidebar-collapsed .content_area,
  html body.pn-sidebar-collapsed .content_area.chat-open {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }

  html body .content_area > .content_wrapper,
  html body .content_area.chat-open > .content_wrapper,
  html body.chat-open .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area.chat-open > .content_wrapper {
    width: min(100%, var(--pn-main-stable-width)) !important;
    max-width: var(--pn-main-stable-width) !important;
    flex: 0 1 var(--pn-main-stable-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

                                               
@media (min-width: 901px) {
  :root {
    --pn-main-stable-width: 1588px;
    --pn-page-edge-gap: 10px;
  }

  

  html body .content_area,
  html body .content_area.chat-open,
  html body.chat-open .content_area,
  html body.pn-sidebar-collapsed .content_area,
  html body.pn-sidebar-collapsed .content_area.chat-open {
    display: block !important;
    margin-left: var(--pn-quick-rail-width) !important;
    width: calc(100vw - var(--pn-quick-rail-width)) !important;
    max-width: calc(100vw - var(--pn-quick-rail-width)) !important;
    padding-left: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body .content_area > .content_wrapper,
  html body .content_area.chat-open > .content_wrapper,
  html body.chat-open .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area.chat-open > .content_wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 18px 10px 18px var(--pn-page-edge-gap) !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body .content_area .main_content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }

  html body .main_content > .monitoring-card-home-shell,
  html body .main_content > .mon-container,
  html body .main_content > .banner_top,
  html body .main_content > .pn-home-live-row,
  html body .main_content > .shop_cards,
  html body .main_content > #new_news,
  html body .main_content > #site_stats {
    width: min(100%, var(--pn-main-stable-width)) !important;
    max-width: var(--pn-main-stable-width) !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  
}

                                                                                                           
@media (min-width: 769px) {
  

  

  

  

  

  
}

@media (max-width: 768px) {
  

  
}

                                                                                    














@media (max-width: 768px) {
  

  
}

                                                                           














@media (max-width: 768px) {
  

  
}

                                                                                                  














@media (max-width: 768px) {
  

  
}

                                                                                          
@media (min-width: 901px) {
  

  

  

  html body .content_area > .content_wrapper,
  html body .content_area.chat-open > .content_wrapper,
  html body.chat-open .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area.chat-open > .content_wrapper {
    width: min(100%, var(--pn-main-stable-width)) !important;
    max-width: var(--pn-main-stable-width) !important;
    flex: 0 0 min(100%, var(--pn-main-stable-width)) !important;
    margin-left: var(--pn-content-left-gutter) !important;
    margin-right: auto !important;
    padding: 18px 10px 18px 10px !important;
    overflow-x: visible !important;
    box-sizing: border-box !important;
  }

  

  
}

                                         
.pn-sidebar-head .pn-sidebar-toggle {
  position: relative !important;
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 28px !important;
  min-width: 48px !important;
  padding: 3px !important;
  border-radius: 999px !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  border: 1px solid rgba(35,184,255,.28) !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(35,184,255,.24), transparent 34%),
    linear-gradient(180deg, rgba(10,47,68,.86), rgba(7,20,32,.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.20) !important;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.pn-sidebar-head .pn-sidebar-toggle svg {
  display: none !important;
}

.pn-sidebar-head .pn-sidebar-toggle::before {
  content: "" !important;
  position: relative !important;
  z-index: 2 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #62d9ff, #168fc4) !important;
  box-shadow: 0 0 16px rgba(35,184,255,.38), inset 0 1px 0 rgba(255,255,255,.30) !important;
  transform: translateX(0) !important;
  transition: transform .22s cubic-bezier(.2,.8,.2,1), background .18s ease, box-shadow .18s ease !important;
}

.pn-sidebar-head .pn-sidebar-toggle::after {
  content: "" !important;
  position: absolute !important;
  inset: 6px 8px auto auto !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: rgba(146,170,192,.24) !important;
  box-shadow: -14px 0 0 rgba(35,184,255,.16) !important;
}

.pn-sidebar-head .pn-sidebar-toggle:hover {
  border-color: rgba(35,184,255,.50) !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(35,184,255,.34), transparent 36%),
    linear-gradient(180deg, rgba(13,60,84,.94), rgba(8,24,38,.96)) !important;
}

body.pn-sidebar-collapsed .pn-sidebar-head .pn-sidebar-toggle {
  border-color: rgba(116,141,164,.30) !important;
  background:
    radial-gradient(circle at 82% 50%, rgba(35,184,255,.18), transparent 34%),
    linear-gradient(180deg, rgba(18,27,39,.92), rgba(8,12,20,.94)) !important;
}

body.pn-sidebar-collapsed .pn-sidebar-head .pn-sidebar-toggle::before {
  transform: translateX(20px) !important;
  background: linear-gradient(135deg, #d5e0eb, #8293a6) !important;
  box-shadow: 0 0 12px rgba(154,178,202,.25), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

                                                                                 
.pn-sidebar-head {
  min-height: 46px !important;
  margin: 10px 12px 12px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(35,184,255,.12) !important;
  background:
    linear-gradient(90deg, rgba(14,25,37,.86), rgba(7,18,28,.62)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.pn-sidebar-head .pn-sidebar-toggle {
  flex-basis: 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 24px !important;
  padding: 2px !important;
  border-color: rgba(92,124,151,.26) !important;
  background: linear-gradient(180deg, rgba(14,29,43,.94), rgba(7,14,23,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(0,0,0,.22) !important;
}

.pn-sidebar-head .pn-sidebar-toggle::before {
  width: 18px !important;
  height: 18px !important;
  background:
    linear-gradient(180deg, rgba(45,96,125,.98), rgba(16,45,68,.98)) !important;
  border: 1px solid rgba(96,207,255,.42) !important;
  box-shadow: 0 0 9px rgba(35,184,255,.18), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.pn-sidebar-head .pn-sidebar-toggle::after {
  inset: 50% 8px auto auto !important;
  width: 12px !important;
  height: 2px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  background: rgba(137,159,181,.36) !important;
  box-shadow: 0 5px 0 rgba(137,159,181,.22), 0 -5px 0 rgba(35,184,255,.16) !important;
}

.pn-sidebar-head .pn-sidebar-toggle:hover {
  border-color: rgba(35,184,255,.36) !important;
  background: linear-gradient(180deg, rgba(17,40,58,.98), rgba(8,18,30,.98)) !important;
}

body.pn-sidebar-collapsed .pn-sidebar-head {
  margin-left: 10px !important;
  margin-right: 10px !important;
  padding: 0 !important;
}

body.pn-sidebar-collapsed .pn-sidebar-head .pn-sidebar-toggle {
  border-color: rgba(35,184,255,.22) !important;
  background: linear-gradient(180deg, rgba(14,29,43,.94), rgba(7,14,23,.96)) !important;
}

body.pn-sidebar-collapsed .pn-sidebar-head .pn-sidebar-toggle::before {
  transform: translateX(20px) !important;
  background:
    linear-gradient(180deg, rgba(126,148,170,.98), rgba(61,75,91,.98)) !important;
  border-color: rgba(205,220,234,.30) !important;
  box-shadow: 0 0 8px rgba(154,178,202,.14), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

body.pn-sidebar-collapsed .pn-sidebar-head .pn-sidebar-toggle::after {
  inset: 50% auto auto 8px !important;
}

                               
.pn-top-userbar {
  gap: 7px !important;
  align-items: center !important;
}

.pn-top-balance {
  min-width: 138px !important;
  height: 44px !important;
  padding: 0 6px 0 9px !important;
  gap: 7px !important;
  justify-content: flex-start !important;
  border-radius: 14px !important;
  border-color: rgba(35,184,255,.22) !important;
  color: #d9f4ff !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(35,184,255,.14), transparent 44%),
    linear-gradient(180deg, rgba(12,31,47,.96), rgba(7,15,25,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 22px rgba(0,0,0,.22) !important;
}

.pn-top-balance::before {
  content: "₽" !important;
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  color: #8ce7ff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  background: rgba(35,184,255,.10) !important;
  border: 1px solid rgba(35,184,255,.20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.pn-top-balance-value,
.pn-top-purse .pn-top-balance-value {
  flex: 1 1 auto !important;
  color: #cfeaf7 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

.pn-top-balance-plus {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  border-radius: 8px !important;
  color: #061421 !important;
  font-size: 17px !important;
  background: linear-gradient(135deg, #66ddff, #1b9bdb) !important;
  box-shadow: 0 8px 16px rgba(27,155,219,.24), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.pn-top-balance:hover {
  border-color: rgba(35,184,255,.38) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(35,184,255,.20), transparent 44%),
    linear-gradient(180deg, rgba(13,39,58,.98), rgba(8,19,31,.98)) !important;
}

.pn-top-balance:hover .pn-top-balance-plus {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 20px rgba(27,155,219,.32), inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.pn-top-notify,
.pn-top-avatar-toggle {
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 14px !important;
}

.pn-top-notify {
  width: 44px !important;
  flex-basis: 44px !important;
}

.pn-top-avatar-toggle {
  width: 62px !important;
  min-width: 62px !important;
  padding: 3px 8px 3px 4px !important;
}

.pn-avatar-wrap {
  width: 36px !important;
  height: 36px !important;
  flex-basis: 36px !important;
}

                                        
:root {
  --pn-quick-rail-width: 92px;
}

.pn-top-menu-wrap {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 2720 !important;
  transform: translate(-50%, -50%) !important;
}

.pn-top-menu-toggle {
  height: 40px !important;
  min-width: 112px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 15px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(118, 123, 255, .48) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(35, 184, 255, .16), transparent 42%),
    linear-gradient(180deg, rgba(22, 28, 58, .96), rgba(9, 15, 34, .98)) !important;
  color: #e5eef8 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 12px 28px rgba(0, 0, 0, .26) !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

.pn-top-menu-toggle svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

.pn-top-menu-chevron {
  width: 14px !important;
  height: 14px !important;
  flex-basis: 14px !important;
  transition: transform .18s ease !important;
}

.pn-top-menu-toggle:hover,
body.pn-full-menu-open .pn-top-menu-toggle {
  border-color: rgba(35, 184, 255, .55) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(35, 184, 255, .23), transparent 44%),
    linear-gradient(180deg, rgba(18, 48, 73, .98), rgba(8, 18, 32, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 32px rgba(0, 0, 0, .30) !important;
}

body.pn-full-menu-open .pn-top-menu-chevron {
  transform: rotate(180deg) !important;
}

.pn-static-rail {
  display: none !important;
}

@media (min-width: 769px) {
  html body .left_menu,
  html body.pn-sidebar-collapsed .left_menu {
    top: var(--pn-layout-topbar) !important;
    left: 0 !important;
    width: var(--pn-quick-rail-width) !important;
    min-width: var(--pn-quick-rail-width) !important;
    max-width: var(--pn-quick-rail-width) !important;
    height: calc(100vh - var(--pn-layout-topbar)) !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 2100 !important;
    border-right: 1px solid rgba(35, 184, 255, .12) !important;
    background:
      linear-gradient(180deg, rgba(8, 14, 22, .98), rgba(5, 9, 15, .98)) !important;
  }

  html body .left_menu::before,
  html body .left_menu::after {
    display: none !important;
  }

  .left_menu > .sidebar-profile,
  .left_menu > .sidebar-profile-register,
  .left_menu > .pn-sidebar-head,
  .left_menu > .dop-btns,
  .left_menu > .social_btn {
    display: none !important;
  }

  .left_menu > .menu_btn {
    display: none !important;
  }

  .pn-static-rail {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 11px !important;
    padding: 18px 8px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(35, 184, 255, .35) transparent !important;
  }

  .pn-rail-link {
    width: 74px !important;
    min-height: 72px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 8px 5px !important;
    border-radius: 14px !important;
    color: #d7e3ef !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
  }

  .pn-rail-link svg {
    width: 23px !important;
    height: 23px !important;
    flex: 0 0 23px !important;
    color: #8e9caf !important;
    transition: color .18s ease, transform .18s ease !important;
  }

  .pn-rail-link:hover,
  .pn-rail-link.active {
    color: #ffffff !important;
    border-color: rgba(118, 123, 255, .28) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(118, 123, 255, .22), transparent 48%),
      linear-gradient(180deg, rgba(31, 34, 76, .92), rgba(17, 22, 45, .94)) !important;
    transform: translateY(-1px) !important;
  }

  .pn-rail-link:hover svg,
  .pn-rail-link.active svg {
    color: #eef4ff !important;
    transform: translateY(-1px) !important;
  }

  

  body.pn-full-menu-open .left_menu > .menu_btn {
    position: fixed !important;
    top: calc(var(--pn-layout-topbar) + 12px) !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 3000 !important;
    width: min(840px, calc(100vw - var(--pn-quick-rail-width) - 64px)) !important;
    max-height: calc(100vh - var(--pn-layout-topbar) - 28px) !important;
    display: block !important;
    padding: 16px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(35, 184, 255, .20) !important;
    transform: translateX(-50%) !important;
    overflow: auto !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(35, 184, 255, .15), transparent 46%),
      linear-gradient(180deg, rgba(11, 23, 35, .98), rgba(6, 11, 19, .98)) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .055) !important;
  }

  body.pn-full-menu-open .left_menu .collapsible-menu {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.pn-full-menu-open .left_menu .collapsible-menu li {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.pn-full-menu-open .left_menu .collapsible-menu a {
    width: 100% !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, .065) !important;
    background: rgba(255, 255, 255, .035) !important;
    color: #dce8f5 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    overflow: hidden !important;
  }

  body.pn-full-menu-open .left_menu .collapsible-menu a:hover,
  body.pn-full-menu-open .left_menu .collapsible-menu a.active {
    border-color: rgba(35, 184, 255, .30) !important;
    background: rgba(35, 184, 255, .095) !important;
    color: #ffffff !important;
  }

  body.pn-full-menu-open .left_menu .collapsible-menu a svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    color: #67d8ff !important;
  }

  body.pn-full-menu-open .left_menu .menu-title,
  body.pn-sidebar-collapsed.pn-full-menu-open .left_menu .menu-title {
    display: inline !important;
    width: auto !important;
    max-width: none !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 900px) {
  .pn-top-menu-wrap {
    left: 50% !important;
  }

  .pn-top-menu-toggle {
    min-width: 96px !important;
    height: 36px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 768px) {
  :root {
    --pn-quick-rail-width: 82px;
  }

  html body .left_menu,
  html body.pn-sidebar-collapsed .left_menu {
    top: var(--pn-layout-topbar) !important;
    width: var(--pn-quick-rail-width) !important;
    min-width: var(--pn-quick-rail-width) !important;
    max-width: var(--pn-quick-rail-width) !important;
    height: calc(100dvh - var(--pn-layout-topbar)) !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .pn-static-rail {
    display: flex !important;
    gap: 8px !important;
    padding: 12px 6px !important;
  }

  .pn-rail-link {
    width: 68px !important;
    min-height: 64px !important;
    font-size: 11px !important;
  }

  .pn-rail-link svg {
    width: 21px !important;
    height: 21px !important;
  }

  html body .content_area,
  html body .content_area.chat-open,
  html body.chat-open .content_area,
  html body.pn-sidebar-collapsed .content_area,
  html body.pn-sidebar-collapsed .content_area.chat-open {
    margin-left: var(--pn-quick-rail-width) !important;
    width: calc(100vw - var(--pn-quick-rail-width)) !important;
    max-width: calc(100vw - var(--pn-quick-rail-width)) !important;
    min-width: 0 !important;
  }

  body.pn-full-menu-open .left_menu > .menu_btn {
    position: fixed !important;
    top: calc(var(--pn-layout-topbar) + 8px) !important;
    left: calc(var(--pn-quick-rail-width) + 8px) !important;
    right: 8px !important;
    bottom: auto !important;
    z-index: 3000 !important;
    width: auto !important;
    max-height: calc(100dvh - var(--pn-layout-topbar) - 16px) !important;
    display: block !important;
    padding: 12px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(35, 184, 255, .20) !important;
    transform: none !important;
    overflow: auto !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(35, 184, 255, .15), transparent 46%),
      linear-gradient(180deg, rgba(11, 23, 35, .98), rgba(6, 11, 19, .98)) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .055) !important;
  }

  body.pn-full-menu-open .left_menu .collapsible-menu {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.pn-full-menu-open .left_menu .collapsible-menu a {
    height: 52px !important;
  }
}

html body .left_menu,
html body.pn-sidebar-collapsed .left_menu {
  max-height: none !important;
}

@media (max-width: 768px) {
  .left_menu > .sidebar-profile,
  .left_menu > .sidebar-profile-register,
  .left_menu > .pn-sidebar-head,
  .left_menu > .dop-btns,
  .left_menu > .social_btn {
    display: none !important;
  }

  .left_menu > .menu_btn {
    display: none !important;
  }

  body.pn-full-menu-open .left_menu > .menu_btn {
    display: block !important;
  }
}

                                                                         
.pn-top-menu-panel {
  display: none !important;
}

@keyframes pnMenuDrop {
  from {
    opacity: 0;
    transform: translate(-50%, -8px);
  }

  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

body.pn-full-menu-open .pn-top-menu-panel {
  position: fixed !important;
  top: calc(var(--pn-layout-topbar) + 10px) !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 3200 !important;
  width: min(760px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - var(--pn-layout-topbar) - 24px) !important;
  display: block !important;
  padding: 14px !important;
  margin: 0 !important;
  border-radius: 18px !important;
  border: 1px solid rgba(35, 184, 255, .22) !important;
  overflow: auto !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(35, 184, 255, .16), transparent 42%),
    linear-gradient(180deg, rgba(11, 23, 35, .98), rgba(6, 11, 19, .98)) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  transform: translate(-50%, 0) !important;
  animation: pnMenuDrop .16s ease both !important;
}

body.pn-full-menu-open .pn-top-menu-panel::before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  left: 50% !important;
  width: 14px !important;
  height: 14px !important;
  border-left: 1px solid rgba(35, 184, 255, .22) !important;
  border-top: 1px solid rgba(35, 184, 255, .22) !important;
  background: rgba(11, 23, 35, .98) !important;
  transform: translateX(-50%) rotate(45deg) !important;
}

body.pn-full-menu-open .pn-top-menu-panel .collapsible-menu {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.pn-full-menu-open .pn-top-menu-panel .collapsible-menu li {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  flex: none !important;
}

body.pn-full-menu-open .pn-top-menu-panel .collapsible-menu a {
  width: 100% !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  background: rgba(255, 255, 255, .035) !important;
  color: #dce8f5 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
}

body.pn-full-menu-open .pn-top-menu-panel .collapsible-menu a:hover,
body.pn-full-menu-open .pn-top-menu-panel .collapsible-menu a.active {
  border-color: rgba(35, 184, 255, .32) !important;
  background: rgba(35, 184, 255, .10) !important;
  color: #ffffff !important;
}

body.pn-full-menu-open .pn-top-menu-panel .collapsible-menu a svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  color: #67d8ff !important;
}

body.pn-full-menu-open .pn-top-menu-panel .menu-title,
body.pn-sidebar-collapsed.pn-full-menu-open .pn-top-menu-panel .menu-title {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  opacity: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (min-width: 901px) {
  :root {
    --pn-main-stable-width: 1560px;
    --pn-content-left-gutter: clamp(18px, 2.3vw, 54px);
  }

  html body .content_area,
  html body .content_area.chat-open,
  html body.chat-open .content_area,
  html body.pn-sidebar-collapsed .content_area,
  html body.pn-sidebar-collapsed .content_area.chat-open {
    justify-content: flex-start !important;
  }

  html body .content_area > .content_wrapper,
  html body .content_area.chat-open > .content_wrapper,
  html body.chat-open .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area.chat-open > .content_wrapper {
    width: min(calc(100% - var(--pn-content-left-gutter)), var(--pn-main-stable-width)) !important;
    max-width: min(calc(100% - var(--pn-content-left-gutter)), var(--pn-main-stable-width)) !important;
    margin-left: var(--pn-content-left-gutter) !important;
    margin-right: auto !important;
  }
}

@media (max-width: 768px) {
  body.pn-full-menu-open .pn-top-menu-panel {
    top: calc(var(--pn-layout-topbar) + 8px) !important;
    left: calc(var(--pn-quick-rail-width) + 8px) !important;
    right: 8px !important;
    width: auto !important;
    max-height: calc(100dvh - var(--pn-layout-topbar) - 16px) !important;
    transform: translate(0, 0) !important;
    animation: none !important;
  }

  body.pn-full-menu-open .pn-top-menu-panel::before {
    display: none !important;
  }

  body.pn-full-menu-open .pn-top-menu-panel .collapsible-menu {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}

                                                        
body.pn-full-menu-open .pn-top-menu-panel {
  top: calc(var(--pn-layout-topbar) + 12px) !important;
  left: 50% !important;
  right: auto !important;
  width: min(1690px, calc(100vw - 48px)) !important;
  max-height: calc(100dvh - var(--pn-layout-topbar) - 28px) !important;
  padding: 20px 24px !important;
  border-radius: 22px !important;
  transform: translateX(-50%) !important;
  overflow: auto !important;
}

body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid + .collapsible-menu {
  display: none !important;
}

body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(210px, 1fr)) !important;
  gap: 28px !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section {
  min-width: 0 !important;
}

body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section h3 {
  height: 48px !important;
  margin: 0 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  border: 1px solid rgba(120, 150, 255, .10) !important;
  background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(78, 91, 178, .44)) !important;
  color: #e7edf8 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card {
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 13px !important;
  margin: 0 0 10px !important;
  padding: 10px 14px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(255,255,255,.055) !important;
  color: #f0f5fb !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(35, 184, 255, .34) !important;
  background: rgba(35, 184, 255, .11) !important;
}

body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card i {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f6f9ff !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card b,
body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card small {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card b {
  color: #f4f7fd !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}

body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card small {
  margin-top: 3px !important;
  color: #93a4b7 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
}

.pn-site-topbar #number_max,
body.pn-sidebar-collapsed .pn-site-topbar #number_max {
  width: auto !important;
  min-width: 0 !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(119, 126, 255, .30) !important;
  background: linear-gradient(90deg, rgba(37, 38, 92, .92), rgba(31, 34, 76, .92)) !important;
  color: #8f99ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 24px rgba(4, 10, 20, .22), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.pn-site-topbar #number_max::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #6f75ff !important;
  box-shadow: 0 0 12px rgba(111, 117, 255, .78) !important;
}

.pn-site-topbar #number_max::after {
  content: "на серверах" !important;
}

.pn-site-topbar #number_max div,
.pn-site-topbar #number_max span {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  box-shadow: none !important;
}

@media (max-width: 1500px) {
  body.pn-full-menu-open .pn-top-menu-panel {
    width: min(1180px, calc(100vw - 40px)) !important;
  }

  body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section h3 {
    height: 42px !important;
    font-size: 17px !important;
  }
}

@media (max-width: 768px) {
  body.pn-full-menu-open .pn-top-menu-panel {
    top: calc(var(--pn-layout-topbar) + 8px) !important;
    left: calc(var(--pn-quick-rail-width) + 8px) !important;
    right: 8px !important;
    width: auto !important;
    transform: none !important;
  }

  body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
    grid-template-columns: 1fr !important;
  }
}

                                  
@media (min-width: 769px) {
  :root {
    --pn-quick-rail-width: 176px;
  }

  html body .left_menu,
  html body.pn-sidebar-collapsed .left_menu {
    top: var(--pn-layout-topbar) !important;
    left: 0 !important;
    width: var(--pn-quick-rail-width) !important;
    min-width: var(--pn-quick-rail-width) !important;
    max-width: var(--pn-quick-rail-width) !important;
    height: calc(100vh - var(--pn-layout-topbar)) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 14px 9px 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background:
      radial-gradient(circle at 80% 0%, rgba(35, 184, 255, .10), transparent 36%),
      linear-gradient(180deg, rgba(9, 18, 29, .98), rgba(4, 9, 15, .99)) !important;
    border-right: 1px solid rgba(35, 184, 255, .13) !important;
    box-shadow: 14px 0 34px rgba(0, 0, 0, .18) !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(35, 184, 255, .35) transparent !important;
  }

  .left_menu > .sidebar-profile,
  .left_menu > .sidebar-profile-register,
  .left_menu > .pn-sidebar-head,
  .left_menu > .dop-btns,
  .left_menu > .menu_btn {
    display: none !important;
  }

  .left_menu > .pn-static-rail {
    height: auto !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .left_menu .pn-rail-link {
    width: 100% !important;
    min-height: 41px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #c6d2df !important;
    text-align: left !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    box-sizing: border-box !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
  }

  .left_menu .pn-rail-link svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    color: #8fa0b4 !important;
  }

  .left_menu .pn-rail-link span {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .left_menu .pn-rail-link:hover,
  .left_menu .pn-rail-link.active {
    color: #ffffff !important;
    border-color: rgba(35, 184, 255, .20) !important;
    background:
      linear-gradient(90deg, rgba(35, 184, 255, .20), rgba(11, 28, 44, .48)) !important;
    transform: translateX(1px) !important;
  }

  .left_menu .pn-rail-link:hover svg,
  .left_menu .pn-rail-link.active svg {
    color: #46c9ff !important;
  }

  .left_menu .pn-rail-link.active::after {
    content: "" !important;
    width: 5px !important;
    height: 8px !important;
    margin-left: auto !important;
    border-radius: 999px !important;
    background: #26c8ff !important;
    box-shadow: 0 0 14px rgba(38, 200, 255, .72) !important;
  }

  .left_menu > .pn-sidebar-promo {
    position: relative !important;
    min-height: 190px !important;
    display: block !important;
    flex: 0 0 auto !important;
    margin: 18px 0 0 !important;
    padding: 14px 12px 12px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    border: 1px solid rgba(35, 184, 255, .13) !important;
    background:
      radial-gradient(circle at 66% 72%, rgba(35, 184, 255, .18), transparent 45%),
      linear-gradient(180deg, rgba(11, 26, 40, .90), rgba(6, 13, 22, .96)) !important;
    color: #dbe8f4 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  .pn-sidebar-promo-kicker,
  .pn-sidebar-promo strong,
  .pn-sidebar-promo small,
  .pn-sidebar-promo em {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
  }

  .pn-sidebar-promo-kicker {
    color: #45cfff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .pn-sidebar-promo strong {
    margin-top: 4px !important;
    color: #50d4ff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .pn-sidebar-promo small {
    max-width: 104px !important;
    margin-top: 9px !important;
    color: #9fafc0 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }

  .pn-sidebar-promo img {
    position: absolute !important;
    right: -25px !important;
    bottom: 34px !important;
    z-index: 1 !important;
    width: 138px !important;
    height: 108px !important;
    object-fit: contain !important;
    opacity: .92 !important;
    filter: saturate(1.06) drop-shadow(0 12px 18px rgba(0,0,0,.42)) !important;
  }

  .pn-sidebar-promo em {
    width: 100% !important;
    height: 34px !important;
    margin-top: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    background: rgba(255,255,255,.045) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 900 !important;
  }

  .left_menu > .pn-sidebar-status {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 17px 0 0 !important;
    padding: 0 10px !important;
  }

  .pn-sidebar-status span {
    display: block !important;
    color: #c5d2df !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  .pn-sidebar-status b {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-top: 6px !important;
    color: #55f394 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  .pn-sidebar-status i {
    width: 6px !important;
    height: 6px !important;
    display: inline-block !important;
    border-radius: 50% !important;
    background: #47ef88 !important;
    box-shadow: 0 0 12px rgba(71, 239, 136, .78) !important;
  }

  .left_menu > .social_btn {
    height: auto !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .left_menu > .social_btn a {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(255,255,255,.045) !important;
    color: #9fb1c2 !important;
  }

  .left_menu > .social_btn svg {
    width: 18px !important;
    height: 18px !important;
  }

  html body .content_area,
  html body .content_area.chat-open,
  html body.chat-open .content_area,
  html body.pn-sidebar-collapsed .content_area,
  html body.pn-sidebar-collapsed .content_area.chat-open {
    margin-left: var(--pn-quick-rail-width) !important;
    width: calc(100vw - var(--pn-quick-rail-width)) !important;
    max-width: calc(100vw - var(--pn-quick-rail-width)) !important;
  }
}

@media (max-height: 820px) and (min-width: 769px) {
  .left_menu .pn-rail-link {
    min-height: 36px !important;
  }

  .left_menu > .pn-sidebar-promo {
    min-height: 164px !important;
    margin-top: 12px !important;
  }

  .pn-sidebar-promo img {
    width: 118px !important;
    height: 90px !important;
    bottom: 30px !important;
  }

  .pn-sidebar-promo em {
    height: 30px !important;
    margin-top: 52px !important;
  }

  .left_menu > .pn-sidebar-status,
  .left_menu > .social_btn {
    margin-top: 12px !important;
  }
}

                                                          
@media (min-width: 901px) {
  :root {
    --pn-main-stable-width: 1660px;
    --pn-content-left-gutter: 12px;
  }

  html body .content_area,
  html body .content_area.chat-open,
  html body.chat-open .content_area,
  html body.pn-sidebar-collapsed .content_area,
  html body.pn-sidebar-collapsed .content_area.chat-open {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-left: var(--pn-quick-rail-width) !important;
    width: calc(100vw - var(--pn-quick-rail-width)) !important;
    max-width: calc(100vw - var(--pn-quick-rail-width)) !important;
  }

  html body .content_area > .content_wrapper,
  html body .content_area.chat-open > .content_wrapper,
  html body.chat-open .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area.chat-open > .content_wrapper {
    width: min(calc(100% - 24px), var(--pn-main-stable-width)) !important;
    max-width: min(calc(100% - 24px), var(--pn-main-stable-width)) !important;
    flex: 0 1 var(--pn-main-stable-width) !important;
    margin-left: var(--pn-content-left-gutter) !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

                                                                                          
@media (min-width: 901px) {
  :root {
    --pn-main-stable-width: 1395px;
    --pn-content-left-gutter: 18px;
  }

  html body .left_menu > .pn-sidebar-status {
    display: none !important;
  }

  html body .content_area,
  html body .content_area.chat-open,
  html body.chat-open .content_area,
  html body.pn-sidebar-collapsed .content_area,
  html body.pn-sidebar-collapsed .content_area.chat-open {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-left: var(--pn-quick-rail-width) !important;
    width: calc(100vw - var(--pn-quick-rail-width)) !important;
    max-width: calc(100vw - var(--pn-quick-rail-width)) !important;
    padding-left: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body .content_area > .content_wrapper,
  html body .content_area.chat-open > .content_wrapper,
  html body.chat-open .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area > .content_wrapper,
  html body.pn-sidebar-collapsed .content_area.chat-open > .content_wrapper {
    width: min(100%, var(--pn-main-stable-width)) !important;
    max-width: var(--pn-main-stable-width) !important;
    flex: 0 0 min(100%, var(--pn-main-stable-width)) !important;
    margin-left: var(--pn-content-left-gutter) !important;
    margin-right: auto !important;
    padding: 18px 10px !important;
    overflow-x: visible !important;
    box-sizing: border-box !important;
  }

  html body .content_area .main_content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }

  html body .main_content > .monitoring-card-home-shell,
  html body .main_content > .mon-container,
  html body .main_content > .banner_top,
  html body .main_content > .pn-home-live-row,
  html body .main_content > .shop_cards,
  html body .main_content > #new_news,
  html body .main_content > #site_stats {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body .main_content > .banner_top {
    gap: 16px !important;
  }
}

                                                                                     
@media (min-width: 769px) {
  html body .left_menu > .dop-btns,
  html body.pn-sidebar-collapsed .left_menu > .dop-btns {
    width: 100% !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: auto 0 0 !important;
    padding: 16px 8px 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body .left_menu > .dop-btns .dop-btn,
  html body.pn-sidebar-collapsed .left_menu > .dop-btns .dop-btn {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    border: 1px solid rgba(160, 190, 220, .11) !important;
    background: rgba(255, 255, 255, .035) !important;
    color: #c9d5e8 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 24px rgba(0,0,0,.16) !important;
    transform: none !important;
  }

  html body .left_menu > .dop-btns .dop-btn svg,
  html body.pn-sidebar-collapsed .left_menu > .dop-btns .dop-btn svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 18px !important;
    color: #8fa0b4 !important;
  }

  html body .left_menu > .dop-btns .dop-btn:hover,
  html body.pn-sidebar-collapsed .left_menu > .dop-btns .dop-btn:hover,
  html body .left_menu > .dop-btns .dop-btn.admin:hover,
  html body.pn-sidebar-collapsed .left_menu > .dop-btns .dop-btn.admin:hover {
    border-color: rgba(35, 184, 255, .24) !important;
    background: rgba(35, 184, 255, .075) !important;
    color: #ffffff !important;
  }

  html body .left_menu > .dop-btns .dop-btn:hover svg,
  html body.pn-sidebar-collapsed .left_menu > .dop-btns .dop-btn:hover svg {
    color: #46c9ff !important;
  }

  html body .left_menu > .social_btn {
    margin-top: 12px !important;
  }
}

@media (max-width: 768px) {
  html body .left_menu > .dop-btns {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 12px 12px 8px !important;
    overflow: visible !important;
  }

  html body .left_menu > .dop-btns .dop-btn {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    border-radius: 12px !important;
  }
}

                                                                                   
.chat_sidebar {
  right: 0 !important;
  transform: translate3d(100%, 0, 0) !important;
  transition: transform .24s cubic-bezier(.22, .61, .36, 1), box-shadow .24s ease !important;
  will-change: transform !important;
  backface-visibility: hidden !important;
  contain: layout paint !important;
}

.chat_sidebar.active {
  right: 0 !important;
  transform: translate3d(0, 0, 0) !important;
}

.chat_wrapper {
  pointer-events: none !important;
}

.chat_toggle,
.chat_sidebar {
  pointer-events: auto !important;
}

html body.chat-open .content_area,
html body.chat-open .content_area.chat-open,
html body.chat-open .content_area > .content_wrapper,
html body.chat-open .content_area.chat-open > .content_wrapper,
html body.chat-open #contentArea,
html body.chat-open #contentArea.chat-open {
  margin-right: 0 !important;
  transform: none !important;
  max-height: none !important;
  transition: none !important;
}

html body.chat-open .page_container,
html body.chat-open .page_container.chat-open,
html body.chat-open #pageContainer,
html body.chat-open #pageContainer.chat-open {
  transition: none !important;
}

html body.chat-open .new_container {
  overflow-y: auto !important;
  height: auto !important;
}

@media (max-width: 768px) {
  .chat_sidebar {
    width: 100vw !important;
    max-width: 100vw !important;
    transform: translate3d(100%, 0, 0) !important;
  }

  .chat_sidebar.active {
    transform: translate3d(0, 0, 0) !important;
  }
}

                                                                                          
@media (min-width: 769px) {
  html body .content_wrapper,
  html body .content_area.chat-open .content_wrapper,
  html body.chat-open .content_area .content_wrapper,
  html body.chat-open .content_area.chat-open .content_wrapper,
  html body.chat-open #contentArea .content_wrapper,
  html body.chat-open #contentArea.chat-open .content_wrapper {
    height: auto !important;
    max-height: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-right: 0 !important;
    scrollbar-width: none !important;
  }

  html body .content_wrapper::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }

  html body .new_container,
  html body.chat-open .new_container {
    height: auto !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  html body .chat_sidebar:not(.active),
  html body #chatSidebar:not(.active) {
    overflow: hidden !important;
    scrollbar-width: none !important;
  }

  html body .chat_sidebar:not(.active)::-webkit-scrollbar,
  html body #chatSidebar:not(.active)::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }

  html body .chat_sidebar:not(.active) #chat_messages,
  html body #chatSidebar:not(.active) #chat_messages {
    overflow: hidden !important;
  }

  html body .chat_sidebar.active,
  html body #chatSidebar.active {
    overflow: hidden !important;
  }

  html body .chat_sidebar.active #chat_messages,
  html body #chatSidebar.active #chat_messages {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
  }
}

                                                                        
html body.pn-full-menu-open .pn-top-menu-panel {
  position: fixed !important;
  top: var(--pn-layout-topbar, 70px) !important;
  left: var(--pn-quick-rail-width, 176px) !important;
  right: 0 !important;
  bottom: auto !important;
  width: auto !important;
  max-width: none !important;
  max-height: min(470px, calc(100dvh - var(--pn-layout-topbar, 70px) - 14px)) !important;
  display: block !important;
  padding: 18px 24px 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .045) !important;
  border-bottom: 1px solid rgba(63, 210, 255, .14) !important;
  border-radius: 0 0 18px 18px !important;
  background:
    linear-gradient(180deg, rgba(10, 13, 17, .985), rgba(8, 10, 14, .965)) !important;
  box-shadow: 0 24px 52px rgba(0, 0, 0, .42) !important;
  transform: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  backdrop-filter: blur(14px) !important;
  animation: none !important;
}

html body.pn-full-menu-open .pn-top-menu-panel::before {
  display: none !important;
  content: none !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid + .collapsible-menu {
  display: none !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section {
  min-width: 0 !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section h3 {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(188, 199, 214, .62) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  line-height: 1.1 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section h3::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  border-radius: 50% !important;
  background: #ffd166 !important;
  box-shadow: 0 0 12px rgba(255, 209, 102, .58) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(2) h3::before,
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(2) .pn-menu-card i {
  background-color: rgba(139, 92, 255, .16) !important;
  color: #bda8ff !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(2) h3::before {
  background: #8b5cff !important;
  box-shadow: 0 0 12px rgba(139, 92, 255, .58) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(3) h3::before,
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(3) .pn-menu-card i {
  background-color: rgba(63, 210, 255, .13) !important;
  color: #58d8ff !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(3) h3::before {
  background: #3fd2ff !important;
  box-shadow: 0 0 12px rgba(63, 210, 255, .55) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(4) h3::before,
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(4) .pn-menu-card i {
  background-color: rgba(255, 184, 74, .14) !important;
  color: #ffb84a !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(4) h3::before {
  background: #ff9d3f !important;
  box-shadow: 0 0 12px rgba(255, 157, 63, .52) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(5) h3::before,
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(5) .pn-menu-card i {
  background-color: rgba(47, 229, 138, .13) !important;
  color: #2fe58a !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-section:nth-child(5) h3::before {
  background: #2fe58a !important;
  box-shadow: 0 0 12px rgba(47, 229, 138, .52) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card {
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 8px !important;
  padding: 9px 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, .045) !important;
  background: rgba(255, 255, 255, .038) !important;
  color: #edf3fb !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(63, 210, 255, .22) !important;
  background: rgba(255, 255, 255, .065) !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card i {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(255, 209, 102, .14) !important;
  color: #ffd166 !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card i::before {
  content: "\2022" !important;
  display: block !important;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/stats_server"] i::before { content: "\1F3C6" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/banlist"] i::before { content: "\1F512" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/muts"] i::before { content: "\1F507" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/bans"] i::before { content: "\1F511" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/rules"] i::before { content: "\1F4D8" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/shop_showcase"] i::before { content: "\1F6D2" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/shope"] i::before { content: "\1F451" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/purse"] i::before { content: "\1F4B3" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/buy_key"] i::before { content: "\1F511" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/digital_store"] i::before { content: "\1F381" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/forum"] i::before { content: "\1F4AC" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/users"] i::before { content: "\1F465" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/admins"] i::before { content: "\1F6E1" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/clans"] i::before { content: "\2694" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/news"] i::before { content: "\1F4F0" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/support"] i::before { content: "\1F3A7" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/faq"] i::before { content: "\2753" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href*="discord.gg"] i::before { content: "\1F3AE" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/activity_rewards"] i::before { content: "\1F381" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/battleroyale"] i::before { content: "\1F396" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/cases"] i::before { content: "\1F4E6" !important; }
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card[href="/appadmin"] i::before { content: "\1F4DD" !important; }

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card b,
html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card small {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card b {
  color: rgba(245, 248, 252, .94) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
}

html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-card small {
  margin-top: 3px !important;
  color: rgba(182, 194, 210, .50) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

@media (max-width: 1500px) {
  html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
    grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  html body.pn-full-menu-open .pn-top-menu-panel {
    left: var(--pn-quick-rail-width, 92px) !important;
    right: 0 !important;
  }

  html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
    grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  html body.pn-full-menu-open .pn-top-menu-panel {
    top: var(--pn-layout-topbar, 70px) !important;
    left: 8px !important;
    right: 8px !important;
    max-height: calc(100dvh - var(--pn-layout-topbar, 70px) - 16px) !important;
    padding: 14px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(63, 210, 255, .16) !important;
  }

  html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 520px) {
  html body.pn-full-menu-open .pn-top-menu-panel .pn-menu-grid {
    grid-template-columns: 1fr !important;
  }
}

html body .forum-write-gate {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  max-width: 560px;
  padding: 9px 10px 9px 12px;
  border-radius: 15px;
  border: 1px solid rgba(217, 54, 62, .24);
  background: linear-gradient(135deg, rgba(217, 54, 62, .10), rgba(18, 26, 38, .82));
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

html body .forum-write-gate--card {
  display: flex;
  max-width: none;
  margin: 0;
  padding: 14px;
}

html body .forum-write-gate-icon {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  background: rgba(217, 54, 62, .12);
  border: 1px solid rgba(217, 54, 62, .26);
  color: #ff7b82;
  font-weight: 900;
}

html body .forum-write-gate-copy {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  line-height: 1.2;
}

html body .forum-write-gate-copy strong {
  color: rgba(245, 248, 252, .95);
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.24;
}

html body .forum-write-gate-copy span {
  color: rgba(182, 194, 210, .72);
  font-size: 11px;
  font-weight: 650;
}

html body .forum-write-gate-link {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border: 1px solid rgba(217, 54, 62, .32);
  background: rgba(217, 54, 62, .12);
  color: #ff8a90 !important;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none !important;
  white-space: nowrap;
}

html body .forum-write-gate-link:hover {
  color: #fff !important;
  background: rgba(217, 54, 62, .22);
  border-color: rgba(217, 54, 62, .46);
}

@media (max-width: 900px) {
  html body .page-head-actions .forum-write-gate,
  html body .forum-write-gate--card {
    align-items: stretch;
    flex-direction: column;
    width: 100%;
  }

  html body .forum-write-gate-link {
    width: 100%;
  }
}

                                                                                   
html body textarea.form-textarea,
html body .custom-textarea {
  display: block !important;
  width: 100% !important;
  min-height: 220px !important;
  resize: vertical !important;
  user-select: text !important;
  pointer-events: auto !important;
  caret-color: #f5f8fc !important;
  color: #d8e2ef !important;
  background: rgba(12, 18, 27, .96) !important;
  border: 1px solid rgba(160, 190, 220, .14) !important;
  border-radius: 14px !important;
}

html body textarea.form-textarea:focus,
html body .custom-textarea:focus {
  border-color: rgba(217, 54, 62, .48) !important;
  box-shadow: 0 0 0 3px rgba(217, 54, 62, .10) !important;
  outline: none !important;
}