:root {
  --bg0: #10131a;
  --bg1: #161b26;
  --bg2: #1c2333;
  --bg3: #222a3d;
  --bg4: #28304a;
  --ln: rgba(255, 255, 255, 0.06);
  --ln2: rgba(255, 255, 255, 0.10);
  --bl: #2196f3;
  --bl2: #42a5f5;
  --bl3: #1565c0;
  --bl4: #0d47a1;
  --cy: #00bcd4;
  --glow: rgba(33, 150, 243, 0.18);
  --wh: #eef2fa;
  --mid: #8b9bbf;
  --dim: #4e5f80;
  --gr: #29c27a;
  --rd: #f44336;
  --gd: #ffb300;
  --r: 14px;
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Nunito', sans-serif;
  background: var(--bg0);
  color: var(--wh);
  min-height: 100vh;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.wpost-txt > p img{
 width: 100%;
}

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

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--bl3);
  border-radius: 8px;
}

a {
  text-decoration: none;
  color: inherit;
}

/* ── HEADER ── */
.hdr {
  position: sticky;
  top: 0;
  z-index: 900;
  background: rgba(16, 19, 26, .97);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--ln2);
  box-shadow: 0 2px 20px rgba(0, 0, 0, .5);
}

.hdr-i {
  max-width: 1520px;
  margin: 0 auto;
  padding: 0 28px;
  height: 66px;
  display: flex;
  align-items: center;
  gap: 24px;
}

.logo {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.logo-m {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--bl3), var(--cy));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  box-shadow: 0 0 18px rgba(33, 150, 243, .4);
}

.logo-t {
  font-family: 'Rajdhani', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .5px;
}

.logo-t em {
  color: var(--bl2);
  font-style: normal;
  text-shadow: 0 0 20px rgba(33, 150, 243, .5);
}

.mnav {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 1;
}

.mnav a {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 14px;
  border-radius: 10px;
  color: var(--mid);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .2px;
  transition: color .18s, background .18s;
  white-space: nowrap;
}

.mnav a svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

.mnav a:hover,
.mnav a.on {
  color: var(--bl2);
  background: rgba(33, 150, 243, .1);
}

.hdr-r {
	display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    margin-left: auto;
}

.icb {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--bg2);
  border: 1px solid var(--ln2);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--mid);
  transition: all .18s;
}

.icb:hover {
  border-color: var(--bl);
  color: var(--bl2);
}

.icb svg {
  width: 17px;
  height: 17px;
}

.badge {
  position: absolute;
  top: -4px;
  right: -4px;
  background: var(--rd);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  min-width: 17px;
  height: 17px;
  border-radius: 9px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--bg0);
}

.bal {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  background: rgba(255, 179, 0, .1);
  border: 1px solid rgba(255, 179, 0, .22);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  color: var(--gd);
}

.bal svg {
  width: 14px;
  height: 14px;
}

.pfwrap {
  position: relative;
}

.pfbtn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px 7px 7px;
  background: var(--bg2);
  border: 1px solid var(--ln2);
  border-radius: var(--r);
  cursor: pointer;
  transition: all .18s;
}

.pfbtn:hover {
  border-color: var(--bl);
  background: var(--bg3);
}

.pfava {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: linear-gradient(135deg, #1565c0, #0288d1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  color: #fff;
  border: 2px solid var(--bl);
}

.pfnm {
  font-size: 13px;
  font-weight: 700;
  color: var(--wh);
}

.pfsub {
  font-size: 11px;
  color: var(--bl2);
}

.pfcaret svg {
  width: 12px;
  height: 12px;
  color: var(--dim);
  transition: transform .18s;
}

.pfbtn.active .pfcaret svg {
  transform: rotate(180deg);
}

/* dropdown */
.drop {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 248px;
  background: var(--bg1);
  border: 1px solid var(--ln2);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow), 0 0 24px rgba(33, 150, 243, .12);
  display: none;
  animation: fdown .18s ease;
  z-index: 800;
}

.drop.open {
  display: block;
}

.pfbtn.active {
  border-color: var(--bl);
  background: var(--bg3);
}

@keyframes fdown {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dh {
  padding: 16px;
  background: linear-gradient(135deg, rgba(13, 71, 161, .5), rgba(21, 101, 192, .3));
  border-bottom: 1px solid var(--ln);
  display: flex;
  align-items: center;
  gap: 12px;
}

.dava {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1565c0, #0288d1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  border: 2px solid var(--bl);
}

.dnm {
  font-size: 14px;
  font-weight: 700;
  color: var(--wh);
}

.dbal {
  font-size: 11px;
  color: var(--gd);
  margin-top: 3px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.dadd {
  font-size: 10px;
  color: var(--bl2);
  margin-left: 6px;
}

.dbody {
  padding: 8px;
}

.di {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 10px;
  color: var(--mid);
  font-size: 13px;
  font-weight: 600;
  transition: all .15s;
  cursor: pointer;
}

.di svg {
  width: 16px;
  height: 16px;
  color: var(--bl2);
  flex-shrink: 0;
}

.di:hover {
  background: var(--bg3);
  color: var(--wh);
}

.di.adm {
  color: var(--gd);
}

.di.adm svg {
  color: var(--gd);
}

.di.exit {
  color: var(--rd);
}

.di.exit svg {
  color: var(--rd);
}

.dsep {
  height: 1px;
  background: var(--ln);
  margin: 5px 0;
}

.dbg {
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 20px;
}

.dbg.r {
  background: rgba(244, 67, 54, .18);
  color: var(--rd);
}

.dbg.g {
  background: rgba(41, 194, 122, .18);
  color: var(--gr);
}

/* ── SUB NAV ── */
.snav {
  background: var(--bg1);
  border-bottom: 1px solid var(--ln);
}

.snav-i {
  max-width: 1520px;
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  align-items: center;
  overflow-x: auto;
  gap: 0;
}

.snav-i::-webkit-scrollbar {
  display: none;
}

.sna {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 11px 18px;
  white-space: nowrap;
  color: var(--dim);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .2px;
  border-bottom: 2px solid transparent;
  transition: all .18s;
}

.sna svg {
  width: 14px;
  height: 14px;
}

.sna:hover,
.sna.on {
  color: var(--bl2);
  border-bottom-color: var(--bl);
}

/* ── LAYOUT ── */
.page.index {
  max-width: 1520px;
  margin: 0 auto;
  padding: 30px 28px 11px;
  display: grid;
  grid-template-columns: 380px 1fr 315px;
  gap: 26px;
  align-items: start;
}

/* ── CARD ── */
.card {
  background: var(--bg1);
  border: 1px solid var(--ln2);
  border-radius: 18px;
  overflow: hidden;
}

.card.ov {
  overflow: visible;
}

.ch {
  padding: 18px 22px;
  border-bottom: 1px solid var(--ln);
  display: flex;
  align-items: center;
  gap: 10px;
}

.ch svg {
  width: 17px;
  height: 17px;
  color: var(--bl2);
  flex-shrink: 0;
}

.ct {
  font-family: 'Rajdhani', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .5px;
  flex: 1;
}

.cmore {
  font-size: 12px;
  color: var(--bl);
  font-weight: 600;
}

.cmore:hover {
  color: var(--bl2);
}

/* ── SERVER ── */
.srv {
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(160deg, #131e36, #1b2a4a);
  border: 1px solid rgba(33, 150, 243, .2);
  position: relative;
}

.srv::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--bl4), var(--cy), var(--bl4));
}

.srv-map {
  height: 120px;
  position: relative;
  overflow: hidden;
  background: radial-gradient(ellipse at center, #0d1e3d, #080e1c);
  display: flex;
  align-items: center;
  justify-content: center;
}

.srv-map::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(33, 150, 243, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(33, 150, 243, .06) 1px, transparent 1px);
  background-size: 28px 28px;
}

.srv-map-t {
  font-family: 'Rajdhani', sans-serif;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 3px;
  color: rgba(255, 255, 255, .07);
  position: relative;
  z-index: 1;
}

.srv-st {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(0, 0, 0, .55);
  backdrop-filter: blur(6px);
  border-radius: 20px;
  padding: 4px 10px 4px 8px;
  font-size: 11px;
  font-weight: 700;
}

.don {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gr);
  box-shadow: 0 0 8px var(--gr);
  animation: blink 2s infinite;
}

@keyframes blink {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: .35;
  }
}

.srv-b {
  padding: 20px;
}

.srv-nm {
	font-family: 'Rajdhani', sans-serif;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.srv-mp {
  font-size: 12px;
  color: var(--mid);
  margin-bottom: 16px;
}

.srv-mp span {
  color: var(--bl2);
  font-weight: 700;
}

.pbr {
  margin-bottom: 16px;
}

.pbr-l {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--mid);
  margin-bottom: 7px;
}

.pbr-l strong {
  color: var(--bl2);
}

.pbr-t {
  height: 7px;
  background: rgba(0, 0, 0, .4);
  border-radius: 5px;
  overflow: hidden;
}

.pbr-f {
  height: 100%;
  width: 6.25%;
  background: linear-gradient(90deg, var(--bl3), var(--cy));
  border-radius: 5px;
}

.cbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--bl3), var(--bl));
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .3px;
  transition: all .2s;
  box-shadow: 0 4px 16px rgba(33, 150, 243, .3);
}

.cbtn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 22px rgba(33, 150, 243, .45);
}

.cbtn svg {
  width: 15px;
  height: 15px;
}

.srv-lnks {
  border-top: 1px solid var(--ln);
  padding: 14px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.sln {
  font-size: 11px;
  font-weight: 600;
  color: var(--mid);
  padding: 4px 11px;
  border-radius: 20px;
  border: 1px solid var(--ln2);
  background: var(--bg0);
  transition: all .15s;
}

.sln:hover {
  color: var(--bl2);
  border-color: var(--bl);
  background: rgba(33, 150, 243, .08);
}

/* downloads */
.dlwrap {
  max-height: 340px;
  overflow-y: auto;
  padding: 4px 0;
}

.dlgt {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--bl2);
  padding: 10px 20px 6px;
}

.dltags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0 16px 12px;
}

.dlt {
  font-size: 11.5px;
  color: var(--mid);
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid var(--ln2);
  background: var(--bg0);
  transition: all .15s;
  cursor: pointer;
}

.dlt:hover {
  color: var(--wh);
  background: rgba(33, 150, 243, .1);
  border-color: var(--bl);
}

/* forum */
.fi {
  display: flex;
  gap: 12px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--ln);
  cursor: pointer;
  transition: background .15s;
}

.fi:last-child {
  border-bottom: none;
}

.fi:hover {
  background: var(--bg2);
}

.fava {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  color: #fff;
  border: 2px solid var(--ln2);
}

.finfo {
  flex: 1;
  min-width: 0;
}

.ftitle {
  font-size: 13px;
  font-weight: 700;
  color: var(--wh);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fmeta {
  font-size: 11px;
  color: var(--dim);
  margin-top: 3px;
}

.fmeta span {
  color: var(--bl2);
}

.fcnt {
  font-size: 11px;
  color: var(--dim);
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.fcnt svg {
  width: 12px;
  height: 12px;
}

#servers{
	margin-bottom: 22px;
}

/* ── HERO ── */
.hero {
	border-radius: 18px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(120deg, #0d1628, #1a2d54, #0d1628);
    border: 1px solid rgba(33, 150, 243, .2);
    padding: 34px 38px;
    margin-bottom: 22px;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 50%, rgba(33, 150, 243, .1), transparent 60%);
}

.hero::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--bl2), var(--cy), var(--bl2), transparent);
}

.hero-t {
  font-family: 'Rajdhani', sans-serif;
  font-size: 29px;
  font-weight: 700;
  margin-bottom: 7px;
  position: relative;
}

.hero-t em {
  color: var(--cy);
  font-style: normal;
}

.hero-s {
  font-size: 14px;
  color: var(--mid);
  position: relative;
  margin-bottom: 24px;
}

.hero-bts {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  position: relative;
}

.btp {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 24px;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--bl3), var(--bl));
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(33, 150, 243, .3);
  transition: all .2s;
}

.btp:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(33, 150, 243, .45);
}

.btp svg {
  width: 15px;
  height: 15px;
}

.bts {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 24px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .05);
  border: 1px solid var(--ln2);
  color: var(--mid);
  font-size: 13px;
  font-weight: 700;
  transition: all .2s;
}

.bts:hover {
  border-color: var(--bl);
  color: var(--bl2);
  background: rgba(33, 150, 243, .08);
}

.bts svg {
  width: 15px;
  height: 15px;
}

/* news */
.ni {
  padding: 16px 20px;
  border-bottom: 1px solid var(--ln);
  cursor: pointer;
  transition: background .15s;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.ni:last-child {
  border-bottom: none;
}

.ni:hover {
  background: var(--bg2);
}

.ntag {
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
  padding: 2px 9px;
  border-radius: 4px;
  margin-bottom: 9px;
}

.tu {
  background: rgba(33, 150, 243, .18);
  color: var(--bl2);
}

.te {
  background: rgba(41, 194, 122, .18);
  color: var(--gr);
}

.ta {
  background: rgba(255, 179, 0, .15);
  color: var(--gd);
}

.ntt {
  font-size: 14px;
  font-weight: 700;
  color: var(--wh);
  margin-bottom: 7px;
}

.ntx {
  font-size: 13px;
  color: var(--mid);
  line-height: 1.55;
}

.ndt {
  font-size: 11px;
  color: var(--dim);
  margin-top: 9px;
}

.ni-thumb {
  width: 64px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 9px;
  background: var(--bg2);
  border: 1px solid var(--ln2);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ni-thumb svg {
  width: 24px;
  height: 24px;
  color: var(--dim);
}

.ni-wrap {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}


/* events */
.elist {
  padding: 8px;
}

.ei {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 13px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: all .15s;
  cursor: pointer;
}

.ei:hover {
  background: var(--bg2);
  border-color: var(--ln2);
}

.eava {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 14px;
  color: #fff;
  border: 2px solid var(--ln2);
}

.ebody {
  flex: 1;
  min-width: 0;
}

.euser {
  font-size: 13px;
  font-weight: 700;
  color: var(--bl2);
}

.etxt {
  font-size: 12.5px;
  color: var(--mid);
  line-height: 1.45;
  margin-top: 2px;
}

.etime {
  font-size: 11px;
  color: var(--dim);
  margin-top: 4px;
}

.emore {
  flex-shrink: 0;
  align-self: center;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 10px;
  border: 1px solid var(--ln2);
  color: var(--mid);
  background: var(--bg0);
  cursor: pointer;
  transition: all .15s;
}

.emore:hover {
  color: var(--bl2);
  border-color: var(--bl);
}

/* versions table */
.vt {
  width: 100%;
  border-collapse: collapse;
}

.vt th {
  background: var(--bg0);
  padding: 11px 20px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--dim);
}

.vt td:last-child {
  text-align: right;
}

.vt td {
  padding: 13px 20px;
  font-size: 13px;
  color: var(--mid);
  border-bottom: 1px solid var(--ln);
}

.vt tr:last-child td {
  border-bottom: none;
}

.vt tr:hover td {
  background: var(--bg2);
}

.vt td:first-child {
  color: var(--wh);
  font-weight: 600;
}

.vsz {
  color: var(--bl2);
  font-size: 12px;
}

.vex {
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 5px;
  background: rgba(33, 150, 243, .15);
  color: var(--bl2);
}

.bdet {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 13px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(33, 150, 243, .1);
  border: 1px solid rgba(33, 150, 243, .25);
  color: var(--bl2);
  cursor: pointer;
  transition: all .15s;
}

.bdet:hover {
  background: var(--bl3);
  color: #fff;
  border-color: var(--bl3);
}

/* chat */
.chatmsgs {
  height: 310px;
  overflow-y: auto;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.cmsg {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.cava {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 12px;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, .08);
}

.cwrap {
  flex: 1;
  min-width: 0;
}

.cmeta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
}

.cname {
  font-size: 12.5px;
  font-weight: 700;
}

.ctime {
  font-size: 11px;
  color: var(--dim);
}

.cbbl {
  display: inline-block;
  max-width: 100%;
  background: var(--bg2);
  border: 1px solid var(--ln);
  padding: 9px 14px;
  border-radius: 4px 12px 12px 12px;
  font-size: 13px;
  color: var(--mid);
  line-height: 1.5;
  word-break: break-word;
}

.cmsg.own {
  justify-content: flex-end;
}

.cmsg.own .cwrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.cmsg.own .cmeta {
  flex-direction: row-reverse;
}

.cmsg.own .cbbl {
  background: rgba(21, 101, 192, .25);
  border-color: rgba(33, 150, 243, .25);
  border-radius: 12px 4px 12px 12px;
}

/* chat form */
.cform {
  padding: 14px 18px;
  border-top: 1px solid var(--ln);
  display: flex;
  gap: 9px;
  align-items: center;
  position: relative;
}

.cinp {
  flex: 1;
  padding: 10px 16px;
  border-radius: 11px;
  background: var(--bg0);
  border: 1px solid var(--ln2);
  color: var(--wh);
  font-family: 'Nunito', sans-serif;
  font-size: 13px;
  font-weight: 500;
  outline: none;
  transition: border .18s;
}

.cinp::placeholder {
  color: var(--dim);
}

.cinp:focus {
  border-color: var(--bl);
}

/* emoji – FIXED */
.emojiwrap {
  position: relative;
  flex-shrink: 0;
}

.emojibtn {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: var(--bg0);
  border: 1px solid var(--ln2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mid);
  cursor: pointer;
  transition: all .18s;
  user-select: none;
}

.emojibtn:hover {
  border-color: var(--bl);
  color: var(--bl2);
}

.emojipanel {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  right: auto;
  width: 272px;
  background: var(--bg2);
  border: 1px solid var(--ln2);
  border-radius: 14px;
  padding: 10px;
  display: none;
  flex-direction: column;
  gap: 5px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(33, 150, 243, .08);
  z-index: 600;
  overflow: hidden;
}

.emojipanel.open {
  display: flex;
}

.ep-row {
  display: flex;
  gap: 3px;
}

.ep {
  font-size: 20px;
  cursor: pointer;
  padding: 4px;
  border-radius: 7px;
  transition: background .1s;
  line-height: 1;
  user-select: none;
  flex: 1;
  text-align: center;
}

.ep:hover {
  background: var(--bg4);
}

.sendbtn {
  flex-shrink: 0;
  height: 40px;
  padding: 0 20px;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--bl3), var(--bl));
  color: #fff;
  font-family: 'Nunito', sans-serif;
  font-size: 13px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: all .2s;
}

.sendbtn:hover {
  box-shadow: 0 4px 16px rgba(33, 150, 243, .4);
  transform: translateY(-1px);
}

.sendbtn svg {
  width: 14px;
  height: 14px;
}

/* ── RIGHT ── */
.colr {
    display: flex;
    flex-direction: column;
}

/* online block */
.onlinestat {
  padding: 14px 22px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: var(--dim);
}

.onlinestat strong {
  color: var(--gr);
  font-size: 20px;
  font-family: 'Rajdhani', sans-serif;
}

.ou-scroll {
  padding: 10px 16px 14px;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ou-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(46px, 1fr));
  gap: 10px;
}

.oui {
  position: relative;
  cursor: pointer;
}

.ouava {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, .1);
  transition: transform .18s, border-color .18s;
}

.oui:hover .ouava {
  transform: scale(1.13);
  border-color: var(--bl);
}

/* outip/vitip hidden — tooltip drawn by Bootstrap tooltip */
.outip,
.vitip {
  display: none;
}

.oudot {
  position: absolute;
  bottom: 1px;
  right: 1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--gr);
  border: 2px solid var(--bg1);
}

.vis-scroll {
  max-height: 160px;
  overflow-y: auto;
  overflow-x: hidden;
}

.vis-row {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(46px, 1fr));
    gap: 10px;
    position: relative;
    min-height: 50px;
}

.vi {
  position: relative;
  cursor: pointer;
}

.viava {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 12px;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, .08);
  transition: transform .18s, border-color .18s;
}

.vi:hover .viava {
  transform: scale(1.13);
  border-color: var(--bl);
}

/* activists */
.acti {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 22px;
  border-bottom: 1px solid var(--ln);
  cursor: pointer;
  transition: background .15s;
}

.acti:last-child {
  border-bottom: none;
}

.acti:hover {
  background: var(--bg2);
}

.acrank {
  font-family: 'Rajdhani', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--dim);
  width: 24px;
  flex-shrink: 0;
  text-align: center;
}

.acrank.t1 {
  color: var(--gd);
}

.acrank.t2 {
  color: #c0c0c0;
}

.acrank.t3 {
  color: #cd7f32;
}

.acava {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 14px;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, .08);
}

.acinfo {
  flex: 1;
  min-width: 0;
}

.acnm {
  font-size: 13px;
  font-weight: 700;
  color: var(--wh);
}

.acst {
  display: flex;
  gap: 12px;
  font-size: 11px;
  color: var(--dim);
  margin-top: 3px;
}

.acst span {
  display: flex;
  align-items: center;
  gap: 3px;
}

.acst svg {
  width: 11px;
  height: 11px;
}

.acrt {
  font-family: 'Rajdhani', sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--bl2);
}

/* stats */
.sgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--ln);
}

.sc {
  background: var(--bg1);
  padding: 17px 20px;
}

.sv {
  font-family: 'Rajdhani', sans-serif;
  font-size: 27px;
  font-weight: 700;
  color: var(--bl2);
  line-height: 1;
}

.sl {
  font-size: 11px;
  color: var(--dim);
  margin-top: 3px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .4px;
}

/* admins */
.admi {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--ln);
  cursor: pointer;
  transition: background .15s;
}

.admi:last-child {
  border-bottom: none;
}

.admi:hover {
  background: var(--bg2);
}

.adava {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, .08);
}

.adnm {
  font-size: 13px;
  font-weight: 700;
  color: var(--wh);
}

.adrole {
  font-size: 11px;
  color: var(--mid);
  margin-top: 1px;
}

.sdot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-left: auto;
}

.son {
  background: var(--gr);
  box-shadow: 0 0 7px var(--gr);
}

.soff {
  background: var(--dim);
}

/* ban */
.banr {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 22px;
  border-bottom: 1px solid var(--ln);
  font-size: 12.5px;
}

.banr:last-child {
  border-bottom: none;
}

.bannm {
  flex: 1;
  color: var(--mid);
  font-weight: 600;
}

.banwhy {
  flex: 1;
  font-size: 11px;
  color: var(--dim);
}

.bantag {
  font-size: 10px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 5px;
  background: rgba(244, 67, 54, .15);
  color: var(--rd);
}

/* quick links */
.ql {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 18px;
  margin: 4px 8px;
  border-radius: 11px;
  color: var(--mid);
  font-size: 13px;
  font-weight: 600;
  border: 1px solid transparent;
  transition: all .15s;
}

.ql svg {
  width: 15px;
  height: 15px;
  color: var(--bl2);
  flex-shrink: 0;
}

.ql:hover {
  background: var(--bg2);
  border-color: var(--ln2);
  color: var(--wh);
}

/* ── FOOTER ── */
.footer {
  margin-top: 11px;
  background: var(--bg1);
  border-top: 1px solid var(--ln2);
  position: relative;
  overflow: hidden;
}

.ft-main {
  padding: 40px 28px 32px;
  max-width: 1520px;
  margin: 0 auto;
}

.ft-main-inner-wrap {
  display: grid;
  grid-template-columns: 280px 1fr 1fr 1fr;
  gap: 40px;
}

.ft-logo {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 14px;
}

.ft-lm {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--bl3), var(--cy));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  box-shadow: 0 0 14px rgba(33, 150, 243, .35);
}

.ft-lt {
  font-family: 'Rajdhani', sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.ft-lt em {
  color: var(--bl2);
  font-style: normal;
}

.ft-desc {
  font-size: 12.5px;
  color: var(--dim);
  line-height: 1.65;
  margin-bottom: 16px;
}

.ft-soc {
  display: flex;
  gap: 7px;
  margin-bottom: 18px;
}

.ftsoc {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: var(--bg2);
  border: 1px solid var(--ln2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dim);
  transition: all .15s;
}

.ftsoc:hover {
  border-color: var(--bl);
  color: var(--bl2);
  background: rgba(33, 150, 243, .1);
  transform: translateY(-2px);
}

.ftsoc svg {
  width: 14px;
  height: 14px;
}

.ft-col-t {
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--bl2);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--ln);
}

.ft-links {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ft-lnk {
  font-size: 12.5px;
  color: var(--dim);
  transition: color .15s, padding-left .15s;
  padding: 4px 6px;
  border-radius: 6px;
}

.ft-lnk:hover {
  color: var(--wh);
  background: rgba(255, 255, 255, .04);
}

.ft-bot {
  border-top: 1px solid var(--ln);
}

.ft-bot-inner {
  max-width: 1520px;
  margin: 0 auto;
  padding: 16px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 11.5px;
  color: var(--dim);
  flex-wrap: wrap;
}

.ft-bot-left {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.ft-bot-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ft-bot-right a {
  color: var(--dim);
  transition: color .15s;
}

.ft-bot-right a:hover {
  color: var(--bl2);
}

.ft-heart-sep {
  color: var(--ln2);
}

@media(max-width:1100px) {
  .ft-main-inner-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
}

@media(max-width:680px) {
  .ft-main-inner-wrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .ft-bot-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ── POPULAR BUILDS ── */
.build-card {
  background: var(--bg2);
  border: 1px solid var(--ln2);
  border-radius: 12px;
  overflow: hidden;
}

.build-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--ln);
  transition: background .15s;
}

.build-row:hover {
  background: var(--bg3);
}

.build-row:last-child {
  border-bottom: none;
}

.build-thumb {
  width: 44px;
  height: 32px;
  border-radius: 7px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.build-thumb svg {
  width: 18px;
  height: 18px;
  opacity: .5;
  color: #fff;
}

.build-info {
  flex: 1;
  min-width: 0;
}

.build-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--wh);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.build-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
}

.build-sz {
  font-size: 10px;
  color: var(--dim);
}

.build-dl {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 700;
  background: rgba(33, 150, 243, .12);
  border: 1px solid rgba(33, 150, 243, .25);
  color: var(--bl2);
  transition: all .15s;
  white-space: nowrap;
  cursor: pointer;
}

.build-dl:hover {
  background: var(--bl3);
  color: #fff;
  border-color: var(--bl3);
}

.build-dl svg {
  width: 11px;
  height: 11px;
}

.build-more {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 700;
  background: var(--bg0);
  border: 1px solid var(--ln2);
  color: var(--mid);
  transition: all .15s;
  cursor: pointer;
}

.build-more:hover {
  border-color: var(--bl);
  color: var(--bl2);
}


/* Roulette */
#rl-track {
  scrollbar-width: none;
}

#rl-track::-webkit-scrollbar {
  display: none;
}

.rl-tile {
  flex-shrink: 0;
  width: 188px;
  border-radius: 12px;
  background: var(--bg2);
  border: 1px solid var(--ln2);
  overflow: hidden;
  transition: border-color .15s, box-shadow .15s;
  cursor: pointer;
  user-select: none;
}

.rl-tile:hover {
  border-color: rgba(33, 150, 243, .5);
  box-shadow: 0 4px 16px rgba(33, 150, 243, .15);
}

.rl-tile.winner {
  border-color: var(--gd) !important;
  box-shadow: 0 0 24px rgba(255, 179, 0, .4) !important;
}

.rl-thumb {
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.rl-thumb-game {
  position: absolute;
  bottom: 7px;
  right: 8px;
  font-size: 9px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 5px;
  background: rgba(0, 0, 0, .5);
  color: rgba(255, 255, 255, .8);
  letter-spacing: .3px;
}

.rl-thumb-icon {
  width: 36px;
  height: 36px;
  opacity: .7;
}

.rl-thumb-title {
  font-family: 'Rajdhani', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: rgba(255, 255, 255, .18);
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  text-align: center;
  letter-spacing: 1px;
}

.rl-body {
  padding: 9px 11px 11px;
}

.rl-name {
  font-size: 12px;
  font-weight: 700;
  color: var(--wh);
  line-height: 1.35;
  height: 33px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rl-meta {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
}

.rl-stat {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 10px;
  color: var(--dim);
}

.rl-stat svg {
  width: 10px;
  height: 10px;
}

.rl-btns {
  display: flex;
  gap: 5px;
  margin-top: 8px;
}

.rl-dl {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 5px 4px;
  border-radius: 7px;
  background: rgba(33, 150, 243, .12);
  border: 1px solid rgba(33, 150, 243, .25);
  color: var(--bl2);
  font-size: 10px;
  font-weight: 700;
  transition: all .15s;
  text-decoration: none;
}

.rl-dl:hover {
  background: var(--bl3);
  color: #fff;
}

.rl-dl svg {
  width: 10px;
  height: 10px;
}

.rl-more {
  padding: 5px 8px;
  border-radius: 7px;
  background: var(--bg0);
  border: 1px solid var(--ln2);
  color: var(--dim);
  font-size: 10px;
  font-weight: 700;
  transition: all .15s;
  text-decoration: none;
}

.rl-more:hover {
  border-color: var(--bl);
  color: var(--bl2);
}

/* Video player */
#pmVideo:hover .pm-ctrls {
    {
    opacity: 1;
  }
}

#pmVideo .pm-ctrls {
    {
    pointer-events: auto;
  }
}


/* ═══════════════════════ GLOBAL ANIMATIONS ═══════════════════════ */

/* Fade-in on scroll */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-16px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse-glow {

  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(33, 150, 243, .0);
  }

  50% {
    box-shadow: 0 0 0 8px rgba(33, 150, 243, .12);
  }
}

@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }

  100% {
    background-position: 400px 0;
  }
}

@keyframes spin-slow {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes bounce-dot {

  0%,
  80%,
  100% {
    transform: scale(1);
    opacity: .6;
  }

  40% {
    transform: scale(1.4);
    opacity: 1;
  }
}

@keyframes float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}

@keyframes slide-in-right {
  from {
    opacity: 0;
    transform: translateX(30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes winner-flash {

  0%,
  100% {
    border-color: var(--gd);
    box-shadow: 0 0 20px rgba(255, 179, 0, .4);
  }

  50% {
    border-color: rgba(255, 179, 0, .3);
    box-shadow: 0 0 6px rgba(255, 179, 0, .1);
  }
}

/* Card entrance */
.card {
  animation: fadeInUp .35s ease both;
}

.card:nth-child(2) {
  animation-delay: .05s;
}

.card:nth-child(3) {
  animation-delay: .10s;
}

.card:nth-child(4) {
  animation-delay: .15s;
}

/* Roulette winner tile */
.rl-tile.winner {
  animation: winner-flash 1s ease infinite;
}

/* Header logo glow pulse */
.logo-m {
  animation: pulse-glow 3s ease infinite;
}

/* Online dot bounce */
.oudot {
  animation: bounce-dot 2s ease infinite;
}

.oudot:nth-child(2) {
  animation-delay: .3s;
}

/* Stat cells float on hover */
.pstat-cell:hover {
  transform: translateY(-3px);
  transition: transform .2s, border-color .2s;
}

/* Better card hover */
.card {
  transition: box-shadow .2s, transform .2s;
}

.card:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 0 0 1px rgba(33, 150, 243, .1);
}

/* Nav active indicator */
.mnav a.on::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 2px;
  background: var(--bl2);
  border-radius: 2px;
}

.mnav a {
  position: relative;
}

/* Button press effect */
button:active,
a:active {
  transform: scale(.97);
}

/* Download button shimmer on hover */
.dl-dl-btn:hover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .15), transparent);
  background-size: 200% 100%;
  animation: shimmer .6s ease;
  border-radius: inherit;
  pointer-events: none;
}

.dl-dl-btn {
  position: relative;
  overflow: hidden;
}

/* Roulette controls button glow */
#rl-play:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(33, 150, 243, .45) !important;
}

/* Smooth accordion */
.acc-body {
  overflow: hidden;
  transition: max-height .25s ease;
}

/* Page section stagger */
.page>* {
  animation: fadeInUp .4s ease both;
}

/* Map rotation rows */
.map-rot-row {
  transition: background .15s, padding-left .15s;
}

.map-rot-row:hover {
  background: var(--bg3);
  padding-left: 20px;
}

/* News items */
.ni {
  transition: background .15s, padding-left .15s;
}

.ni:hover {
  background: var(--bg2);
  padding-left: 24px;
}

/* Quick links */
.ql {
  transition: background .15s, transform .15s, border-color .15s;
}

.ql:hover {
  transform: translateX(3px);
}

/* Tab button hover */
.promo-tab:hover {
  color: var(--mid) !important;
  background: rgba(255, 255, 255, .04);
}

.promo-tab.on:hover {
  color: var(--bl2) !important;
}

/* Scrollbar for roulette track container */
.ou-scroll::-webkit-scrollbar,
.vis-scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.ou-scroll::-webkit-scrollbar-thumb,
.vis-scroll::-webkit-scrollbar-thumb {
  background: var(--bl3);
  border-radius: 4px;
}

/* Glow on server status dot */
@keyframes status-pulse {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }
}

.don {
  animation: status-pulse 1.8s ease infinite;
}

/* Header notification badge pulse */
.badge {
  animation: pulse-glow 2s ease infinite;
}

/* VIP tier items hover */
.colr .card {
  transition: transform .2s, box-shadow .2s;
}

/* Winner box slide in */
#rl-winner {
  animation: slide-in-right .4s ease both;
}

/* Input focus ring */
input[type=text]:focus,
input[type=password]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(33, 150, 243, .2);
}

/* Roulette speed slider thumb */
input[type=range] {
  cursor: pointer;
}

/* Code blocks */
code {
  background: var(--bg2);
  padding: 2px 7px;
  border-radius: 5px;
  font-family: monospace;
  color: var(--bl2);
  font-size: .92em;
}



/* ── FOOTER EXTENDED STYLES ── */

/* Верхняя декоративная линия */
.footer-topline {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--bl3) 20%, var(--cy) 50%, var(--bl3) 80%, transparent 100%);
  position: relative;
}

.footer-topline::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 3px;
  background: linear-gradient(90deg, var(--bl), var(--cy));
  border-radius: 2px;
  filter: blur(4px);
  opacity: .8;
}

/* Статус сервера */
.ft-srv-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  margin: 14px 0 16px;
  background: rgba(41, 194, 122, .08);
  border: 1px solid rgba(41, 194, 122, .22);
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  color: var(--gr);
}

.ft-dot-live {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gr);
  box-shadow: 0 0 8px var(--gr);
  animation: blink 2s infinite;
  flex-shrink: 0;
}

/* Баннер 88×31 */
.ft-8831 {
  width: 88px;
  height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
  border: 1px solid rgba(255, 255, 255, .12);
  color: rgba(238, 242, 250, .75);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  user-select: none;
  flex: 0 0 auto;
  transition: transform .18s, border-color .18s, color .18s, box-shadow .18s;
  text-decoration: none;
}

.ft-8831::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(66, 165, 245, .22), rgba(0, 188, 212, .22), transparent);
  transform: translateX(-120%);
  opacity: 0;
}

.ft-8831:hover {
  transform: translateY(-2px);
  border-color: rgba(66, 165, 245, .45);
  color: var(--wh);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .35), 0 0 0 1px rgba(33, 150, 243, .12);
}

.ft-8831:hover::before {
  opacity: 1;
  animation: ft-shimmer .7s ease;
}

.ft-8831 span {
  position: relative;
  z-index: 1;
}

/* Мини-статистика */
.ft-mini-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-bottom: 16px;
}

.ft-mstat {
  padding: 10px 12px;
  background: var(--bg2);
  border: 1px solid var(--ln2);
  border-radius: 10px;
  text-align: center;
  transition: border-color .2s;
}

.ft-mstat:hover {
  border-color: rgba(33, 150, 243, .3);
}

.ft-mstat-v {
  font-family: 'Rajdhani', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--bl2);
  line-height: 1;
  margin-bottom: 3px;
}

.ft-mstat-l {
  font-size: 10px;
  color: var(--dim);
  font-weight: 600;
  letter-spacing: .3px;
}

/* IP-блок */
.ft-ip-block {
  padding: 13px 15px;
  background: linear-gradient(135deg, rgba(13, 71, 161, .25), rgba(21, 101, 192, .15));
  border: 1px solid rgba(33, 150, 243, .2);
  border-radius: 12px;
}

.ft-ip-name {
  font-family: 'Rajdhani', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--wh);
  margin-bottom: 4px;
}

.ft-ip-addr {
  font-size: 12px;
  color: var(--bl2);
  font-weight: 700;
  font-family: monospace;
  letter-spacing: .4px;
}

.ft-ip-btn {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 8px 12px;
  background: linear-gradient(135deg, var(--bl3), var(--bl));
  border: none;
  border-radius: 8px;
  color: #fff;
  font-family: 'Nunito', sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s;
  box-shadow: 0 3px 12px rgba(33, 150, 243, .3);
  justify-content: center;
}

.ft-ip-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 18px rgba(33, 150, 243, .45);
}

/* Bottom bar улучшенный */
.ft-bot-inner {
  max-width: 1520px;
  margin: 0 auto;
  padding: 18px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  color: var(--dim);
  flex-wrap: wrap;
}

.ft-bot-left {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.ft-heart-sep {
  color: var(--ln2);
}

.ft-bot-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ft-bot-right a {
  color: var(--dim);
  transition: color .15s;
}

.ft-bot-right a:hover {
  color: var(--bl2);
}

/* ── POPULAR BUILDS ── */
.build-card {
  background: var(--bg2);
  border: 1px solid var(--ln2);
  border-radius: 12px;
  overflow: hidden;
}

.build-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--ln);
  transition: background .15s;
}

.build-row:hover {
  background: var(--bg3);
}

.build-row:last-child {
  border-bottom: none;
}

.build-thumb {
  width: 44px;
  height: 32px;
  border-radius: 7px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.build-thumb svg {
  width: 18px;
  height: 18px;
  opacity: .5;
  color: #fff;
}

.build-info {
  flex: 1;
  min-width: 0;
}

.build-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--wh);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.build-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
}

.build-sz {
  font-size: 10px;
  color: var(--dim);
}

.build-dl {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 700;
  background: rgba(33, 150, 243, .12);
  border: 1px solid rgba(33, 150, 243, .25);
  color: var(--bl2);
  transition: all .15s;
  white-space: nowrap;
  cursor: pointer;
}

.build-dl:hover {
  background: var(--bl3);
  color: #fff;
  border-color: var(--bl3);
}

.build-dl svg {
  width: 11px;
  height: 11px;
}

.build-more {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 700;
  background: var(--bg0);
  border: 1px solid var(--ln2);
  color: var(--mid);
  transition: all .15s;
  cursor: pointer;
}

.build-more:hover {
  border-color: var(--bl);
  color: var(--bl2);
}


/* Roulette */
#rl-track {
  scrollbar-width: none;
}

#rl-track::-webkit-scrollbar {
  display: none;
}

.rl-tile {
  flex-shrink: 0;
  width: 188px;
  border-radius: 12px;
  background: var(--bg2);
  border: 1px solid var(--ln2);
  overflow: hidden;
  transition: border-color .15s, box-shadow .15s;
  cursor: pointer;
  user-select: none;
}

.rl-tile:hover {
  border-color: rgba(33, 150, 243, .5);
  box-shadow: 0 4px 16px rgba(33, 150, 243, .15);
}

.rl-tile.winner {
  border-color: var(--gd) !important;
  box-shadow: 0 0 24px rgba(255, 179, 0, .4) !important;
}

.rl-thumb {
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.rl-thumb-game {
  position: absolute;
  bottom: 7px;
  right: 8px;
  font-size: 9px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 5px;
  background: rgba(0, 0, 0, .5);
  color: rgba(255, 255, 255, .8);
  letter-spacing: .3px;
}

.rl-thumb-icon {
  width: 36px;
  height: 36px;
  opacity: .7;
}

.rl-thumb-title {
  font-family: 'Rajdhani', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: rgba(255, 255, 255, .18);
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  text-align: center;
  letter-spacing: 1px;
}

.rl-body {
  padding: 9px 11px 11px;
}

.rl-name {
  font-size: 12px;
  font-weight: 700;
  color: var(--wh);
  line-height: 1.35;
  height: 33px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rl-meta {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
}

.rl-stat {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 10px;
  color: var(--dim);
}

.rl-stat svg {
  width: 10px;
  height: 10px;
}

.rl-btns {
  display: flex;
  gap: 5px;
  margin-top: 8px;
}

.rl-dl {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 5px 4px;
  border-radius: 7px;
  background: rgba(33, 150, 243, .12);
  border: 1px solid rgba(33, 150, 243, .25);
  color: var(--bl2);
  font-size: 10px;
  font-weight: 700;
  transition: all .15s;
  text-decoration: none;
}

.rl-dl:hover {
  background: var(--bl3);
  color: #fff;
}

.rl-dl svg {
  width: 10px;
  height: 10px;
}

.rl-more {
  padding: 5px 8px;
  border-radius: 7px;
  background: var(--bg0);
  border: 1px solid var(--ln2);
  color: var(--dim);
  font-size: 10px;
  font-weight: 700;
  transition: all .15s;
  text-decoration: none;
}

.rl-more:hover {
  border-color: var(--bl);
  color: var(--bl2);
}

/* Video player */
#pmVideo:hover .pm-ctrls {
    {
    opacity: 1;
  }
}

#pmVideo .pm-ctrls {
    {
    pointer-events: auto;
  }
}


/* ═══════════════════════ GLOBAL ANIMATIONS ═══════════════════════ */

/* Fade-in on scroll */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-16px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse-glow {

  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(33, 150, 243, .0);
  }

  50% {
    box-shadow: 0 0 0 8px rgba(33, 150, 243, .12);
  }
}

@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }

  100% {
    background-position: 400px 0;
  }
}

@keyframes spin-slow {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes bounce-dot {

  0%,
  80%,
  100% {
    transform: scale(1);
    opacity: .6;
  }

  40% {
    transform: scale(1.4);
    opacity: 1;
  }
}

@keyframes float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}

@keyframes slide-in-right {
  from {
    opacity: 0;
    transform: translateX(30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes winner-flash {

  0%,
  100% {
    border-color: var(--gd);
    box-shadow: 0 0 20px rgba(255, 179, 0, .4);
  }

  50% {
    border-color: rgba(255, 179, 0, .3);
    box-shadow: 0 0 6px rgba(255, 179, 0, .1);
  }
}

/* Card entrance */
.card {
  animation: fadeInUp .35s ease both;
}

.card:nth-child(2) {
  animation-delay: .05s;
}

.card:nth-child(3) {
  animation-delay: .10s;
}

.card:nth-child(4) {
  animation-delay: .15s;
}

/* Roulette winner tile */
.rl-tile.winner {
  animation: winner-flash 1s ease infinite;
}

/* Header logo glow pulse */
.logo-m {
  animation: pulse-glow 3s ease infinite;
}

/* Online dot bounce */
.oudot {
  animation: bounce-dot 2s ease infinite;
}

.oudot:nth-child(2) {
  animation-delay: .3s;
}

/* Stat cells float on hover */
.pstat-cell:hover {
  transform: translateY(-3px);
  transition: transform .2s, border-color .2s;
}

/* Better card hover */
.card {
  transition: box-shadow .2s, transform .2s;
}

.card:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 0 0 1px rgba(33, 150, 243, .1);
}

/* Nav active indicator */
.mnav a.on::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 2px;
  background: var(--bl2);
  border-radius: 2px;
}

.mnav a {
  position: relative;
}

/* Button press effect */
button:active,
a:active {
  transform: scale(.97);
}

/* Download button shimmer on hover */
.dl-dl-btn:hover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .15), transparent);
  background-size: 200% 100%;
  animation: shimmer .6s ease;
  border-radius: inherit;
  pointer-events: none;
}

.dl-dl-btn {
  position: relative;
  overflow: hidden;
}

/* Roulette controls button glow */
#rl-play:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(33, 150, 243, .45) !important;
}

/* Smooth accordion */
.acc-body {
  overflow: hidden;
  transition: max-height .25s ease;
}

/* Page section stagger */
.page>* {
  animation: fadeInUp .4s ease both;
}

/* Map rotation rows */
.map-rot-row {
  transition: background .15s, padding-left .15s;
}

.map-rot-row:hover {
  background: var(--bg3);
  padding-left: 20px;
}

/* News items */
.ni {
  transition: background .15s, padding-left .15s;
}

.ni:hover {
  background: var(--bg2);
  padding-left: 24px;
}

/* Quick links */
.ql {
  transition: background .15s, transform .15s, border-color .15s;
}

.ql:hover {
  transform: translateX(3px);
}

/* Tab button hover */
.promo-tab:hover {
  color: var(--mid) !important;
  background: rgba(255, 255, 255, .04);
}

.promo-tab.on:hover {
  color: var(--bl2) !important;
}

/* Scrollbar for roulette track container */
.ou-scroll::-webkit-scrollbar,
.vis-scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.ou-scroll::-webkit-scrollbar-thumb,
.vis-scroll::-webkit-scrollbar-thumb {
  background: var(--bl3);
  border-radius: 4px;
}

/* Glow on server status dot */
@keyframes status-pulse {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }
}

.don {
  animation: status-pulse 1.8s ease infinite;
}

/* Header notification badge pulse */
.badge {
  animation: pulse-glow 2s ease infinite;
}

/* VIP tier items hover */
.colr .card {
  transition: transform .2s, box-shadow .2s;
}

/* Winner box slide in */
#rl-winner {
  animation: slide-in-right .4s ease both;
}

/* Input focus ring */
input[type=text]:focus,
input[type=password]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(33, 150, 243, .2);
}

/* Roulette speed slider thumb */
input[type=range] {
  cursor: pointer;
}

/* Code blocks */
code {
  background: var(--bg2);
  padding: 2px 7px;
  border-radius: 5px;
  font-family: monospace;
  color: var(--bl2);
  font-size: .92em;
}

.dl-group {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--ln2);
  background: var(--bg2);
  min-width: 0;
}

.dl-group-hd {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  cursor: pointer;
  user-select: none;
  transition: background .15s;
}

.dl-group-hd:hover {
  background: var(--bg3);
}

.dl-group-hd.open {
  background: rgba(33, 150, 243, .08);
  border-bottom: 1px solid var(--ln2);
}

.dl-gicon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 800;
  color: #fff;
}

.dl-gtitle {
  flex: 1;
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .3px;
}

.dl-gcnt {
  font-size: 11px;
  color: var(--dim);
  font-weight: 700;
  margin-right: 6px;
}

.dl-garrow {
  width: 16px;
  height: 16px;
  color: var(--dim);
  transition: transform .22s;
}

.dl-garrow.open {
  transform: rotate(180deg);
}

.dl-body {
  display: none;
  max-height: 320px;
  overflow-y: auto;
}

.dl-body.open {
  display: block;
}

.dl-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-bottom: 1px solid var(--ln);
  transition: background .12s;
  cursor: pointer;
  min-width: 0;
  overflow: hidden;
}

.dl-row:last-child {
  border-bottom: none;
}

.dl-row:hover {
  background: rgba(33, 150, 243, .06);
}

.dl-row-name {
  flex: 1;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--mid);
  min-width: 0;
  overflow: hidden;
}

.dl-row-name b {
  color: var(--wh);
  font-weight: 700;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-row-size {
  font-size: 11px;
  color: var(--bl2);
  font-weight: 700;
  width: 52px;
  text-align: right;
  flex-shrink: 0;
}

.dl-ext {
  font-size: 9.5px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 4px;
  flex-shrink: 0;
}

.dl-ext.exe {
  background: rgba(33, 150, 243, .15);
  color: var(--bl2);
}

.dl-ext.steam {
  background: rgba(41, 194, 122, .15);
  color: var(--gr);
}

.dl-ext.torrent {
  background: rgba(244, 67, 54, .12);
  color: var(--rd);
}

.dl-ext.zip {
  background: rgba(255, 179, 0, .12);
  color: var(--gd);
}

.dl-ext.store {
  background: rgba(0, 188, 212, .12);
  color: var(--cy);
}

.dl-dl-btn {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: linear-gradient(135deg, var(--bl3), var(--bl));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all .15s;
}

.dl-dl-btn:hover {
  transform: scale(1.12);
  box-shadow: 0 3px 10px rgba(33, 150, 243, .4);
}

.dl-dl-btn svg {
  width: 12px;
  height: 12px;
  color: #fff;
}

.dl-empty-search {
  text-align: center;
  padding: 24px;
  color: var(--dim);
  font-size: 13px;
}

.dl-body {
  scrollbar-width: thin;
  scrollbar-color: var(--bl2) var(--bg0);
}

.dl-body::-webkit-scrollbar {
  width: 4px;
}

.dl-body::-webkit-scrollbar-track {
  background: var(--bg0);
}

.dl-body::-webkit-scrollbar-thumb {
  background: var(--bl2);
  border-radius: 99px;
}

.pstat-cell {
  background: linear-gradient(135deg, var(--bg2), var(--bg1));
  border: 1px solid var(--ln2);
  border-radius: 12px;
  padding: 14px 16px;
  text-align: center;
  transition: border-color .15s, transform .15s;
}

.pstat-cell:hover {
  border-color: var(--bl);
  transform: translateY(-2px);
}

.pstat-v {
  font-family: 'Rajdhani', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: var(--wh);
  line-height: 1.2;
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.pstat-l {
  font-size: 11px;
  color: var(--dim);
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-top: 4px;
}

/* === Download accordion styles === */
.dl-group {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--ln2);
  background: var(--bg2);
  min-width: 0;
}

.dl-group-hd {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  cursor: pointer;
  user-select: none;
  transition: background .15s;
}

.dl-group-hd:hover {
  background: var(--bg3);
}

.dl-group-hd.open {
  background: rgba(33, 150, 243, .08);
  border-bottom: 1px solid var(--ln2);
}

.dl-gicon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 800;
  color: #fff;
}

.dl-gtitle {
  flex: 1;
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .3px;
}

.dl-gcnt {
  font-size: 11px;
  color: var(--dim);
  font-weight: 700;
  margin-right: 6px;
}

.dl-garrow {
  width: 16px;
  height: 16px;
  color: var(--dim);
  transition: transform .22s;
}

.dl-garrow.open {
  transform: rotate(180deg);
}

.dl-body {
  display: none;
  max-height: 320px;
  overflow-y: auto;
}

.dl-body.open {
  display: block;
}

.dl-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-bottom: 1px solid var(--ln);
  transition: background .12s;
  cursor: pointer;
  min-width: 0;
  overflow: hidden;
}

.dl-row:last-child {
  border-bottom: none;
}

.dl-row:hover {
  background: rgba(33, 150, 243, .06);
}

.dl-row-name {
  flex: 1;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--mid);
  min-width: 0;
  overflow: hidden;
}

.dl-row-name b {
  color: var(--wh);
  font-weight: 700;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-row-size {
  font-size: 11px;
  color: var(--bl2);
  font-weight: 700;
  width: 52px;
  text-align: right;
  flex-shrink: 0;
}

.dl-ext {
  font-size: 9.5px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 4px;
  flex-shrink: 0;
}

.dl-ext.exe {
  background: rgba(33, 150, 243, .15);
  color: var(--bl2);
}

.dl-ext.steam {
  background: rgba(41, 194, 122, .15);
  color: var(--gr);
}

.dl-ext.torrent {
  background: rgba(244, 67, 54, .12);
  color: var(--rd);
}

.dl-ext.zip {
  background: rgba(255, 179, 0, .12);
  color: var(--gd);
}

.dl-ext.store {
  background: rgba(0, 188, 212, .12);
  color: var(--cy);
}

.dl-dl-btn {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: linear-gradient(135deg, var(--bl3), var(--bl));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all .15s;
}

.dl-dl-btn:hover {
  transform: scale(1.12);
  box-shadow: 0 3px 10px rgba(33, 150, 243, .4);
}

.dl-dl-btn svg {
  width: 12px;
  height: 12px;
  color: #fff;
}

.dl-empty-search {
  text-align: center;
  padding: 24px;
  color: var(--dim);
  font-size: 13px;
}

.dl-body {
  scrollbar-width: thin;
  scrollbar-color: var(--bl2) var(--bg0);
}

.dl-body::-webkit-scrollbar {
  width: 4px;
}

.dl-body::-webkit-scrollbar-track {
  background: var(--bg0);
}

.dl-body::-webkit-scrollbar-thumb {
  background: var(--bl2);
  border-radius: 99px;
}

/* === Project statistics styles === */
.pstat-cell {
  background: linear-gradient(135deg, var(--bg2), var(--bg1));
  border: 1px solid var(--ln2);
  border-radius: 12px;
  padding: 14px 16px;
  text-align: center;
  transition: border-color .15s, transform .15s;
}

.pstat-cell:hover {
  border-color: var(--bl);
  transform: translateY(-2px);
}

.pstat-v {
  font-family: 'Rajdhani', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: var(--wh);
  line-height: 1.2;
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.pstat-l {
  font-size: 11px;
  color: var(--dim);
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-top: 4px;
}

.page{max-width:1520px;margin:0 auto;padding:30px 28px 40px;display:grid;grid-template-columns:300px 1fr 300px;gap:22px;align-items:start;}

.card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;transition:box-shadow .2s,transform .2s;animation:fadeInUp .35s ease both;}
.card:hover{box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(33,150,243,.1);}
.card:nth-child(2){animation-delay:.05s;}
.card:nth-child(3){animation-delay:.10s;}
.ch{padding:16px 20px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;}
.ch svg{width:17px;height:17px;color:var(--bl2);flex-shrink:0;}
.ct{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px;flex:1;}
.cmore{font-size:12px;color:var(--bl);font-weight:600;}
.cmore:hover{color:var(--bl2);}

.pnav{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;}
.pnav-hdr{padding:13px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.pnav-hdr svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.pnav-hdr-t{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;}
.pnav-list{padding:7px;}
.pna{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--mid);font-size:13px;font-weight:600;cursor:pointer;transition:all .16s;border:1px solid transparent;position:relative;}
.pna svg{width:15px;height:15px;flex-shrink:0;transition:color .16s;}
.pna:hover{color:var(--wh);background:var(--bg2);border-color:var(--ln2);}
.pna.on{color:var(--bl2);background:rgba(33,150,243,.08);border-color:rgba(33,150,243,.2);}
.pna.on svg{color:var(--bl2);}
.pna.on::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--bl2);border-radius:0 3px 3px 0;}
.pna-badge{margin-left:auto;font-size:10px;font-weight:800;padding:2px 7px;border-radius:20px;}
.pna-badge.rd{background:rgba(244,67,54,.18);color:var(--rd);}
.pna-badge.gr{background:rgba(41,194,122,.18);color:var(--gr);}
.pna-badge.bl{background:rgba(33,150,243,.18);color:var(--bl2);}
.pna-sep{height:1px;background:var(--ln);margin:5px 0;}

.friends-block{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;}
.fb-hdr{padding:13px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.fb-hdr svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.fb-hdr-t{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;flex:1;}
.fb-cnt{
  	font-size: 11px;
    color: var(--dim);
    font-weight: 700;
    padding: 6px 8px;
    border-radius: 20px;
    background: var(--bg2);
    border: 1px solid var(--ln2);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.fb-scroll{max-height:380px;overflow-y:auto;overscroll-behavior:contain;}
.fb-scroll::-webkit-scrollbar{width:4px;}
.fb-scroll::-webkit-scrollbar-track{background:transparent;}
.fb-scroll::-webkit-scrollbar-thumb{background:var(--bl4);border-radius:4px;}
.fb-item{display:flex;align-items:center;gap:11px;padding:11px 16px;border-bottom:1px solid var(--ln);transition:background .15s;}
.fb-item:last-child{border-bottom:none;}
.fb-item:hover{background:rgba(255,255,255,.025);}
.fb-ava{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;position:relative;}
.fb-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg1);}
.fb-dot.on{background:var(--gr);box-shadow:0 0 5px var(--gr);}
.fb-dot.off{background:var(--dim);}
.fb-info{flex:1;min-width:0;}
.fb-nm{font-size:12.5px;font-weight:700;color:var(--wh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fb-status{font-size:11px;color:var(--dim);margin-top:2px;}
.fb-status.on{color:var(--gr);}
.fb-msg-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;background:rgba(33,150,243,.08);border:1px solid rgba(33,150,243,.2);color:var(--bl2);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;}
.fb-msg-btn:hover{background:rgba(33,150,243,.18);border-color:rgba(33,150,243,.4);transform:translateY(-1px);}
.fb-msg-btn svg{width:11px;height:11px;}

.info-table{width:100%;}
.info-row{display:flex;align-items:flex-start;padding:11px 20px;border-bottom:1px solid var(--ln);gap:12px;}
.info-row:last-child{border-bottom:none;}
.info-lbl{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--dim);font-weight:600;width:140px;flex-shrink:0;padding-top:1px;}
.info-lbl svg{width:12px;height:12px;flex-shrink:0;}
.info-val{font-size:13px;color:var(--wh);font-weight:600;flex:1;word-break:break-word;}
.info-link{display:inline-flex;align-items:center;gap:5px;color:var(--bl2);font-size:13px;font-weight:600;transition:color .15s;}
.info-link:hover{color:var(--wh);}
.info-link svg{width:11px;height:11px;}

.dlg-block{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;}
.dlg-hdr{padding:13px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.dlg-hdr svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.dlg-hdr-t{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;flex:1;}
.dlg-new-btn{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:8px;background:linear-gradient(135deg,var(--bl3),var(--bl));color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;border:none;box-shadow:0 3px 10px rgba(33,150,243,.2);}
.dlg-new-btn:hover{box-shadow:0 4px 16px rgba(33,150,243,.4);transform:translateY(-1px);}
.dlg-new-btn svg{width:11px;height:11px;}
.dlg-item{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--ln);transition:background .15s;position:relative;}
.dlg-item:last-child{border-bottom:none;}
.dlg-item:hover{background:rgba(255,255,255,.025);}
.dlg-ava{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;position:relative;}
.dlg-unread-dot{position:absolute;top:-1px;right:-1px;width:12px;height:12px;border-radius:50%;background:var(--rd);border:2px solid var(--bg1);box-shadow:0 0 6px rgba(244,67,54,.5);}
.dlg-body{flex:1;min-width:0;}
.dlg-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px;}
.dlg-nm{font-size:13px;font-weight:700;color:var(--wh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dlg-time{font-size:10.5px;color:var(--dim);font-weight:600;flex-shrink:0;}
.dlg-status-row{display:flex;align-items:center;gap:6px;}
.dlg-status{font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:5px;}
.dlg-status.unread{color:var(--rd);}
.dlg-status.read{color:var(--gr);}
.dlg-status svg{width:12px;height:12px;}
.dlg-del-btn{width:30px;height:30px;border-radius:8px;background:rgba(244,67,54,.06);border:1px solid rgba(244,67,54,.15);color:rgba(244,67,54,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s;flex-shrink:0;}
.dlg-del-btn:hover{background:rgba(244,67,54,.15);border-color:rgba(244,67,54,.4);color:var(--rd);}
.dlg-del-btn svg{width:13px;height:13px;}
.dlg-item.removing{animation:dlgFade .3s ease forwards;}
@keyframes dlgFade{to{opacity:0;transform:translateX(20px);max-height:0;padding:0;overflow:hidden;}}

.prof-hero{background:linear-gradient(145deg,#0d1628,#1a2d54,#0d1628);border:1px solid rgba(33,150,243,.2);border-radius:18px;position:relative;overflow:hidden;}
.prof-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(33,150,243,.15),transparent 55%);}
.prof-hero::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--bl2),var(--cy),var(--bl2),transparent);}
.prof-banner{height:90px;position:relative;overflow:hidden;background:linear-gradient(120deg,#0a1530,#1a3060,#0a1530);display:flex;align-items:center;justify-content:center;}
.prof-banner-txt{font-family:'Rajdhani',sans-serif;font-size:42px;font-weight:700;letter-spacing:6px;color:rgba(255,255,255,.04);position:relative;z-index:1;user-select:none;}
.prof-banner::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(33,150,243,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(33,150,243,.05) 1px,transparent 1px);background-size:26px 26px;}
.prof-main{padding:0 22px 22px;position:relative;}
.prof-ava-wrap{display:flex;align-items:flex-end;gap:14px;margin-top:-32px;position:relative;z-index:2;margin-bottom:14px;}
.prof-ava{width:72px;height:72px;flex-shrink:0;}
.prof-ava img{
	width: 100%;
    border-radius: 18px;
    border: 3px solid var(--bg1);
    box-shadow: 0 0 0 2px var(--bl), 0 8px 24px rgba(0, 0, 0, .5);
}
.prof-name{width: 80%;font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;color:var(--wh);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.prof-name-login{
	 text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.prof-role-badge{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 20px;
    letter-spacing: .5px;
}
.prof-role-badge svg{width:11px;height:11px;}
.prof-meta-row{font-size:12px;color:var(--mid);display:flex;align-items:center;gap:12px;margin-top:3px;}
.prof-online{display:flex;align-items:center;gap:5px;color:var(--gr);font-weight:700;}
.prof-online.grey{
	color: var(--mid);
    width: 65%;
}
.prof-online.grey p{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.prof-online-dot{width:7px;height:7px;border-radius:50%;background:var(--gr);box-shadow:0 0 8px var(--gr);animation:blink 2s infinite;flex-shrink:0;}
.prof-online-dot.grey{
	background: var(--mid);
    box-shadow: 0 0 8px var(--mid);
}
.admin-panel{border-radius:16px;overflow:hidden;background:var(--bg2);border:1px solid rgba(255,179,0,.2);}
.admin-panel-hdr{padding:12px 18px;background:linear-gradient(135deg,rgba(255,179,0,.08),rgba(255,179,0,.03));border-bottom:1px solid rgba(255,179,0,.15);display:flex;align-items:center;gap:8px;}
.admin-panel-hdr svg{width:15px;height:15px;color:var(--gd);}
.admin-panel-title{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:.4px;color:var(--gd);flex:1;}
.admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,179,0,.08);}
.admin-stat{background:var(--bg1);padding:12px 16px;text-align:center;}
.admin-stat-val{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:700;line-height:1;}
.admin-stat-lbl{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;color:var(--dim);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-top:4px;}
.admin-stat-lbl svg{width:10px;height:10px;}
.admin-actions{padding:10px;}
.aact-btn{width:100%;display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:10px;border:none;cursor:pointer;font-family:'Nunito',sans-serif;font-size:12.5px;font-weight:700;transition:all .15s;margin-bottom:5px;text-align:left;}
.aact-btn:last-child{margin-bottom:0;}
.aact-btn.green{background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.2);color:var(--gr);}
.aact-btn.green:hover{background:rgba(41,194,122,.2);border-color:rgba(41,194,122,.4);}
.aact-btn.red{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.2);color:var(--rd);}
.aact-btn.red:hover{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.4);}
.aact-btn.blue{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.2);color:var(--bl2);}
.aact-btn.blue:hover{background:rgba(33,150,243,.2);border-color:rgba(33,150,243,.35);}
.aact-btn.mid{background:rgba(139,155,191,.08);border:1px solid var(--ln2);color:var(--mid);}
.aact-btn.mid:hover{background:var(--bg3);color:var(--wh);}
.aact-btn svg{width:14px;height:14px;flex-shrink:0;}

.stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--ln);
}
.stat-cell {
  background: var(--bg1);
  padding: 16px 20px;
  transition: background .15s;
}
.stat-cell:hover {
  background: var(--bg2);
}
.stat-cell-full {
  grid-column: span 2;
}
.stat-val {
  font-family: 'Rajdhani', sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--bl2);
  line-height: 1;
}
.stat-lbl {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: var(--dim);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-top: 4px;
}
.stat-lbl svg {
  width: 11px;
  height: 11px;
}


.fpost{padding:13px 20px;border-bottom:1px solid var(--ln);cursor:pointer;transition:background .15s,padding-left .15s;}
.fpost:last-child{border-bottom:none;}
.fpost:hover{background:var(--bg2);padding-left:26px;}
.fpost-title{font-size:13px;font-weight:700;color:var(--wh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fpost-date{font-size:11px;color:var(--dim);margin-top:4px;display:flex;align-items:center;gap:4px;}
.fpost-date svg{width:10px;height:10px;}

.vis-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:10px;padding:14px 18px;}
.vi{position:relative;cursor:pointer;}
.viava{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;border:2px solid rgba(255,255,255,.08);transition:transform .18s,border-color .18s;}
.vi:hover .viava{transform:scale(1.13);border-color:var(--bl);}
.vi-name-tip{
      position: absolute;
    bottom: calc(100% + 6px);
    left: 35%;
    transform: translateX(-50%);
    background: var(--bg0);
    border: 1px solid var(--ln2);
    color: var(--wh);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 7px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
    z-index: 100;}
.vi:hover .vi-name-tip{opacity:1;}

.priv-table{width:100%;border-collapse:collapse;}
.priv-table th{padding:10px 16px;font-size:11px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--ln2);background:var(--bg2);}
.priv-table td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--ln);vertical-align:middle;}
.priv-table tr:last-child td{border-bottom:none;}
.priv-table tr:hover td{background:rgba(255,255,255,.02);}
.priv-id{font-family:monospace;font-size:12px;color:var(--mid);font-weight:700;}
.priv-active{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;}
.priv-active.on{background:rgba(41,194,122,.12);border:1px solid rgba(41,194,122,.25);color:var(--gr);}
.priv-active.off{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.2);color:var(--rd);}
.priv-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.priv-dot.on{background:var(--gr);box-shadow:0 0 6px var(--gr);}
.priv-dot.off{background:var(--rd);}
.priv-user{display:flex;align-items:center;gap:9px;}
.priv-uava{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#1565c0,#0288d1);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.1);}
.priv-unm{font-size:13px;font-weight:700;color:var(--wh);}
.priv-role{font-size:11px;color:var(--mid);margin-top:2px;}
.priv-svc{display:flex;flex-direction:column;gap:3px;}
.priv-svc-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;width:fit-content;}
.priv-svc-badge.gold{background:linear-gradient(135deg,rgba(255,179,0,.18),rgba(255,179,0,.08));border:1px solid rgba(255,179,0,.3);color:var(--gd);}
.priv-svc-badge.blue{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.25);color:var(--bl2);}

.ban-empty{padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;}
.ban-empty svg{width:32px;height:32px;color:var(--gr);}
.ban-empty-t{font-size:13px;color:var(--dim);font-weight:600;}

.wall-posts-area{display:flex;flex-direction:column;}
.wall-post{padding:16px 20px;border-bottom:1px solid var(--ln);display:flex;gap:12px;align-items:flex-start;}
.wall-post:last-child{border-bottom:none;}
.wpost-ava{width:38px;height:38px;flex-shrink:0;}
.wpost-ava img{
	    width: 100%;
    border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, .08);
}
.wpost-body{flex:1;min-width:0;}
.wpost-meta{    
  	display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
    justify-content: space-between;}
.wpost-nm{font-size:13px;font-weight:700;color:var(--bl2);}
.wpost-time{
  	font-size: 11px;
    color: var(--dim);
    display: flex;
    gap: 10px;}
.wpost-txt{font-size:13px;color:var(--mid);line-height:1.6;}
.wpost-actions{display:flex;gap:12px;margin-top:8px;}
.wpost-act{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--dim);font-weight:600;cursor:pointer;transition:color .15s;user-select:none;}
.wpost-act:hover{color:var(--bl2);}
.wpost-act svg{width:12px;height:12px;}
.wpost-act.liked{color:var(--rd);}
.wpost-act.liked svg{fill:var(--rd);}

.cform{padding:14px 18px;border-top:1px solid var(--ln);display:flex;gap:9px;align-items:center;position:relative;}
.cinp{flex:1;padding:10px 16px;border-radius:11px;background:var(--bg0);border:1px solid var(--ln2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13px;font-weight:500;outline:none;transition:border .18s;}
.cinp::placeholder{color:var(--dim);}
.cinp:focus{border-color:var(--bl);}
.emojiwrap{position:relative;flex-shrink:0;}
.emojibtn{width:40px;height:40px;border-radius:11px;background:var(--bg0);border:1px solid var(--ln2);display:flex;align-items:center;justify-content:center;color:var(--mid);cursor:pointer;transition:all .18s;user-select:none;}
.emojibtn:hover{border-color:var(--bl);color:var(--bl2);}
.emojibtn svg{width:18px;height:18px;}
.emojipanel{position:absolute;bottom:calc(100% + 8px);left:0;width:272px;background:var(--bg2);border:1px solid var(--ln2);border-radius:14px;padding:10px;display:none;flex-direction:column;gap:5px;box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(33,150,243,.08);z-index:600;overflow:hidden;}
.emojipanel.open{display:flex;}
.ep-cats{display:flex;gap:4px;border-bottom:1px solid var(--ln);padding-bottom:7px;margin-bottom:3px;}
.ep-cat{width:32px;height:28px;border-radius:7px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dim);transition:all .13s;}
.ep-cat:hover,.ep-cat.on{background:var(--bg3);color:var(--bl2);}
.ep-cat svg{width:13px;height:13px;}
.ep-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:148px;overflow-y:auto;}
.ep-grid::-webkit-scrollbar{width:3px;}
.ep-grid::-webkit-scrollbar-thumb{background:var(--bl3);border-radius:4px;}
.ep{font-size:19px;cursor:pointer;padding:4px;border-radius:7px;transition:background .1s;line-height:1.3;user-select:none;text-align:center;}
.ep:hover{background:var(--bg4);}
.sendbtn{flex-shrink: 0;
    height: 40px;
    padding: 0 20px;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--bl3), var(--bl));
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: all .2s;
    margin-left: auto;}
.sendbtn:hover{box-shadow:0 4px 16px rgba(33,150,243,.4);transform:translateY(-1px);}
.sendbtn svg{width:14px;height:14px;}

#admins td[colspan="10"], #my_stores td[colspan="10"]{
	text-align: center;
    color: var(--dim);
    font-size: 13px;
    padding: 20px;
}

.wallet-hero{background:linear-gradient(145deg,#0d1628,#1a2d54,#0d1628);border:1px solid rgba(255,179,0,.2);border-radius:18px;position:relative;overflow:hidden;padding:28px 30px;}
.wallet-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,179,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,179,0,.03) 1px,transparent 1px);background-size:28px 28px;}
.wallet-hero::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gd),#ffe082,var(--gd),transparent);}
.wallet-hero-inner{position:relative;z-index:1;}
.wallet-hero-title{font-family:'Rajdhani',sans-serif;font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.wallet-hero-title svg{width:22px;height:22px;color:var(--gd);}
.wallet-hero-desc{font-size:13px;color:var(--mid);margin-bottom:22px;}
.wallet-balance-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.wallet-bal-card{background:linear-gradient(135deg,rgba(255,179,0,.12),rgba(255,179,0,.05));border:1px solid rgba(255,179,0,.28);border-radius:16px;padding:18px 24px;min-width:200px;}
.wallet-bal-lbl{font-size:11px;color:rgba(255,179,0,.7);font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;}
.wallet-bal-val{font-family:'Rajdhani',sans-serif;font-size:36px;font-weight:700;color:var(--gd);line-height:1;display:flex;align-items:baseline;gap:8px;}
.wallet-bal-cur{font-size:18px;opacity:.7;}
.wallet-bal-frozen{font-size:11px;color:var(--dim);margin-top:6px;display:flex;align-items:center;gap:5px;}
.wallet-bal-frozen svg{width:11px;height:11px;}

.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;}
.pay-method{background:var(--bg2);border:1px solid var(--ln2);border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px;transition:border-color .18s,box-shadow .18s,transform .18s;cursor:pointer;}
.pay-method:hover{border-color:rgba(33,150,243,.35);box-shadow:0 6px 20px rgba(0,0,0,.35);transform:translateY(-2px);}
.pay-method-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.3px;}
.pay-method-icon.ym{background:linear-gradient(135deg,#5A3DA8,#7B52D9);color:#fff;}
.pay-method-icon.card{background:linear-gradient(135deg,#1a6fbf,#1990d9);color:#fff;}
.pay-method-info{flex:1;min-width:0;}
.pay-method-name{font-size:13.5px;font-weight:800;color:var(--wh);}
.pay-method-sub{font-size:11px;color:var(--dim);margin-top:3px;}
.pay-method-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:9px;background:linear-gradient(135deg,var(--bl3),var(--bl));color:#fff;font-size:12px;font-weight:700;border:none;cursor:pointer;font-family:'Nunito',sans-serif;transition:all .18s;white-space:nowrap;flex-shrink:0;}
.pay-method-btn:hover{box-shadow:0 4px 14px rgba(33,150,243,.4);transform:translateY(-1px);}
.pay-method-btn svg{width:12px;height:12px;}


.voucher-section{padding:0 18px 18px;}
.voucher-wrap{background:linear-gradient(135deg,rgba(41,194,122,.06),rgba(41,194,122,.02));border:1px solid rgba(41,194,122,.2);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;}
.voucher-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,rgba(41,194,122,.2),rgba(41,194,122,.08));border:1px solid rgba(41,194,122,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.voucher-icon svg{width:20px;height:20px;color:var(--gr);}
.voucher-info{flex:1;min-width:0;}
.voucher-name{font-size:13.5px;font-weight:800;color:var(--wh);}
.voucher-sub{font-size:11px;color:var(--dim);margin-top:3px;}
.voucher-inp-row{display:flex;gap:8px;margin-top:12px;align-items:center;}
.voucher-inp{flex:1;padding:10px 14px;border-radius:10px;background:var(--bg0);border:1px solid rgba(41,194,122,.2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13px;font-weight:600;outline:none;transition:border-color .18s;letter-spacing:1px;}
.voucher-inp::placeholder{color:var(--dim);letter-spacing:0;}
.voucher-inp:focus{border-color:var(--gr);}
.voucher-btn{padding:10px 18px;border-radius:10px;background:linear-gradient(135deg,#1b5e20,var(--gr));color:#fff;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:7px;white-space:nowrap;box-shadow:0 3px 12px rgba(41,194,122,.25);}
.voucher-btn:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(41,194,122,.4);}
.voucher-btn svg{width:14px;height:14px;}

.hist-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;}
.hist-hdr{padding:16px 20px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;}
.hist-hdr svg{width:17px;height:17px;color:var(--bl2);flex-shrink:0;}
.hist-title{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px;flex:1;}
.hist-total{font-size:11px;color:var(--dim);font-weight:700;padding:2px 9px;border-radius:20px;background:var(--bg2);border:1px solid var(--ln2);}

.hist-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;}
.hist-hdr{padding:16px 20px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;}
.hist-hdr svg{width:17px;height:17px;color:var(--bl2);flex-shrink:0;}
.hist-title{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px;flex:1;}
.hist-total{font-size:11px;color:var(--dim);font-weight:700;padding:2px 9px;border-radius:20px;background:var(--bg2);border:1px solid var(--ln2);}

.hist-filters{display:flex;gap:0;border-bottom:1px solid var(--ln);padding:0 6px;}
.hft{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:700;color:var(--dim);cursor:pointer;border-bottom:2px solid transparent;transition:all .16s;white-space:nowrap;}
.hft svg{width:12px;height:12px;}
.hft:hover{color:var(--wh);}
.hft.on{color:var(--bl2);border-bottom-color:var(--bl2);}

.hist-list{display:flex;flex-direction:column;}
.hist-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--ln);transition:background .15s;animation:fadeInUp .3s ease both;}
.hist-item:last-child{border-bottom:none;}
.hist-item:hover{background:rgba(255,255,255,.018);}
.hist-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hist-icon.plus{background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.2);}
.hist-icon.plus svg{color:var(--gr);width:18px;height:18px;}
.hist-icon.minus{background:rgba(244,67,54,.08);border:1px solid rgba(244,67,54,.18);}
.hist-icon.minus svg{color:var(--rd);width:18px;height:18px;}
.hist-body{flex:1;min-width:0;}
.hist-desc{font-size:13px;font-weight:700;color:var(--wh);}
.hist-date{font-size:11px;color:var(--dim);margin-top:3px;display:flex;align-items:center;gap:5px;}
.hist-date svg{width:10px;height:10px;}
.hist-amount{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;flex-shrink:0;}
.hist-amount.plus{color:var(--gr);}
.hist-amount.minus{color:var(--rd);}

.load-more-wrap{padding:16px 20px;border-top:1px solid var(--ln);display:flex;align-items:center;justify-content:center;}
.load-more-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:11px;background:var(--bg2);border:1px solid var(--ln2);color:var(--mid);font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;}
.load-more-btn:hover{border-color:var(--bl);color:var(--bl2);background:rgba(33,150,243,.06);}
.load-more-btn svg{width:14px;height:14px;}

.mini-stat-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:16px;overflow:hidden;}
.ms-hdr{padding:12px 16px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:8px;}
.ms-hdr svg{width:14px;height:14px;color:var(--gd);}
.ms-hdr-t{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:.4px;}
.ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ln);}
.ms-cell{background:var(--bg1);padding:12px 14px;text-align:center;}
.ms-val{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:700;line-height:1;}
.ms-lbl{font-size:10px;color:var(--dim);font-weight:700;margin-top:3px;text-transform:uppercase;letter-spacing:.4px;}

.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:2000;align-items:center;justify-content:center;backdrop-filter:blur(5px);}
.modal-bg.open{display:flex;}
.modal-box{width:420px;max-width:95vw;background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.7);}
.modal-hdr{padding:16px 20px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;}
.modal-hdr svg{width:16px;height:16px;color:var(--bl2);flex-shrink:0;}
.modal-title{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;flex:1;}
.modal-close{background:none;border:none;color:var(--mid);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;border-radius:6px;transition:all .15s;}
.modal-close:hover{background:rgba(255,255,255,.07);}
.modal-body{padding:20px;}
.modal-label{font-size:12px;color:var(--dim);font-weight:600;margin-bottom:6px;display:block;}
.modal-input{width:100%;padding:10px 14px;border-radius:10px;background:var(--bg0);border:1px solid var(--ln2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13px;font-weight:500;outline:none;transition:border .18s;}
.modal-input:focus{border-color:var(--bl);}
.modal-footer{padding:14px 20px;border-top:1px solid var(--ln);display:flex;gap:10px;justify-content:flex-end;}
.mbtn{padding:9px 20px;border-radius:10px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .2s;}
.mbtn.primary{background:linear-gradient(135deg,var(--bl3),var(--bl));color:#fff;}
.mbtn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(33,150,243,.4);}
.mbtn.secondary{background:var(--bg2);border:1px solid var(--ln2);color:var(--mid);}
.mbtn.secondary:hover{border-color:var(--bl);color:var(--bl2);}

.amount-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;}
.amount-preset{padding:9px;border-radius:9px;background:var(--bg2);border:1px solid var(--ln2);color:var(--mid);font-size:12.5px;font-weight:700;cursor:pointer;text-align:center;transition:all .15s;}
.amount-preset:hover,.amount-preset.on{background:rgba(33,150,243,.1);border-color:rgba(33,150,243,.3);color:var(--bl2);}

#dlAccordion{
	padding: 8px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#forumList > .forum-sec .forum-sec-t{
	display: none;
}

.ftabs{display:flex;gap:0;padding:0;border-bottom:1px solid var(--ln);background:var(--bg1);}
.ftab{display:flex;align-items:center;gap:7px;padding:13px 20px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--dim);border-bottom:2px solid transparent;transition:all .18s;white-space:nowrap;position:relative;}
.ftab svg{width:13px;height:13px;flex-shrink:0;}
.ftab:hover{color:var(--wh);}
.ftab.on{color:var(--bl2);border-bottom-color:var(--bl2);}
.ftab-cnt{font-size:10px;font-weight:800;padding:1px 6px;border-radius:10px;margin-left:2px;background:rgba(139,155,191,.12);color:var(--dim);}
.ftab.on .ftab-cnt{background:rgba(33,150,243,.18);color:var(--bl2);}
.ftab-cnt.rd{background:rgba(244,67,54,.18);color:var(--rd);}
.ftab-cnt.gr{background:rgba(41,194,122,.18);color:var(--gr);}

.fc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:14px;padding:20px;}
.fc{background:var(--bg2);border:1px solid var(--ln2);border-radius:16px;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s;animation:fadeInUp .3s ease both;}
.fc:hover{border-color:rgba(33,150,243,.3);box-shadow:0 8px 28px rgba(0,0,0,.45);transform:translateY(-2px);}
.fc-top{padding:18px 16px 14px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--ln);}
.fc-ava{width:52px;height:52px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;position:relative;}
.fc-odot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg2);}
.fc-odot.on{background:var(--gr);box-shadow:0 0 6px var(--gr);}
.fc-odot.off{background:var(--dim);}
.fc-info{flex:1;min-width:0;}
.fc-nm{font-size:13.5px;font-weight:800;color:var(--wh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fc-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px;}
.fc-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;}
.fc-tag svg{width:9px;height:9px;}
.fc-btns{padding:11px 14px;display:flex;gap:8px;}
.fc-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;transition:all .16s;border:1px solid;font-family:'Nunito',sans-serif;}
.fc-btn svg{width:12px;height:12px;}
.fc-btn.msg{background:rgba(33,150,243,.08);border-color:rgba(33,150,243,.2);color:var(--bl2);}
.fc-btn.msg:hover{background:rgba(33,150,243,.18);border-color:rgba(33,150,243,.4);transform:translateY(-1px);}
.fc-btn.del{background:rgba(244,67,54,.05);border-color:rgba(244,67,54,.14);color:rgba(244,67,54,.55);}
.fc-btn.del:hover{background:rgba(244,67,54,.13);border-color:rgba(244,67,54,.32);color:var(--rd);}
.fc-btn.acc{background:rgba(41,194,122,.08);border-color:rgba(41,194,122,.2);color:var(--gr);}
.fc-btn.acc:hover{background:rgba(41,194,122,.18);border-color:rgba(41,194,122,.4);}
.fc-btn.rej{background:rgba(244,67,54,.05);border-color:rgba(244,67,54,.14);color:rgba(244,67,54,.55);}
.fc-btn.rej:hover{background:rgba(244,67,54,.13);border-color:rgba(244,67,54,.32);color:var(--rd);}
.fc-btn.cancel{background:rgba(139,155,191,.06);border-color:var(--ln2);color:var(--dim);}
.fc-btn.cancel:hover{background:var(--bg3);color:var(--wh);border-color:var(--ln2);}

.tab-panel{display:none;}
.tab-panel.on{display:block;}

.fc.removing{animation:fcOut .25s ease forwards!important;}
@keyframes fcOut{to{opacity:0;transform:scale(.92);}}

.priv-page-hdr{background:linear-gradient(135deg,rgba(33,150,243,.07),rgba(0,188,212,.04));border:1px solid rgba(33,150,243,.15);border-radius:18px;padding:28px 30px;position:relative;overflow:hidden;margin-bottom:0;}
.priv-page-hdr::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(33,150,243,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(33,150,243,.04) 1px,transparent 1px);background-size:28px 28px;}
.priv-page-hdr::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--bl2),var(--cy),var(--bl2),transparent);}
.php-inner{position:relative;z-index:1;}
.php-title{font-family:'Rajdhani',sans-serif;font-size:24px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.php-title svg{width:22px;height:22px;color:var(--bl2);}
.php-desc{font-size:13px;color:var(--mid);line-height:1.6;max-width:600px;}
.php-desc a{color:var(--bl2);font-weight:700;transition:color .15s;}
.php-desc a:hover{color:var(--wh);}
.php-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.2);color:var(--gr);font-size:12px;font-weight:700;margin-top:14px;}
.php-badge svg{width:13px;height:13px;}


.svc-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;}
.svc-card-hdr{padding:15px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;}
.svc-card-hdr svg{width:16px;height:16px;color:var(--bl2);}
.svc-card-title{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:.4px;flex:1;}
.svc-cnt{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;background:rgba(33,150,243,.12);border:1px solid rgba(33,150,243,.2);color:var(--bl2);}

.svc-table-wrap{overflow-x:auto;}
.svc-table{width:100%;border-collapse:collapse;}
.svc-table th{padding:11px 20px;font-size:10.5px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.6px;text-align:left;border-bottom:1px solid var(--ln2);background:var(--bg2);white-space:nowrap;}
.svc-table th:first-child{width:44px;text-align:center;}
.svc-table td{padding:0;border-bottom:1px solid var(--ln);vertical-align:middle;}
.svc-table tr:last-child td{border-bottom:none;}
.svc-table tr:hover td{background:rgba(255,255,255,.018);}
.td-in{padding:14px 20px;display:flex;align-items:center;gap:0;}
.td-num{width:44px;text-align:center;font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--dim);}
.td-id{font-family:monospace;font-size:12.5px;color:var(--bl2);font-weight:700;letter-spacing:.3px;}
.td-active{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:20px;}
.td-active.on{background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.22);color:var(--gr);}
.td-active.off{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.22);color:var(--rd);}
.td-active svg{width:10px;height:10px;}
.active-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 2s infinite;}
.td-server{font-size:12.5px;font-weight:700;color:var(--wh);}
.td-server-sub{font-size:11px;color:var(--dim);margin-top:2px;font-weight:600;}
.td-params{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.param-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;}
.param-tag.blue{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.2);color:var(--bl2);}
.param-tag.gold{background:rgba(255,179,0,.1);border:1px solid rgba(255,179,0,.2);color:var(--gd);}
.param-tag.green{background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.2);color:var(--gr);}
.param-tag svg{width:9px;height:9px;}
.settings-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;background:rgba(33,150,243,.08);border:1px solid rgba(33,150,243,.2);color:var(--bl2);font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;font-family:'Nunito',sans-serif;}
.settings-btn:hover{background:rgba(33,150,243,.18);border-color:rgba(33,150,243,.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(33,150,243,.2);}
.settings-btn svg{width:13px;height:13px;}

.notif-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;}

.notif-hdr{padding:16px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:12px;}
.notif-hdr svg{width:18px;height:18px;color:var(--bl2);flex-shrink:0;}
.notif-hdr-title{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;flex:1;}
.notif-unread-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;background:rgba(244,67,54,.12);border:1px solid rgba(244,67,54,.25);color:var(--rd);font-size:11px;font-weight:800;}
.notif-unread-badge svg{width:10px;height:10px;}
.mark-all-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;background:rgba(41,194,122,.08);border:1px solid rgba(41,194,122,.2);color:var(--gr);font-size:12px;font-weight:700;cursor:pointer;transition:all .16s;font-family:'Nunito',sans-serif;}
.mark-all-btn:hover{background:rgba(41,194,122,.16);border-color:rgba(41,194,122,.38);}
.mark-all-btn svg{width:13px;height:13px;}

.notif-list{display:flex;flex-direction:column;}

.notif-item{
  	display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px 22px;
    border-bottom: 1px solid var(--ln);
    position: relative;
    transition: background .16s;
    cursor: pointer;
}
.notif-item:last-child{border-bottom:none;}
.notif-item:hover{background:rgba(255,255,255,.018);}
.notif-item.unread{background:rgba(33,150,243,.025);}
.notif-item.unread::before{content:'';background: var(--bl);position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0;}
.notif-item.unread.success::before{background:var(--gr);}
.notif-item.unread.danger::before{background:var(--rd);}
.notif-item.unread.warning::before{background:var(--gd);}
.notif-item.unread.type-group::before{background:#ce93d8;}

.notif-ico{
  width: 46px;
    height: 46px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    background: rgb(33 150 243 / 10%);
    border: 1px solid rgb(33 150 243 / 22%);
}
.notif-ico svg {
    width: 20px;
    height: 20px;
    color: #2196f3;
}
.notif-ico.success{background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.22);}
.notif-ico.success svg{color:var(--gr);}
.notif-ico.danger{background:rgba(244,67,54,.08);border:1px solid rgba(244,67,54,.2);}
.notif-ico.danger svg{color:var(--rd);}
.notif-ico.warning{background:rgba(255,179,0,.1);border:1px solid rgba(255,179,0,.25);}
.notif-ico.warning svg{color:var(--gd);}
.notif-ico.group{background:rgba(156,39,176,.1);border:1px solid rgba(156,39,176,.25);}
.notif-ico.group svg{color:#ce93d8;}

.date-sep{padding:10px 22px;font-size:11px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.6px;background:rgba(255,255,255,.012);border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:8px;}
.date-sep::after{content:'';flex:1;height:1px;background:var(--ln);}

.notif-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;}
.ntag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;}
.ntag.gr{background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.22);color:var(--gr);}
.ntag.rd{background:rgba(244,67,54,.08);border:1px solid rgba(244,67,54,.2);color:var(--rd);}
.ntag.gd{background:rgba(255,179,0,.1);border:1px solid rgba(255,179,0,.22);color:var(--gd);}
.ntag.pu{background:rgba(156,39,176,.1);border:1px solid rgba(156,39,176,.22);color:#ce93d8;}
.ntag.bl{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.22);color:var(--bl2);}
.ntag svg{width:9px;height:9px;}

.notif-dismiss{width:28px;height:28px;border-radius:8px;background:transparent;border:1px solid transparent;color:rgba(139,155,191,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s;flex-shrink:0;margin-top:1px;}
.notif-dismiss:hover{background:rgba(244,67,54,.1);border-color:rgba(244,67,54,.25);color:var(--rd);}
.notif-dismiss svg{width:13px;height:13px;}

.date-sep{padding:10px 22px;font-size:11px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.6px;background:rgba(255,255,255,.012);border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:8px;}
.date-sep::after{content:'';flex:1;height:1px;background:var(--ln);}

.notif-body{flex:1;min-width:0;}
.notif-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px;}
.notif-title{font-size:13.5px;font-weight:800;color:var(--wh);line-height:1.3;}
.notif-time{font-size:11px;color:var(--dim);font-weight:600;flex-shrink:0;white-space:nowrap;}
.notif-desc{font-size:12.5px;color:var(--mid);line-height:1.55;}
.notif-desc strong{font-weight:700}

.forum-hero{background:linear-gradient(135deg,#0a1020,#0d1e40,#0a1020);border-bottom:1px solid rgba(33,150,243,.15);position:relative;overflow:hidden;}
.forum-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(33,150,243,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(33,150,243,.04) 1px,transparent 1px);background-size:40px 40px;}
.forum-hero::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--bl2),var(--cy),var(--bl2),transparent);}
.forum-hero-inner{max-width:1520px;margin:0 auto;padding:36px 28px 32px;position:relative;z-index:1;}
.forum-hero-title{font-family:'Rajdhani',sans-serif;font-size:30px;font-weight:700;color:var(--wh);display:flex;align-items:center;gap:12px;margin-bottom:6px;}
.forum-hero-title svg{width:26px;height:26px;color:var(--bl2);}
.forum-hero-sub{font-size:13px;color:var(--mid);max-width:500px;}
.forum-hero-stats{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap;}
.fhstat{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(33,150,243,.07);border:1px solid rgba(33,150,243,.15);border-radius:10px;}
.fhstat svg{width:14px;height:14px;color:var(--bl2);}
.fhstat-v{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;color:var(--bl2);line-height:1;}
.fhstat-l{font-size:11px;color:var(--dim);font-weight:600;margin-left:2px;}

.page.forum{max-width:1520px;margin:0 auto;padding:28px 28px 40px;display:grid;grid-template-columns:1fr 290px;gap:24px;align-items:start;}

/* ── INFO CARDS (top 3) ── */
.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;}
.icard{background:var(--bg1);border:1px solid var(--ln2);border-radius:16px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;cursor:pointer;transition:border-color .18s,background .18s,transform .2s;}
.icard:hover{border-color:rgba(33,150,243,.35);background:var(--bg2);transform:translateY(-2px);}
.icard-ico{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.icard-ico svg{width:20px;height:20px;}
.icard-ico.blue{background:rgba(33,150,243,.12);color:var(--bl2);}
.icard-ico.gold{background:rgba(255,179,0,.12);color:var(--gd);}
.icard-ico.green{background:rgba(41,194,122,.12);color:var(--gr);}
.icard-title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--wh);margin-bottom:4px;}
.icard-desc{font-size:12px;color:var(--dim);line-height:1.55;}

/* ── FORUM SECTION GROUP ── */
.forum-group{margin-bottom:22px;}
.fg-header{display:flex;align-items:center;gap:10px;padding:10px 0 10px;margin-bottom:0;}
.fg-label{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--bl2);display:flex;align-items:center;gap:8px;}
.fg-label svg{width:13px;height:13px;}
.fg-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(33,150,243,.3),transparent);}

/* ── FORUM SECTION ROW ── */
.forum-section{background:var(--bg1);border:1px solid var(--ln2);border-radius:16px;overflow:hidden;margin-bottom:3px;transition:border-color .18s;}
.forum-section:last-child{margin-bottom:0;}
.forum-section:hover{border-color:rgba(33,150,243,.22);}
.fs-row{display:grid;grid-template-columns:46px minmax(0,1fr) 110px 110px minmax(0,240px);align-items:center;gap:0;}
/* column borders */
.fs-ico-col{padding:18px 0 18px 18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.fs-main-col{padding:16px 18px;min-width:0;overflow:hidden;}
.fs-stat-col{padding:16px 12px;text-align:center;border-left:1px solid var(--ln);flex-shrink:0;}
.fs-last-col{padding:14px 18px;border-left:1px solid var(--ln);display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;}

/* section icon */
.fs-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.fs-icon svg{width:18px;height:18px;}
.fs-icon.blue{background:rgba(33,150,243,.1);color:var(--bl2);}
.fs-icon.green{background:rgba(41,194,122,.1);color:var(--gr);}
.fs-icon.gold{background:rgba(255,179,0,.1);color:var(--gd);}
.fs-icon.red{background:rgba(244,67,54,.1);color:var(--rd);}

/* section name & desc */
.fs-name{font-size:14px;font-weight:700;color:var(--wh);margin-bottom:3px;transition:color .15s;word-break:break-word;overflow-wrap:break-word;}
.forum-section:hover .fs-name{color:var(--bl2);}
.fs-desc{font-size:12px;color:var(--dim);line-height:1.5;word-break:break-word;overflow-wrap:break-word;}

/* stat */
.fs-stat-val{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:700;color:var(--wh);line-height:1;}
.fs-stat-lbl{font-size:10px;color:var(--dim);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-top:3px;}

/* last post */
.lp-ava{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;color:#fff;border:2px solid rgba(255,255,255,.08);}
.lp-info{flex:1;min-width:0;overflow:hidden;}
.lp-topic{font-size:12px;font-weight:700;color:var(--wh);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s;}
.lp-topic:hover{color:var(--bl2);}
.lp-meta{font-size:10.5px;color:var(--dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lp-meta span{color:var(--bl2);font-weight:600;}

/* header row labels */
.fs-head{display:grid;grid-template-columns:46px minmax(0,1fr) 110px 110px minmax(0,240px);align-items:center;gap:0;padding:0 0 7px;}
.fs-head-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);}
.fs-head-lbl.center{text-align:center;}
.fs-head-lbl.pad{padding-left:18px;}

/* ── RIGHT SIDEBAR ── */
.sidebar{display:flex;flex-direction:column;gap:18px;}
.scard{background:var(--bg1);border:1px solid var(--ln2);border-radius:16px;overflow:hidden;}
.sch{padding:14px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.sch svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.sct{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;flex:1;}

/* online users */
.su-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:8px;padding:12px 16px 14px;}
.su-ava{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;color:#fff;border:2px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .18s,border-color .18s;position:relative;}
.su-ava:hover{transform:scale(1.15);border-color:var(--bl);}
.su-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;background:var(--gr);border:2px solid var(--bg1);}

/* recent topics */
.rt-item{display:flex;align-items:flex-start;gap:10px;padding:11px 16px;border-bottom:1px solid var(--ln);cursor:pointer;transition:background .15s;}
.rt-item:last-child{border-bottom:none;}
.rt-item:hover{background:var(--bg2);}
.rt-ava{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;color:#fff;border:2px solid rgba(255,255,255,.08);}
.rt-info{flex:1;min-width:0;}
.rt-title{font-size:12px;font-weight:700;color:var(--wh);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.rt-meta{font-size:10.5px;color:var(--dim);margin-top:3px;}

/* stats sidebar */
.stat-pair{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--ln);}
.stat-pair:last-child{border-bottom:none;}
.stat-pair-lbl{font-size:12px;color:var(--mid);font-weight:600;display:flex;align-items:center;gap:7px;}
.stat-pair-lbl svg{width:13px;height:13px;color:var(--bl2);}
.stat-pair-val{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;color:var(--wh);}

/* ── SEO BLOCK ── */
.seo-block{max-width:1520px;margin:0 auto 40px;padding:0 28px;}
.seo-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;}
.seo-hdr{padding:20px 24px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;transition:background .15s;}
.seo-hdr:hover{background:var(--bg2);}
.seo-hdr svg.ico{width:18px;height:18px;color:var(--bl2);flex-shrink:0;}
.seo-hdr-title{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;flex:1;}
.seo-arrow{width:16px;height:16px;color:var(--dim);transition:transform .25s;flex-shrink:0;}
.seo-hdr.open .seo-arrow{transform:rotate(180deg);}
.seo-body{display:none;padding:24px;}
.seo-body.open{display:block;}
.seo-text{font-size:13.5px;color:var(--mid);line-height:1.8;margin-bottom:20px;}
.seo-text strong{color:var(--wh);font-weight:700;}
.seo-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
.seo-list-title{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;color:var(--bl2);letter-spacing:.4px;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:7px;}
.seo-list-title svg{width:13px;height:13px;}
.seo-list{display:flex;flex-direction:column;gap:6px;}
.seo-li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--mid);}
.seo-li svg{width:13px;height:13px;color:var(--bl2);flex-shrink:0;margin-top:2px;}

.faq-item{border:1px solid var(--ln2);border-radius:12px;overflow:hidden;margin-bottom:8px;}
.faq-item:last-child{margin-bottom:0;}
.faq-q{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;transition:background .15s;user-select:none;}
.faq-q:hover{background:var(--bg2);}
.faq-q svg.faq-ico{width:14px;height:14px;color:var(--bl2);flex-shrink:0;}
.faq-q-text{flex:1;font-size:13px;font-weight:700;color:var(--wh);}
.faq-arrow{width:13px;height:13px;color:var(--dim);transition:transform .22s;flex-shrink:0;}
.faq-q.open .faq-arrow{transform:rotate(180deg);}
.faq-a{display:none;padding:0 16px 14px 38px;font-size:13px;color:var(--mid);line-height:1.7;}
.faq-a.open{display:block;}

.topic-header{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;padding:22px 24px;margin-bottom:4px;}
.topic-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;}
.topic-title{font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;color:var(--wh);line-height:1.3;}
.topic-actions{display:flex;gap:8px;flex-shrink:0;}
.t-act-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .18s;border:1px solid var(--ln2);background:var(--bg2);color:var(--mid);white-space:nowrap;}
.t-act-btn:hover{color:var(--wh);border-color:var(--bl2);}
.t-act-btn svg{width:13px;height:13px;}
.t-act-btn.edit:hover{color:var(--bl2);border-color:var(--bl);background:rgba(33,150,243,.08);}
.t-act-btn.del:hover{color:var(--rd);border-color:var(--rd);background:rgba(244,67,54,.08);}
.topic-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.tmeta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--dim);font-weight:600;}
.tmeta-item svg{width:12px;height:12px;color:var(--bl2);}
.topic-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:rgba(33,150,243,.12);border:1px solid rgba(33,150,243,.2);color:var(--bl2);}
.topic-badge svg{width:11px;height:11px;}

.page-wrap{max-width:1100px;margin:0 auto;padding:28px 28px 48px;}

/* ── POST LIST ── */
.posts{display:flex;flex-direction:column;gap:3px;margin-bottom:24px;}

/* ── SINGLE POST ── */
.post{background:var(--bg1);border:1px solid var(--ln2);border-radius:16px;display:flex;gap:0;overflow:visible;transition:border-color .15s;}
.post:hover{border-color:rgba(33,150,243,.18);}
.post.first-post{border-color:rgba(33,150,243,.2);background:linear-gradient(180deg,rgba(13,71,161,.06),var(--bg1));}

/* user sidebar */
.post-user{width:160px;flex-shrink:0;padding:22px 16px;border-right:1px solid var(--ln);display:flex;flex-direction:column;align-items:center;gap:8px;}
.pu-avatar{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;color:#fff;border:2px solid rgba(255,255,255,.12);margin-bottom:4px;flex-shrink:0;}
.pu-name{font-size:13px;font-weight:800;color:var(--wh);text-align:center;line-height:1.3;}
.pu-role{font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:20px;text-align:center;}
.pu-role.admin{background:rgba(255,179,0,.15);color:var(--gd);border:1px solid rgba(255,179,0,.25);}
.pu-role.mod{background:rgba(33,150,243,.12);color:var(--bl2);border:1px solid rgba(33,150,243,.2);}
.pu-role.user{background:rgba(255,255,255,.06);color:var(--dim);border:1px solid var(--ln2);}
.pu-online{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--gr);font-weight:600;}
.pu-online-dot{width:7px;height:7px;border-radius:50%;background:var(--gr);}
.pu-offline{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--dim);font-weight:600;}
.pu-offline-dot{width:7px;height:7px;border-radius:50%;background:var(--dim);}
.pu-divider{width:100%;height:1px;background:var(--ln);margin:4px 0;}

/* user stats */
.pu-stats{width:100%;display:flex;flex-direction:column;gap:5px;}
.pu-stat{display:flex;align-items:center;justify-content:space-between;gap:4px;}
.pu-stat-lbl{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--dim);font-weight:600;}
.pu-stat-lbl svg{width:10px;height:10px;color:var(--bl2);}
.pu-stat-val{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;color:var(--wh);}

/* rating stars */
.pu-rating{display:flex;align-items:center;gap:2px;justify-content:center;margin-top:2px;}
.pu-star{color:var(--gd);}
.pu-star.empty{color:var(--ln2);}
.pu-star svg{width:12px;height:12px;}
.pu-rating-val{font-size:11px;color:var(--gd);font-weight:700;margin-left:3px;}

/* post body */
.post-body{flex:1;min-width:0;display:flex;flex-direction:column;}
.post-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid var(--ln);}
.post-num{font-size:11px;color:var(--dim);font-weight:700;}
.post-date{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--dim);font-weight:600;}
.post-date svg{width:11px;height:11px;}
.post-content{padding:18px 20px;flex:1;font-size:14px;color:var(--mid);line-height:1.8;}
.post-content p{margin-bottom:10px;}
.post-content p:last-child{margin-bottom:0;}
.post-content strong{color:var(--wh);}
.post-content .quote{background:var(--bg2);border-left:3px solid var(--bl);border-radius:0 8px 8px 0;padding:10px 14px;margin:10px 0;font-size:13px;}
.post-content .quote-author{font-size:11px;font-weight:700;color:var(--bl2);margin-bottom:4px;}

/* post footer actions */
.post-footer{padding:10px 18px 14px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--ln);}
.pf-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;border:1px solid var(--ln2);background:transparent;color:var(--dim);}
.pf-btn:hover{border-color:var(--bl);color:var(--bl2);background:rgba(33,150,243,.06);}
.pf-btn svg{width:13px;height:13px;}
.pf-btn.like{color:var(--dim);}
.pf-btn.like.active{color:var(--gr);border-color:rgba(41,194,122,.3);background:rgba(41,194,122,.07);}
.pf-btn.like:hover{color:var(--gr);border-color:rgba(41,194,122,.3);background:rgba(41,194,122,.07);}
.pf-like-cnt{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;}
.pf-spacer{flex:1;}

.thank_str{
	display: none;
}

.reply-section{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:visible;}
.reply-hdr{padding:16px 20px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;}
.reply-hdr svg{width:16px;height:16px;color:var(--bl2);}
.reply-hdr-title{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;}
.reply-body{padding:18px 20px;overflow:visible;}

.editor-wrap{border:1px solid var(--ln2);border-radius:10px;overflow:hidden;transition:border-color .18s,box-shadow .18s;}
.editor-wrap:focus-within{border-color:var(--bl);box-shadow:0 0 0 3px rgba(33,150,243,.13);}

.reply-textarea{width:100%;background:var(--bg2);border:none;outline:none;padding:14px 16px;color:var(--wh);font-family:'Nunito',sans-serif;font-size:14px;line-height:1.65;resize:vertical;min-height:110px;display:block;}
.reply-textarea::placeholder{color:var(--dim);}

.reply-submit-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:12px;flex-wrap:wrap;}
.reply-hint{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:5px;}
.reply-hint svg{width:12px;height:12px;color:var(--bl2);}
.reply-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:11px;background:linear-gradient(135deg,var(--bl3),var(--bl));color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;border:none;box-shadow:0 4px 14px rgba(33,150,243,.3);}
.reply-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(33,150,243,.45);}
.reply-submit-btn svg{width:14px;height:14px;}

.news-hero{background:linear-gradient(135deg,#0a1020,#0d1e40,#0a1020);border-bottom:1px solid rgba(33,150,243,.15);position:relative;overflow:hidden;}
.news-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(33,150,243,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(33,150,243,.04) 1px,transparent 1px);background-size:40px 40px;}
.news-hero::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--bl2),var(--cy),var(--bl2),transparent);}
.news-hero-inner{max-width:1520px;margin:0 auto;padding:32px 28px 28px;position:relative;z-index:1;}
.news-hero-title{font-family:'Rajdhani',sans-serif;font-size:28px;font-weight:700;color:var(--wh);display:flex;align-items:center;gap:12px;margin-bottom:6px;}
.news-hero-title svg{width:24px;height:24px;color:var(--bl2);}
.news-hero-sub{font-size:13px;color:var(--mid);}
.news-hero-stats{display:flex;gap:16px;margin-top:18px;flex-wrap:wrap;}
.nhstat{display:flex;align-items:center;gap:8px;padding:7px 14px;background:rgba(33,150,243,.07);border:1px solid rgba(33,150,243,.15);border-radius:10px;}
.nhstat svg{width:13px;height:13px;color:var(--bl2);}
.nhstat-v{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;color:var(--bl2);line-height:1;}
.nhstat-l{font-size:11px;color:var(--dim);font-weight:600;margin-left:2px;}

.lsidebar{display:flex;flex-direction:column;gap:16px;}
.lcard{background:var(--bg1);border:1px solid var(--ln2);border-radius:16px;overflow:hidden;}
.lcard-hdr{padding:14px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.lcard-hdr svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.lcard-title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;}

.cat-list{padding:8px;}
.cat-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;transition:background .15s,color .15s;color:var(--mid);font-size:13px;font-weight:600;user-select:none;}
.cat-list li:hover{background:var(--bg2);color:var(--wh);}
.cat-list li.active{background:rgba(33,150,243,.1);color:var(--bl2);}
.cat-list > li svg{width:14px;height:14px;flex-shrink:0;}
.cat-count{margin-left:auto;font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px;background:var(--bg3);}
.cat-item.active .cat-count{background:rgba(33,150,243,.2);color:var(--bl2);}

.tag-cloud{padding:12px 16px 14px;display:flex;flex-wrap:wrap;gap:6px;}
.tag{font-size:11.5px;font-weight:600;color:var(--mid);padding:4px 11px;border-radius:20px;border:1px solid var(--ln2);background:var(--bg0);cursor:pointer;transition:all .15s;}
.tag:hover{color:var(--bl2);border-color:var(--bl);background:rgba(33,150,243,.08);}

.news-grid{display:flex;flex-direction:column;gap:0;}
.news-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:16px;overflow:hidden;margin-bottom:14px;display:flex;gap:0;transition:border-color .18s,transform .2s,box-shadow .2s;cursor:pointer;}
.news-card:last-child{margin-bottom:0;}
.news-card:hover{border-color:rgba(33,150,243,.35);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.35);}

.news-thumb{width:200px;flex-shrink:0;position:relative;overflow:hidden;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;}
.news-thumb-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;}
.news-thumb svg.thumb-ico{width:36px;height:36px;opacity:.3;}
.news-thumb-label{font-size:10px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.6px;}
.news-thumb::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;}
.news-thumb.blue::before{background:linear-gradient(180deg,var(--bl2),var(--bl3));}
.news-thumb.green::before{background:linear-gradient(180deg,var(--gr),#1b5e20);}
.news-thumb.gold::before{background:linear-gradient(180deg,var(--gd),#e65100);}
.news-thumb.red::before{background:linear-gradient(180deg,var(--rd),#880e4f);}
.news-thumb.cyan::before{background:linear-gradient(180deg,var(--cy),var(--bl));}
.news-thumb::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(33,150,243,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(33,150,243,.04) 1px,transparent 1px);background-size:18px 18px;}

.news-cat-badge{position:absolute;bottom:10px;left:10px;z-index:1;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:3px 9px;border-radius:20px;}
.news-cat-badge.blue{background:rgba(33,150,243,.2);border:1px solid rgba(33,150,243,.35);color:var(--bl2);}
.news-cat-badge.green{background:rgba(41,194,122,.15);border:1px solid rgba(41,194,122,.3);color:var(--gr);}
.news-cat-badge.gold{background:rgba(255,179,0,.15);border:1px solid rgba(255,179,0,.3);color:var(--gd);}
.news-cat-badge.red{background:rgba(244,67,54,.15);border:1px solid rgba(244,67,54,.3);color:var(--rd);}
.news-cat-badge.cyan{background:rgba(0,188,212,.15);border:1px solid rgba(0,188,212,.3);color:var(--cy);}

.news-body{flex:1;padding:20px 22px;min-width:0;display:flex;flex-direction:column;}
.news-title{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;color:var(--wh);margin-bottom:8px;line-height:1.3;transition:color .15s;}
.news-card:hover .news-title{color:var(--bl2);}
.news-desc{font-size:13px;color:var(--mid);line-height:1.65;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news-footer{display:flex;align-items:center;gap:16px;margin-top:14px;flex-wrap:wrap;}
.news-meta{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--dim);font-weight:600;}
.news-meta svg{width:12px;height:12px;flex-shrink:0;}
.news-meta.views{color:var(--mid);}
.news-read-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:6px 14px;border-radius:9px;background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.25);color:var(--bl2);transition:all .15s;}
.news-read-btn:hover{background:var(--bl3);color:#fff;border-color:var(--bl3);}
.news-read-btn svg{width:11px;height:11px;}

.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;}
.pag-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;border:1px solid var(--ln2);background:var(--bg1);color:var(--mid);user-select:none;}
.pag-btn:hover{border-color:var(--bl);color:var(--bl2);background:rgba(33,150,243,.08);}
.pag-btn.active{background:linear-gradient(135deg,var(--bl3),var(--bl));border-color:var(--bl);color:#fff;box-shadow:0 4px 14px rgba(33,150,243,.3);}
.pag-btn.arr{color:var(--dim);}
.pag-btn.arr svg{width:14px;height:14px;}
.pag-btn.arr:hover{color:var(--bl2);}
.pag-btn.disabled{opacity:.35;pointer-events:none;}
.pag-dots{color:var(--dim);font-size:13px;font-weight:700;padding:0 4px;}

.rsidebar{display:flex;flex-direction:column;gap:16px;}
.rcard{background:var(--bg1);border:1px solid var(--ln2);border-radius:16px;overflow:hidden;}
.rch{padding:14px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.rch svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.rct{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;flex:1;}

.pop-item{display:flex;align-items:flex-start;gap:10px;padding:11px 16px;border-bottom:1px solid var(--ln);cursor:pointer;transition:background .15s;}
.pop-item:last-child{border-bottom:none;}
.pop-item:hover{background:var(--bg2);}
.pop-num{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;color:var(--dim);width:20px;flex-shrink:0;text-align:center;line-height:1.3;}
.pop-num.t1{color:var(--gd);}
.pop-num.t2{color:#c0c0c0;}
.pop-num.t3{color:#cd7f32;}
.pop-info{flex:1;min-width:0;}
.pop-title{font-size:12.5px;font-weight:700;color:var(--wh);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s;}
.pop-item:hover .pop-title{color:var(--bl2);}
.pop-meta{font-size:10.5px;color:var(--dim);margin-top:3px;display:flex;align-items:center;gap:5px;}
.pop-meta svg{width:10px;height:10px;}

.sstat{display:flex;align-items:center;justify-content:space-between;padding:9px 18px;border-bottom:1px solid var(--ln);}
.sstat:last-child{border-bottom:none;}
.sstat-lbl{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--mid);font-weight:600;}
.sstat-lbl svg{width:12px;height:12px;color:var(--bl2);}
.sstat-val{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;color:var(--wh);}


/* ── LAYOUT ── */
.page.events{max-width:1520px;margin:0 auto;padding:30px 28px 40px;display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start;}

/* ── ANIMATIONS ── */
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.35;}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(33,150,243,0);}50%{box-shadow:0 0 0 8px rgba(33,150,243,.12);}}
@keyframes evtRemove{to{opacity:0;transform:translateX(24px);max-height:0;padding-top:0;padding-bottom:0;margin:0;overflow:hidden;border:none;}}

/* ════════════════════════
   LEFT — CATEGORY SWITCHER
   ════════════════════════ */
.left-col{display:flex;flex-direction:column;gap:18px;}

.cat-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .3s ease both;}
.cat-card__hdr{padding:14px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.cat-card__hdr svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.cat-card__title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;flex:1;}
.cat-card__list{padding:8px;}

.cat-card__list li{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:12px;cursor:pointer;transition:all .16s;border:1px solid transparent;position:relative;}
.cat-card__list li:hover{background:var(--bg2);border-color:var(--ln2);}
.cat-card__list li.active{background:rgba(33,150,243,.08);border-color:rgba(33,150,243,.22);}
.cat-card__list li.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--bl2);border-radius:0 3px 3px 0;}

/* Bulk actions */
.bulk-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .3s ease .1s both;}
.bulk-card__hdr{padding:13px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.bulk-card__hdr svg{width:15px;height:15px;color:var(--rd);flex-shrink:0;}
.bulk-card__title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;color:var(--rd);}
.bulk-card__body{padding:12px 14px;display:flex;flex-direction:column;gap:8px;}
.bulk-btn{display:flex;align-items:center;gap:9px;width:100%;padding:10px 14px;border-radius:11px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .16s;border:1px solid;}
.bulk-btn svg{width:14px;height:14px;flex-shrink:0;}
.bulk-btn--all{background:rgba(244,67,54,.08);border-color:rgba(244,67,54,.22);color:#ef9a9a;}
.bulk-btn--all:hover{background:rgba(244,67,54,.16);border-color:rgba(244,67,54,.4);color:var(--rd);}
.bulk-btn--read{background:rgba(33,150,243,.08);border-color:rgba(33,150,243,.2);color:var(--bl2);}
.bulk-btn--read:hover{background:rgba(33,150,243,.16);border-color:rgba(33,150,243,.38);color:var(--bl2);}

.right-col{display:flex;flex-direction:column;gap:16px;}

.page-hdr{display:flex;align-items:center;gap:14px;animation:fadeInUp .3s ease both;}
.page-hdr__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--bl3),var(--bl));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(33,150,243,.3);}
.page-hdr__icon svg{width:22px;height:22px;color:#fff;}
.page-hdr__title{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;letter-spacing:.5px;}
.page-hdr__sub{font-size:12.5px;color:var(--mid);margin-top:2px;}

/* Feed card */
.feed-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .35s ease .05s both;}
.feed-card__hdr{padding:14px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:12px;}
.feed-card__hdr svg{width:16px;height:16px;color:var(--bl2);flex-shrink:0;}
.feed-card__htitle{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;flex:1;}
.feed-card__hcnt{font-size:11px;color:var(--mid);font-weight:700;padding:2px 8px;border-radius:20px;background:var(--bg2);border:1px solid var(--ln2);}

/* Event item */
.evt-item{display:flex;align-items:flex-start;gap:14px;padding:15px 20px;border-bottom:1px solid var(--ln);transition:background .14s,opacity .3s,transform .3s,max-height .3s;position:relative;}
.evt-item:last-child{border-bottom:none;}
.evt-item:hover{background:rgba(255,255,255,.02);}
.evt-item.removing{animation:evtRemove .3s ease forwards;}

.evt-item__icon-wrap{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;position:relative;margin-top:1px;}
.evt-item__cat-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg1);display:flex;align-items:center;justify-content:center;}
.evt-item__cat-dot svg{width:8px;height:8px;}

.evt-item__body{flex:1;min-width:0;}
.evt-item__user{font-size:13.5px;font-weight:700;color:var(--wh);margin-bottom:3px;}
.evt-item__text{font-size:13px;color:var(--mid);line-height:1.5;}
.evt-item__text strong{color:var(--bl2);font-weight:700;}
.evt-item__meta{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap;}
.evt-item__time{font-size:11.5px;color:var(--dim);font-weight:600;display:flex;align-items:center;gap:5px;}
.evt-item__time svg{width:12px;height:12px;}
.evt-item__cat-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:20px;}

.evt-item__del{width:28px;height:28px;border-radius:8px;background:rgba(244,67,54,.06);border:1px solid rgba(244,67,54,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(244,67,54,.45);transition:all .16s;flex-shrink:0;opacity:0;margin-top:2px;}
.evt-item:hover .evt-item__del{opacity:1;}
.evt-item__del:hover{background:rgba(244,67,54,.16);border-color:rgba(244,67,54,.38);color:var(--rd);transform:scale(1.1);}
.evt-item__del svg{width:13px;height:13px;}

/* Unread dot */
.evt-item--unread{border-left:3px solid var(--bl2);padding-left:17px;}
.evt-item--unread .evt-item__user::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--bl2);box-shadow:0 0 6px var(--bl2);margin-right:7px;vertical-align:middle;animation:blink 2s infinite;}

/* Empty state */
.feed-empty{padding:60px 20px;text-align:center;}
.feed-empty svg{width:48px;height:48px;color:var(--dim);margin-bottom:14px;}
.feed-empty__t{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;color:var(--dim);}
.feed-empty__s{font-size:13px;color:var(--dim);margin-top:6px;}

/* Pagination */
.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--ln);gap:12px;flex-wrap:wrap;}
.pagination__info{font-size:12.5px;color:var(--dim);font-weight:600;}
.pagination__info strong{color:var(--wh);}
.pg-controls{display:flex;align-items:center;gap:5px;}
.pg-btn{min-width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;border:1px solid var(--ln2);background:var(--bg2);color:var(--mid);}
.pg-btn:hover{border-color:var(--bl);color:var(--bl2);background:rgba(33,150,243,.08);}
.pg-btn.active{background:linear-gradient(135deg,var(--bl3),var(--bl));border-color:var(--bl);color:#fff;box-shadow:0 3px 10px rgba(33,150,243,.3);cursor:default;}
.pg-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none;}
.pg-btn svg{width:13px;height:13px;}
.pg-dots{border:none;background:none;color:var(--dim);cursor:default;letter-spacing:2px;}
.pg-dots:hover{border:none;background:none;color:var(--dim);}


.page.news-article {
                max-width: 1520px;
                margin: 0 auto;
                padding: 28px 28px 56px;
                display: grid;
                grid-template-columns: 232px 1fr 296px;
                gap: 22px;
                align-items: start;
}

.lsidebar {
                display: flex;
                flex-direction: column;
                gap: 16px;
            }

            .lcard {
                background: var(--bg1);
                border: 1px solid var(--ln2);
                border-radius: 16px;
                overflow: hidden;
            }

            .lcard-hdr {
                padding: 13px 16px;
                border-bottom: 1px solid var(--ln);
                display: flex;
                align-items: center;
                gap: 8px;
            }

            .lcard-hdr svg {
                width: 14px;
                height: 14px;
                color: var(--bl2);
                flex-shrink: 0;
            }

            .lcard-title {
                font-family: 'Rajdhani',sans-serif;
                font-size: 13.5px;
                font-weight: 700;
                letter-spacing: .3px;
            }

            .cat-list {
                padding: 6px;
            }

            .cat-item {
                display: flex;
                align-items: center;
                gap: 9px;
                padding: 8px 11px;
                border-radius: 9px;
                cursor: pointer;
                transition: background .14s,color .14s;
                color: var(--mid);
                font-size: 12.5px;
                font-weight: 600;
            }

            .cat-item:hover {
                background: var(--bg2);
                color: var(--wh);
            }

            .cat-item.active {
                background: rgba(33,150,243,.1);
                color: var(--bl2);
            }

            .cat-item svg {
                width: 13px;
                height: 13px;
                flex-shrink: 0;
            }

            .cat-cnt {
                margin-left: auto;
                font-size: 10.5px;
                font-weight: 700;
                padding: 2px 7px;
                border-radius: 20px;
                background: var(--bg3);
                color: var(--dim);
            }

            .cat-item.active .cat-cnt {
                background: rgba(33,150,243,.18);
                color: var(--bl2);
            }

            .ltag-cloud {
                padding: 10px 14px 14px;
                display: flex;
                flex-wrap: wrap;
                gap: 5px;
            }

            .ltag {
                font-size: 11.5px;
                font-weight: 600;
                color: var(--mid);
                padding: 4px 10px;
                border-radius: 20px;
                border: 1px solid var(--ln2);
                background: var(--bg0);
                cursor: pointer;
                transition: all .14s;
            }

            .ltag:hover {
                color: var(--bl2);
                border-color: var(--bl);
                background: rgba(33,150,243,.07);
            }

            .arch-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 9px 16px;
                border-bottom: 1px solid var(--ln);
                cursor: pointer;
                transition: background .14s;
                color: var(--mid);
                font-size: 12.5px;
                font-weight: 600;
            }

            .arch-row:last-child {
                border-bottom: none;
            }

            .arch-row:hover {
                background: var(--bg2);
                color: var(--wh);
            }

            .arch-lbl {
                display: flex;
                align-items: center;
                gap: 7px;
            }

            .arch-lbl svg {
                width: 12px;
                height: 12px;
                color: var(--bl2);
            }

            .arch-cnt {
                font-size: 10.5px;
                font-weight: 700;
                padding: 2px 7px;
                border-radius: 20px;
                background: var(--bg3);
                color: var(--dim);
            }

            .ls-stat {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 9px 16px;
                border-bottom: 1px solid var(--ln);
            }

            .ls-stat:last-child {
                border-bottom: none;
            }

            .ls-stat-lbl {
                display: flex;
                align-items: center;
                gap: 7px;
                font-size: 12px;
                color: var(--mid);
                font-weight: 600;
            }

            .ls-stat-lbl svg {
                width: 12px;
                height: 12px;
                color: var(--bl2);
            }

            .ls-stat-val {
                font-family: 'Rajdhani',sans-serif;
                font-size: 16px;
                font-weight: 700;
                color: var(--wh);
            }

            /* BREADCRUMB */
            .bc {
                display: flex;
                align-items: center;
                gap: 6px;
                font-size: 12.5px;
                color: var(--dim);
                margin-bottom: 20px;
                flex-wrap: wrap;
            }

            .bc a {
                color: var(--bl2);
                transition: color .15s;
            }

            .bc a:hover {
                color: var(--wh);
            }

            .bc svg {
                width: 11px;
                height: 11px;
                flex-shrink: 0;
            }

            /* ARTICLE */
            .article {
                background: var(--bg1);
                border: 1px solid var(--ln2);
                border-radius: 18px;
                overflow: hidden;
                margin-bottom: 24px;
            }

            /* POSTER */
            .poster {
                width: 100%;
                height: 380px;
                background: var(--bg2);
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 14px;
                overflow: hidden;
            }

            .poster-grid {
                position: absolute;
                inset: 0;
                background-image: linear-gradient(rgba(0,188,212,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,188,212,.05) 1px,transparent 1px);
                background-size: 36px 36px;
            }

            .poster-fade {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 110px;
                background: linear-gradient(transparent,var(--bg1));
            }

            .poster-topline {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: linear-gradient(90deg,transparent,var(--cy),var(--bl2),var(--cy),transparent);
            }

            .poster-badge {
                position: absolute;
                top: 20px;
                left: 20px;
                z-index: 2;
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 6px 14px;
                border-radius: 20px;
                font-size: 11px;
                font-weight: 800;
                letter-spacing: .5px;
                text-transform: uppercase;
                background: rgba(0,188,212,.12);
                border: 1px solid rgba(0,188,212,.3);
                color: var(--cy);
            }

            .poster-badge svg {
                width: 12px;
                height: 12px;
            }

            .poster-ico {
                width: 86px;
                height: 86px;
                border-radius: 22px;
                background: rgba(0,188,212,.07);
                border: 1px solid rgba(0,188,212,.18);
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                z-index: 1;
            }

            .poster-ico svg {
                width: 36px;
                height: 36px;
                color: rgba(0,188,212,.35);
            }

            .poster-hint {
                font-size: 11.5px;
                font-weight: 700;
                color: var(--dim);
                letter-spacing: .6px;
                text-transform: uppercase;
                position: relative;
                z-index: 1;
            }
.art-head {
                padding: 26px 28px 20px;
            }

            .art-title {
                font-family: 'Rajdhani',sans-serif;
                font-size: 26px;
                font-weight: 700;
                color: var(--wh);
                line-height: 1.3;
                margin-bottom: 18px;
            }

            .art-meta {
                display: grid;
                grid-template-columns: repeat(5,1fr);
                background: var(--bg2);
                border: 1px solid var(--ln2);
                border-radius: 12px;
                overflow: hidden;
            }

            .am {
                display: flex;
                align-items: center;
                gap: 7px;
                padding: 10px 14px;
                font-size: 12px;
                font-weight: 600;
                color: var(--mid);
                border-right: 1px solid var(--ln2);
                min-width: 0;
                white-space: nowrap;
                overflow: hidden;
            }

            .am:last-child {
                border-right: none;
            }

            .am svg {
                width: 13px;
                height: 13px;
                color: var(--bl2);
                flex-shrink: 0;
            }

            .am strong {
                color: var(--wh);
                white-space: nowrap;
            }

            .am a {
                color: var(--wh);
                transition: color .15s;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .am a:hover {
                color: var(--bl2);
            }

            .am-lbl {
                color: var(--dim);
                flex-shrink: 0;
            }

            @media(max-width: 900px) {
                .art-meta {
                    grid-template-columns:repeat(3,1fr)
                }

                .am:nth-child(3) {
                    border-right: none
                }

                .am:nth-child(n+4) {
                    border-top: 1px solid var(--ln2)
                }
            }

            @media(max-width: 560px) {
                .art-meta {
                    grid-template-columns:1fr 1fr
                }

                .am:nth-child(2n) {
                    border-right: none
                }

                .am:nth-child(n+3) {
                    border-top: 1px solid var(--ln2)
                }

                .am:nth-child(2) {
                    border-right: none
                }

                .am:nth-child(3) {
                    border-right: 1px solid var(--ln2)
                }
            }
.art-body {
    padding: 4px 28px 28px;
}
.art-body p {
    font-size: 14.5px;
    color: var(--mid);
    line-height: 1.9;
}
.art-body strong {
    color: var(--wh);
}

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

            .cmt-title {
                font-family: 'Rajdhani',sans-serif;
                font-size: 18px;
                font-weight: 700;
                display: flex;
                align-items: center;
                gap: 9px;
            }

            .cmt-title svg {
                width: 16px;
                height: 16px;
                color: var(--bl2);
            }
.ab {
                padding: 18px;
            }

            .ab-top {
                display: flex;
                align-items: center;
                gap: 12px;
                margin-bottom: 14px;
            }

            .ab-av {
                width: 54px;
                height: 54px;
                border-radius: 14px;
                background: linear-gradient(135deg,#1565c0,#1976d2);
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 800;
                font-size: 18px;
                color: #fff;
                border: 2px solid rgba(33,150,243,.3);
                flex-shrink: 0;
            }

            .ab-nm {
                font-size: 14px;
                font-weight: 800;
                color: var(--wh);
                margin-bottom: 4px;
            }

            .ab-rl {
                display: inline-flex;
                font-size: 11px;
                font-weight: 700;
                padding: 2px 9px;
                border-radius: 20px;
                background: rgba(33,150,243,.12);
                color: var(--bl2);
            }

            .ab-ds {
                font-size: 12.5px;
                color: var(--dim);
                line-height: 1.65;
                margin-bottom: 14px;
            }

            .ab-st {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 8px;
            }

            .abs {
                background: var(--bg2);
                border: 1px solid var(--ln2);
                border-radius: 10px;
                padding: 10px;
                text-align: center;
            }

            .abs-v {
                font-family: 'Rajdhani',sans-serif;
                font-size: 19px;
                font-weight: 700;
                color: var(--wh);
            }

            .abs-l {
                font-size: 10.5px;
                color: var(--dim);
                font-weight: 600;
                margin-top: 1px;
            }

            .irow {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 10px 18px;
                border-bottom: 1px solid var(--ln);
            }

            .irow:last-child {
                border-bottom: none;
            }

            .irow-l {
                display: flex;
                align-items: center;
                gap: 7px;
                font-size: 12.5px;
                color: var(--mid);
                font-weight: 600;
            }

            .irow-l svg {
                width: 13px;
                height: 13px;
                color: var(--bl2);
            }

            .irow-v {
                font-family: 'Rajdhani',sans-serif;
                font-size: 17px;
                font-weight: 700;
                color: var(--wh);
            }
.rel-item {
                display: flex;
                align-items: flex-start;
                gap: 11px;
                padding: 11px 16px;
                border-bottom: 1px solid var(--ln);
                cursor: pointer;
                transition: background .15s;
            }

            .rel-item:last-child {
                border-bottom: none;
            }

            .rel-item:hover {
                background: var(--bg2);
            }

            .rel-th {
                width: 50px;
                height: 40px;
                border-radius: 8px;
                background: var(--bg2);
                border: 1px solid var(--ln2);
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
            }

            .rel-th img {
                width: 16px;
                height: 16px;
                color: var(--dim);
            }

            .rel-info {
                flex: 1;
                min-width: 0;
            }

            .rel-t {
                font-size: 12.5px;
                font-weight: 700;
                color: var(--wh);
                line-height: 1.4;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                transition: color .15s;
            }

            .rel-item:hover .rel-t {
                color: var(--bl2);
            }

            .rel-m {
                font-size: 11px;
                color: var(--dim);
                margin-top: 3px;
            }
/* ── RIGHT COL: STATS WIDGET ── */
.msg-stats{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;}
.msg-stats__header{padding:13px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.msg-stats__header svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.msg-stats__title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;flex:1;}
.msg-stats__grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ln);}
.msg-stats__cell{background:var(--bg1);padding:16px 14px;text-align:center;transition:background .15s;}
.msg-stats__cell:hover{background:var(--bg2);}
.msg-stats__value{font-family:'Rajdhani',sans-serif;font-size:24px;font-weight:700;color:var(--bl2);line-height:1;}
.msg-stats__label{font-size:10px;color:var(--dim);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-top:4px;}

.tips-block{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;}
.tips-block__header{padding:13px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.tips-block__header svg{width:15px;height:15px;color:var(--gd);flex-shrink:0;}
.tips-block__title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;color:var(--gd);}
.tips-block__body{padding:14px 18px;display:flex;flex-direction:column;gap:10px;}
.tip-row{display:flex;align-items:flex-start;gap:10px;}
.tip-row__icon{width:28px;height:28px;border-radius:8px;background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tip-row__icon svg{width:13px;height:13px;color:var(--bl2);}
.tip-row__text{font-size:12px;color:var(--mid);line-height:1.5;font-weight:500;padding-top:4px;}

.chat-header__new-btn{display:flex;align-items:center;gap:6px;padding:6px 13px;border-radius:9px;background:linear-gradient(135deg,var(--bl3),var(--bl));color:#fff;font-family:'Nunito',sans-serif;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .18s;box-shadow:0 3px 10px rgba(33,150,243,.25);}
.chat-header__new-btn svg{width:13px;height:13px;}
.chat-header__new-btn:hover{box-shadow:0 5px 18px rgba(33,150,243,.45);transform:translateY(-1px);}

#place_for_messages #chat{
	padding: 10px;
}


.page.users{
  max-width: 1520px;
    margin: 0 auto;
    padding: 30px 28px 40px;
    grid-template-columns: 1fr;
}

.users-page__header{margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.users-page__title-row{display:flex;align-items:center;gap:14px;}
.users-page__title-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--bl3),var(--bl));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(33,150,243,.3);}
.users-page__title-icon svg{width:22px;height:22px;color:#fff;}
.users-page__title{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;letter-spacing:.5px;}
.users-page__subtitle{font-size:12.5px;color:var(--mid);margin-top:2px;}
.users-page__total-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.2);font-size:12px;font-weight:700;color:var(--bl2);}


/* ── TOOLBAR ── */
.users-toolbar{display:grid;grid-template-columns:1fr 280px auto;gap:12px;align-items:center;margin-bottom:18px;}

/* Search */
.users-toolbar__search{position:relative;}
.users-toolbar__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--dim);pointer-events:none;}
.users-toolbar__search-input{width:100%;padding:11px 40px 11px 40px;border-radius:12px;background:var(--bg1);border:1px solid var(--ln2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13.5px;font-weight:500;outline:none;transition:border-color .18s,box-shadow .18s;}
.users-toolbar__search-input::placeholder{color:var(--dim);}
.users-toolbar__search-input:focus{border-color:var(--bl);box-shadow:0 0 0 3px rgba(33,150,243,.12);}
.users-toolbar__search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:6px;background:var(--bg3);border:none;display:none;align-items:center;justify-content:center;cursor:pointer;color:var(--mid);transition:all .15s;}
.users-toolbar__search-clear.visible{display:flex;}
.users-toolbar__search-clear:hover{background:rgba(244,67,54,.15);color:var(--rd);}
.users-toolbar__search-clear svg{width:12px;height:12px;}

/* Group select */
.users-toolbar__group-wrap{position:relative;}
.users-toolbar__group-wrap::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;border:5px solid transparent;border-top-color:var(--dim);margin-top:3px;}
.users-toolbar__group-select{width:100%;padding:11px 36px 11px 14px;border-radius:12px;background:var(--bg1);border:1px solid var(--ln2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13px;font-weight:600;outline:none;transition:border-color .18s,box-shadow .18s;cursor:pointer;appearance:none;-webkit-appearance:none;}
.users-toolbar__group-select:focus{border-color:var(--bl);box-shadow:0 0 0 3px rgba(33,150,243,.12);}
.users-toolbar__group-select option{background:var(--bg2);color:var(--wh);}


@keyframes blink{0%,100%{opacity:1;}50%{opacity:.35;}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(33,150,243,.0);}50%{box-shadow:0 0 0 8px rgba(33,150,243,.12);}}


/* LAYOUT */
.page.support{max-width:1520px;margin:0 auto;padding:30px 28px 40px;display:grid;grid-template-columns:290px 1fr;gap:24px;align-items:start;}

/* ANIMATIONS */
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.35;}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(33,150,243,0);}50%{box-shadow:0 0 0 8px rgba(33,150,243,.12);}}

/* ═══════════ LEFT ═══════════ */
.left-col{display:flex;flex-direction:column;gap:18px;}

/* Ticket filter card */
.filter-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .3s ease both;}
.filter-card__hdr{padding:14px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.filter-card__hdr svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.filter-card__title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;flex:1;}
.filter-card__list{padding:8px;}

.filter-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;cursor:pointer;transition:all .16s;border:1px solid transparent;position:relative;}
.filter-item:hover{background:var(--bg2);border-color:var(--ln2);}
.filter-item.active{background:rgba(33,150,243,.08);border-color:rgba(33,150,243,.22);}
.filter-item.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--bl2);border-radius:0 3px 3px 0;}
.filter-item__icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .18s;}
.filter-item:hover .filter-item__icon{transform:scale(1.08);}
.filter-item__icon svg{width:16px;height:16px;}
.filter-item__label{font-size:13px;font-weight:600;color:var(--mid);flex:1;transition:color .15s;}
.filter-item.active .filter-item__label{color:var(--wh);}
.filter-item:hover .filter-item__label{color:var(--wh);}
.filter-item__cnt{font-size:11px;font-weight:800;padding:2px 9px;border-radius:20px;}

/* New ticket btn */
.new-ticket-btn{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;border-radius:14px;background:linear-gradient(135deg,var(--bl3),var(--bl));color:#fff;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px rgba(33,150,243,.3);}
.new-ticket-btn svg{width:17px;height:17px;flex-shrink:0;}
.new-ticket-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(33,150,243,.45);}
.new-ticket-btn__text{flex:1;text-align:left;}
.new-ticket-btn__text-main{font-size:13px;font-weight:700;}
.new-ticket-btn__text-sub{font-size:11px;opacity:.8;margin-top:1px;}

/* Stats */
.stat-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .3s ease .08s both;}
.stat-card__hdr{padding:13px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.stat-card__hdr svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.stat-card__title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ln);}
.stat-cell{background:var(--bg1);padding:14px 12px;text-align:center;transition:background .15s;}
.stat-cell:hover{background:var(--bg2);}
.stat-cell__val{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;line-height:1;}
.stat-cell__lbl{font-size:10px;color:var(--dim);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-top:3px;}

/* ═══════════ RIGHT ═══════════ */
.right-col{display:flex;flex-direction:column;gap:16px;}

/* Page header */
.page-hdr{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;animation:fadeInUp .3s ease both;}
.page-hdr__left{display:flex;align-items:center;gap:14px;}
.page-hdr__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--bl3),var(--bl));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(33,150,243,.3);}
.page-hdr__icon svg{width:22px;height:22px;color:#fff;}
.page-hdr__title{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;letter-spacing:.5px;}
.page-hdr__sub{font-size:12.5px;color:var(--mid);margin-top:2px;}
.hdr-new-btn{display:flex;align-items:center;gap:8px;padding:11px 20px;border-radius:12px;background:linear-gradient(135deg,var(--bl3),var(--bl));color:#fff;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px rgba(33,150,243,.3);white-space:nowrap;}
.hdr-new-btn svg{width:15px;height:15px;}
.hdr-new-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(33,150,243,.45);}

/* Search bar */
.search-bar{position:relative;animation:fadeInUp .3s ease .05s both;}
.search-bar__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--dim);pointer-events:none;}
.search-bar__input{width:100%;padding:12px 44px;border-radius:13px;background:var(--bg1);border:1px solid var(--ln2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13.5px;font-weight:500;outline:none;transition:border-color .18s,box-shadow .18s;}
.search-bar__input::placeholder{color:var(--dim);}
.search-bar__input:focus{border-color:var(--bl);box-shadow:0 0 0 3px rgba(33,150,243,.12);}
.search-bar__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:7px;background:var(--bg3);border:none;align-items:center;justify-content:center;cursor:pointer;color:var(--mid);transition:all .15s;display:none;}
.search-bar__clear.visible{display:flex;}
.search-bar__clear:hover{background:rgba(244,67,54,.15);color:var(--rd);}
.search-bar__clear svg{width:13px;height:13px;}

/* Tickets table */
.tickets-wrap{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .35s ease .08s both;}

.tickets-table-hdr{padding:14px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;}
.tickets-table-hdr svg{width:16px;height:16px;color:var(--bl2);flex-shrink:0;}
.tickets-table-hdr__title{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px;flex:1;}
.tickets-table-hdr__cnt{font-size:11px;color:var(--mid);font-weight:700;padding:2px 9px;border-radius:20px;background:var(--bg2);border:1px solid var(--ln2);}

.tickets-table{width:100%;border-collapse:collapse;}
.tickets-table__head th{padding:11px 18px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);background:rgba(0,0,0,.18);border-bottom:1px solid var(--ln2);white-space:nowrap;}
.tickets-table__head th.th-r{text-align:right;}
.tickets-table__row{transition:background .14s;cursor:pointer;}
.tickets-table__row:hover{background:rgba(33,150,243,.04);}
.tickets-table__row:not(:last-child) td{border-bottom:1px solid var(--ln);}
.tickets-table__cell{padding:14px 18px;vertical-align:middle;}
.tickets-table__cell.td-r{text-align:right;}

/* # cell */
.ticket-num{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;color:var(--dim);}

/* Topic cell */
.topic-cell{}
.topic-cell__title{font-size:13.5px;font-weight:700;color:var(--wh);display:flex;align-items:center;gap:8px;}
.topic-cell__title:hover{color:var(--bl2);}
.topic-cell__badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:20px;flex-shrink:0;}
.badge--open.warning{
  background:rgba(41,194,122,.1);
  border:1px solid rgba(41,194,122,.24);
  color:var(--gr);
  border-radius:20px;
  padding:3px 10px;
	display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
}
.badge--open.success{
  background:rgba(139,155,191,.08);
  border:1px solid var(--ln2);
  color:var(--dim);
  border-radius:20px;
  padding:3px 10px;
	display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;}
.badge--open-dot.warning{width:6px;height:6px;border-radius:50%;background:var(--gr);box-shadow:0 0 5px var(--gr);animation:blink 2s infinite;}
.badge--open-dot.success{width:6px;height:6px;border-radius:50%;background:var(--dim);}

/* Author cell */
.author-cell{display:flex;align-items:center;gap:10px;}
.author-cell__ava{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;color:#fff;transition:transform .18s;}
.tickets-table__row:hover .author-cell__ava{transform:scale(1.1);}
.author-cell__name{font-size:13px;font-weight:700;color:var(--wh);}

/* Reply cell */
.reply-cell{display:flex;flex-direction:column;gap:4px;}
.reply-cell__time{font-size:12.5px;font-weight:700;color:var(--wh);}
.reply-cell__from{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;}
.reply-cell__from--user{background:rgba(33,150,243,.08);border:1px solid rgba(33,150,243,.18);color:var(--bl2);}
.reply-cell__from--admin{background:rgba(255,179,0,.08);border:1px solid rgba(255,179,0,.2);color:var(--gd);}
.reply-cell__from svg{width:10px;height:10px;}

/* Date cell */
.date-cell{font-size:12px;color:var(--dim);font-weight:600;}

/* Arrow cell */
.arrow-cell{opacity:0;transition:opacity .15s,transform .15s;color:var(--bl2);}
.tickets-table__row:hover .arrow-cell{opacity:1;transform:translateX(3px);}
.arrow-cell svg{width:16px;height:16px;}

#close_tickets tr, #open_tickets tr{
	transition: background .14s;
    cursor: pointer;
}
#close_tickets tr:hover, #open_tickets tr:hover {
    background: rgba(33, 150, 243, .04);
}

#close_tickets tr td, #open_tickets tr td{
    padding: 14px 18px;
    vertical-align: middle;
}

.page.bans{max-width:1520px;margin:0 auto;padding:30px 28px 40px;display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start;}
/* ═══════════ LEFT ═══════════ */
.left-col{display:flex;flex-direction:column;gap:18px;}

/* Server switcher */
.srv-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .3s ease both;}
.srv-card__hdr{padding:13px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.srv-card__hdr svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.srv-card__title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;flex:1;}
.srv-card__cnt{font-size:11px;color:var(--mid);font-weight:700;padding:2px 8px;border-radius:20px;background:var(--bg2);border:1px solid var(--ln2);}
.srv-card__list{padding:8px;}

.srv-card__list li{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;cursor:pointer;transition:all .16s;border:1px solid transparent;position:relative;}
.srv-card__list li:hover{background:var(--bg2);border-color:var(--ln2);}
.srv-card__list li.active{background:rgba(33,150,243,.08);border-color:rgba(33,150,243,.22);}
.srv-card__list li.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--bl2);border-radius:0 3px 3px 0;}

/* Quick links */
.ql-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .3s ease .05s both;}
.ql-card__hdr{padding:13px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.ql-card__hdr svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.ql-card__title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;}
.ql-card__body{padding:10px 12px;display:flex;flex-direction:column;gap:7px;}

.ql-btn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border-radius:12px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .16s;border:1px solid;text-decoration:none;}
.ql-btn svg{width:15px;height:15px;flex-shrink:0;}
.ql-btn--primary{background:linear-gradient(135deg,var(--bl3),var(--bl));border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(33,150,243,.28);}
.ql-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(33,150,243,.42);}
.ql-btn--red{background:rgba(244,67,54,.08);border-color:rgba(244,67,54,.2);color:#ef9a9a;}
.ql-btn--red:hover{background:rgba(244,67,54,.15);border-color:rgba(244,67,54,.38);color:var(--rd);}
.ql-btn--ghost{background:rgba(139,155,191,.06);border-color:var(--ln2);color:var(--mid);}
.ql-btn--ghost:hover{background:var(--bg2);border-color:rgba(33,150,243,.25);color:var(--bl2);}
.ql-btn__text{flex:1;text-align:left;}

.stat-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .3s ease .1s both;}
.stat-card__hdr{padding:13px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.stat-card__hdr svg{width:15px;height:15px;color:var(--bl2);flex-shrink:0;}
.stat-card__title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ln);}
.stat-cell{background:var(--bg1);padding:14px 12px;text-align:center;transition:background .15s;}
.stat-cell:hover{background:var(--bg2);}
.stat-cell__val{font-family:'Rajdhani',sans-serif;font-size:24px;font-weight:700;line-height:1;}
.stat-cell__lbl{font-size:10px;color:var(--dim);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-top:3px;}

.right-col{display:flex;flex-direction:column;gap:16px;}

.page-hdr{display:flex;align-items:center;justify-content:space-between;gap:14px;animation:fadeInUp .3s ease both;flex-wrap:wrap;}
.page-hdr__left{display:flex;align-items:center;gap:14px;}
.page-hdr__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--bl3),var(--bl));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(33,150,243,.3);}
.page-hdr__icon svg{width:22px;height:22px;color:#fff;}
.page-hdr__title{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;letter-spacing:.5px;}
.page-hdr__sub{font-size:12.5px;color:var(--mid);margin-top:2px;}
.page-hdr__add-btn{display:flex;align-items:center;gap:8px;padding:11px 20px;border-radius:12px;background:linear-gradient(135deg,var(--bl3),var(--bl));color:#fff;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px rgba(33,150,243,.3);white-space:nowrap;}
.page-hdr__add-btn svg{width:15px;height:15px;}
.page-hdr__add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(33,150,243,.45);}

/* Table */
.table-wrap{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .35s ease .05s both;}
.table-wrap__hdr{padding:14px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;}
.table-wrap__hdr svg{width:16px;height:16px;color:var(--bl2);flex-shrink:0;}
.table-wrap__title{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px;flex:1;}
.table-wrap__cnt{font-size:11px;color:var(--mid);font-weight:700;padding:2px 9px;border-radius:20px;background:var(--bg2);border:1px solid var(--ln2);}

.req-table{width:100%;border-collapse:collapse;}
.req-table__head th{padding:11px 18px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);background:rgba(0,0,0,.18);border-bottom:1px solid var(--ln2);}
.req-table__head th.th-c{text-align:center;}
.req-table__head th.th-r{text-align:right;}
.req-table__row{transition:background .14s;}
.req-table__row:hover{background:rgba(255,255,255,.025);}
.req-table__row:not(:last-child) td{border-bottom:1px solid var(--ln);}
.req-table__cell{padding:13px 18px;vertical-align:middle;}
.req-table__cell.td-c{text-align:center;}
.req-table__cell.td-r{text-align:right;}

/* User cell */
.req-user{display:flex;align-items:center;gap:12px;}
.req-user__ava{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;transition:transform .18s;}
.req-table__row:hover .req-user__ava{transform:scale(1.08);}
.req-user__name{font-size:13.5px;font-weight:700;}

/* Status badge */
.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:20px;}
.status-badge__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.status-badge--success{background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.24);color:var(--gr);}
.status-badge--success .status-badge__dot{background:var(--gr);box-shadow:0 0 6px var(--gr);animation:blink 2s infinite;}
.status-badge--danger{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.24);color:var(--rd);}
.status-badge--danger .status-badge__dot{background:var(--rd);}
.status-badge--warning{background:rgba(255,179,0,.1);border:1px solid rgba(255,179,0,.24);color:var(--gd);}
.status-badge--warning .status-badge__dot{background:var(--gd);animation:blink 1.5s infinite;}

/* Date */
.req-date{font-size:12px;color:var(--mid);font-weight:600;}

/* Details btn */
.details-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;background:rgba(33,150,243,.08);border:1px solid rgba(33,150,243,.2);color:var(--bl2);font-size:12px;font-weight:700;cursor:pointer;transition:all .16s;white-space:nowrap;}
.details-btn svg{width:13px;height:13px;}
.details-btn:hover{background:rgba(33,150,243,.18);border-color:rgba(33,150,243,.42);transform:translateY(-1px);box-shadow:0 4px 12px rgba(33,150,243,.2);}

.page.banlist {
                max-width: 1520px;
                margin: 0 auto;
                padding: 30px 28px 40px;
                display: grid;
                grid-template-columns: 300px 1fr;
                gap: 24px;
                align-items: start;
}

.ban-stats {
                background: var(--bg1);
                border: 1px solid var(--ln2);
                border-radius: 18px;
                overflow: hidden;
                animation: fadeInUp .3s ease .05s both;
            }

            .ban-stats__hdr {
                padding: 13px 18px;
                border-bottom: 1px solid var(--ln);
                display: flex;
                align-items: center;
                gap: 9px;
            }

            .ban-stats__hdr svg {
                width: 15px;
                height: 15px;
                color: var(--rd);
                flex-shrink: 0;
            }

            .ban-stats__title {
                font-family: 'Rajdhani',sans-serif;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: .4px;
            }

            .ban-stats__grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 1px;
                background: var(--ln);
            }

            .ban-stats__cell {
                background: var(--bg1);
                padding: 16px 14px;
                text-align: center;
                transition: background .15s;
            }

            .ban-stats__cell:hover {
                background: var(--bg2);
            }

            .ban-stats__value {
                font-family: 'Rajdhani',sans-serif;
                font-size: 28px;
                font-weight: 700;
                line-height: 1;
            }

            .ban-stats__label {
                font-size: 10.5px;
                color: var(--dim);
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: .4px;
                margin-top: 4px;
            }
 .page-hdr.banlist {
display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 4px;
    animation: fadeInUp .3s ease both;
    justify-content: flex-start;
            }

            .page-hdr__icon {
                width: 46px;
                height: 46px;
                border-radius: 13px;
                background: linear-gradient(135deg,#b71c1c,var(--rd));
                display: flex;
                align-items: center;
                justify-content: center;
                box-shadow: 0 4px 16px rgba(244,67,54,.3);
            }

            .page-hdr__icon svg {
                width: 22px;
                height: 22px;
                color: #fff;
            }

            .page-hdr__title {
                font-family: 'Rajdhani',sans-serif;
                font-size: 26px;
                font-weight: 700;
                letter-spacing: .5px;
            }

            .page-hdr__sub {
                font-size: 12.5px;
                color: var(--mid);
                margin-top: 2px;
            }
.ban-toolbar {
                display: grid;
                grid-template-columns: 1fr;
                gap: 12px;
                align-items: center;
                animation: fadeInUp .3s ease .05s both;
            }

            .ban-search {
                position: relative;
            }

            .ban-search__icon {
                position: absolute;
                left: 14px;
                top: 50%;
                transform: translateY(-50%);
                width: 15px;
                height: 15px;
                color: var(--dim);
                pointer-events: none;
            }

            .ban-search__input {
                width: 100%;
                padding: 12px 44px;
                border-radius: 13px;
                background: var(--bg1);
                border: 1px solid var(--ln2);
                color: var(--wh);
                font-family: 'Nunito',sans-serif;
                font-size: 13.5px;
                font-weight: 500;
                outline: none;
                transition: border-color .18s,box-shadow .18s;
            }

            .ban-search__input::placeholder {
                color: var(--dim);
            }

            .ban-search__input:focus {
                border-color: var(--bl);
                box-shadow: 0 0 0 3px rgba(33,150,243,.12);
            }

            .ban-search__clear {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--bg3);
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--mid);
    transition: all .15s;
    display: flex;
            }

            .ban-search__clear.visible {
                display: flex;
            }

            .ban-search__clear:hover {
                background: rgba(244,67,54,.15);
                color: var(--rd);
            }

            .ban-search__clear svg {
                width: 13px;
                height: 13px;
            }

            .ban-results {
                font-size: 12.5px;
                color: var(--dim);
                font-weight: 600;
                white-space: nowrap;
                padding: 12px 0;
            }

            .ban-results strong {
                color: var(--wh);
            }
.ban-table-wrap {
                background: var(--bg1);
                border: 1px solid var(--ln2);
                border-radius: 18px;
                overflow: hidden;
                animation: fadeInUp .35s ease .1s both;
            }

            .ban-table {
                width: 100%;
                border-collapse: collapse;
            }

            .ban-table__head th {
                padding: 11px 16px;
                text-align: left;
                font-size: 10.5px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: .6px;
                color: var(--dim);
                background: rgba(0,0,0,.18);
                border-bottom: 1px solid var(--ln2);
                white-space: nowrap;
            }

            .ban-table__row {
                transition: background .14s;
                cursor: pointer;
            }

            .ban-table__row:hover {
                background: rgba(244,67,54,.04);
            }

            .ban-table__row:not(:last-child) td {
                border-bottom: 1px solid var(--ln);
            }

            .ban-table__cell {
                padding: 12px 16px;
                vertical-align: middle;
            }
			.ban-player {
                display: flex;
                align-items: center;
                gap: 11px;
            }

            .ban-player__name {
                font-size: 13px;
                font-weight: 700;
                color: var(--wh);
                max-width: 180px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
.reason-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.reason-badge--detect {
    background: rgba(255, 152, 0, .1);
    border: 1px solid rgba(255, 152, 0, .25);
    color: #ffb74d;
}
.duration-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
  background: rgba(139, 155, 191, .08);
    border: 1px solid var(--ln2);
    color: var(--mid);
}
.end-date {
    font-size: 12px;
    font-weight: 600;
    color: var(--mid);
}
.end-date.success{
	color: var(--gr);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
}
.admin-cell{
	font-size: 13px;
    font-weight: 700;
    color: var(--wh);
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.admin-cell a{
	display: flex;
    align-items: center;
    gap: 11px;
}
.admin-cell > a img{
	width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 11px;
    color: #fff;
    transition: transform .18s;
}
.admin-cell > a img:hover{
	    transform: scale(1.1);
}

.modal__hdr {
                padding: 0;
                background: linear-gradient(135deg,#1a0808,#2d1010,#1a0808);
                border-bottom: 1px solid rgba(244,67,54,.2);
                position: relative;
                overflow: hidden;
            }

            .modal__hdr::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 2px;
                background: linear-gradient(90deg,transparent,var(--rd),#ff5722,var(--rd),transparent);
            }

            .modal__hdr::before {
                content: '';
                position: absolute;
                inset: 0;
                background: radial-gradient(circle at 80% 50%,rgba(244,67,54,.12),transparent 55%);
            }

            .modal__hdr-inner {
                padding: 22px 24px;
                display: flex;
                align-items: center;
                gap: 16px;
                position: relative;
                z-index: 1;
            }

            .modal__hdr-info {
                flex: 1;
            }

            .modal__hdr-name {
                font-family: 'Rajdhani',sans-serif;
                font-size: 22px;
                font-weight: 700;
            }

            .modal__hdr-meta {
                display: flex;
                align-items: center;
                gap: 8px;
                margin-top: 6px;
                flex-wrap: wrap;
            }

            .modal__hdr-badge {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                font-size: 11px;
                font-weight: 700;
                padding: 3px 10px;
                border-radius: 20px;
            }

            .modal__close {
                width: 36px;
                height: 36px;
                border-radius: 10px;
                background: rgba(255,255,255,.06);
                border: 1px solid rgba(255,255,255,.1);
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                color: var(--mid);
                transition: all .15s;
                flex-shrink: 0;
            }

            .modal__close:hover {
                background: rgba(244,67,54,.16);
                border-color: rgba(244,67,54,.35);
                color: var(--rd);
            }

            .modal__close svg {
                width: 16px;
                height: 16px;
            }
.modal__body {
                padding: 22px 24px;
                display: flex;
                flex-direction: column;
                gap: 10px;
            }

            .modal__section {
                background: var(--bg2);
                border: 1px solid var(--ln2);
                border-radius: 14px;
                overflow: hidden;
            }

            .modal__section-title {
                padding: 10px 17px;
                border-bottom: 1px solid var(--ln);
                font-family: 'Rajdhani',sans-serif;
                font-size: 13px;
                font-weight: 700;
                letter-spacing: .4px;
                color: var(--bl2);
                display: flex;
                align-items: center;
                gap: 8px;
            }

            .modal__section-title svg {
                width: 13px;
                height: 13px;
                flex-shrink: 0;
            }

            .modal__row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 10px 17px;
                border-bottom: 1px solid var(--ln);
                gap: 12px;
            }

            .modal__row:last-child {
                border-bottom: none;
            }

            .modal__row-label {
                font-size: 12px;
                color: var(--dim);
                font-weight: 600;
                flex-shrink: 0;
            }

            .modal__row-value {
                font-size: 13px;
                font-weight: 700;
                color: var(--wh);
                text-align: right;
                word-break: break-all;
            }

            .modal__row-value--red {
                color: var(--rd);
            }

            .modal__row-value--green {
                color: var(--gr);
            }

            .modal__row-value--blue {
                color: var(--bl2);
                font-family: monospace;
                font-size: 12px;
            }

            .modal__row-value--gold {
                color: var(--gd);
            }

            .modal__row-value--mid {
                color: var(--mid);
            }

            .modal__row-value--mono {
                font-family: monospace;
                font-size: 12px;
                color: var(--bl2);
            }
#mAdmin > a img{
	display: none;
}
.page.admins{max-width:1520px;margin:0 auto;padding:30px 28px 40px;display:grid;grid-template-columns:380px 1fr;gap:26px;align-items:start;}
.server-manage-btn{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,rgba(13,71,161,.4),rgba(21,101,192,.25));border:1px solid rgba(33,150,243,.3);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;width:100%;box-shadow:0 4px 14px rgba(33,150,243,.15);}
.server-manage-btn:hover{background:linear-gradient(135deg,rgba(21,101,192,.55),rgba(33,150,243,.3));border-color:rgba(33,150,243,.5);box-shadow:0 6px 20px rgba(33,150,243,.3);transform:translateY(-1px);}
.server-manage-btn__icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--bl3),var(--bl));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px rgba(33,150,243,.35);}
.server-manage-btn__icon svg{width:17px;height:17px;color:#fff;}
.server-manage-btn__text{flex:1;text-align:left;}
.server-manage-btn__title{font-size:13px;font-weight:700;color:var(--wh);}
.server-manage-btn__sub{font-size:11px;color:var(--bl2);margin-top:1px;}
.server-manage-btn__arrow svg{width:14px;height:14px;color:var(--bl2);}

/* ── TABLE WRAPPER ── */
.admin-table-wrap{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .35s ease both;animation-delay:.05s;}

/* ── TABLE HEADER ── */
.admin-table-header{padding:18px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:12px;}
.admin-table-header__icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,rgba(255,179,0,.2),rgba(255,179,0,.1));border:1px solid rgba(255,179,0,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.admin-table-header__icon svg{width:17px;height:17px;color:var(--gd);}
.admin-table-header__info{flex:1;}
.admin-table-header__title{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;letter-spacing:.5px;color:var(--wh);}
.admin-table-header__subtitle{font-size:11.5px;color:var(--mid);margin-top:2px;display:flex;align-items:center;gap:8px;}
.admin-table-header__online-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;padding:2px 9px;border-radius:20px;background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.22);color:var(--gr);}
.admin-table-header__online-dot{width:6px;height:6px;border-radius:50%;background:var(--gr);box-shadow:0 0 5px var(--gr);animation:blink 2s infinite;}
.admin-table-header__count-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;padding:2px 9px;border-radius:20px;background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.2);color:var(--bl2);}

/* ── TABLE ── */
.admin-table{width:100%;border-collapse:collapse;}
.admin-table__head th{padding:11px 18px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);background:rgba(0,0,0,.2);border-bottom:1px solid var(--ln2);}
.admin-table__head th:last-child{text-align:right;}

.admin-table__row{transition:background .15s;}
.admin-table__row:hover{background:rgba(255,255,255,.02);}
.admin-table__row:not(:last-child) td{border-bottom:1px solid var(--ln);}

.admin-table__cell{padding:15px 18px;vertical-align:middle;}

.steam-id{font-family:monospace;font-size:11.5px;color:var(--mid);font-weight:700;background:rgba(33,150,243,.07);border:1px solid rgba(33,150,243,.15);padding:4px 9px;border-radius:7px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;}
.steam-id svg{width:11px;height:11px;color:var(--bl2);}
.steam-id--no-steam{font-family:'Nunito',sans-serif;font-size:11px;font-weight:700;color:var(--dim);background:rgba(139,155,191,.06);border-color:var(--ln2);padding:4px 10px;}

.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:20px;}
.status-badge--active{background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.22);color:var(--gr);}
.status-badge__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.status-badge--active .status-badge__dot{background:var(--gr);box-shadow:0 0 6px var(--gr);animation:blink 2s infinite;}

.admin-user{display:flex;align-items:center;gap:12px;}
.service-tag-list{display:flex;flex-direction:column;gap:5px;align-items:flex-end;}
.service-tag-list a{
	display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 700;
    padding: 4px 11px;
    border-radius: 20px;
    cursor: pointer;
    transition: all .16s;
    white-space: nowrap;
    border: 1px solid;
    background: linear-gradient(135deg, rgba(255, 179, 0, .28), rgba(255, 179, 0, .14));
    border-color: rgba(255, 179, 0, .55);
    color: var(--gd);
}
.service-tag-list a:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
}

.service-tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:20px;cursor:pointer;transition:all .16s;white-space:nowrap;border:1px solid;}
.service-tag:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.3);}
.service-tag svg{width:11px;height:11px;}

.modal-box__header{padding:18px 22px;background:linear-gradient(135deg,rgba(13,71,161,.4),rgba(21,101,192,.2));border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:14px;}
.modal-box__header-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.modal-box__header-info{flex:1;}
.modal-box__header-title{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;color:var(--wh);}
.modal-box__header-sub{font-size:12px;color:var(--mid);margin-top:2px;}
.modal-box__close{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid var(--ln2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mid);transition:all .15s;flex-shrink:0;}
.modal-box__close:hover{background:rgba(244,67,54,.12);border-color:rgba(244,67,54,.3);color:var(--rd);}
.modal-box__close svg{width:15px;height:15px;}

.modal-box__body{padding:22px;}
.modal-box__body-user{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg2);border:1px solid var(--ln2);border-radius:14px;margin-bottom:18px;}
.modal-box__body-user-avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;}
.modal-box__body-user-name{font-size:14px;font-weight:700;color:var(--wh);}
.modal-box__body-user-steam{font-family:monospace;font-size:11px;color:var(--bl2);margin-top:3px;}

.modal-service-table{width:100%;border-collapse:collapse;background:var(--bg0);border-radius:12px;overflow:hidden;border:1px solid var(--ln2);}
.modal-service-table th{padding:10px 16px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);background:rgba(0,0,0,.3);text-align:left;border-bottom:1px solid var(--ln2);}
.modal-service-table th:first-child{width:36px;}
.modal-service-table td{padding:13px 16px;font-size:13px;border-bottom:1px solid var(--ln);vertical-align:middle;}
.modal-service-table tr:last-child td{border-bottom:none;}
.modal-service-table tr:hover td{background:rgba(255,255,255,.015);}

.modal-service-table__num{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--dim);text-align:center;}
.modal-service-table__date{font-size:12px;color:var(--mid);}
.modal-service-table__forever{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.22);color:var(--gr);}
.modal-service-table__forever svg{width:11px;height:11px;}

#modalUserAvatar img{
	    width: 46px;
    height: 46px;
    border-radius: 50%;
    flex-shrink: 0;
}

.page.stats {
    max-width: 1520px;
    margin: 0 auto;
    padding: 30px 28px 40px;
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 24px;
    align-items: start;
}

.stats-page__hdr{display:flex;align-items:center;gap:14px;margin-bottom:4px;}
.stats-page__icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--bl3),var(--bl));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(33,150,243,.3);}
.stats-page__icon svg{width:22px;height:22px;color:#fff;}
.stats-page__title{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;letter-spacing:.5px;}
.stats-page__sub{font-size:12.5px;color:var(--mid);margin-top:2px;}
.stats-search{position:relative;}
.stats-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--dim);pointer-events:none;}
.stats-search__input{width:100%;padding:12px 44px;border-radius:13px;background:var(--bg1);border:1px solid var(--ln2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13.5px;font-weight:500;outline:none;transition:border-color .18s,box-shadow .18s;}
.stats-search__input::placeholder{color:var(--dim);}
.stats-search__input:focus{border-color:var(--bl);box-shadow:0 0 0 3px rgba(33,150,243,.12);}
.stats-search__clear{
  	position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--bg3);
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--mid);
    transition: all .15s;
    display: flex;}
.stats-search__clear:hover{background:rgba(244,67,54,.15);color:var(--rd);}
.stats-search__clear svg{width:13px;height:13px;}

.stats-table-wrap{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;}
.stats-table{width:100%;border-collapse:collapse;}
.stats-table__head th{padding:11px 16px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);background:rgba(0,0,0,.18);border-bottom:1px solid var(--ln2);white-space:nowrap;}
.stats-table__head th.th-r{text-align:right;}
.stats-table__head th.th-c{text-align:center;}
.stats-table__row{transition:background .13s;cursor:pointer;}
.stats-table__row:hover{background:rgba(33,150,243,.05);}
.stats-table__row:not(:last-child) td{border-bottom:1px solid var(--ln);}
.stats-table__cell{padding:12px 16px;vertical-align:middle;}
.stats-table__cell.td-r{text-align:right;}
.stats-table__cell.td-c{text-align:center;}

.top3-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;animation:fadeInUp .3s ease .1s both;}
.top3-card__hdr{padding:13px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:9px;}
.top3-card__hdr svg{width:15px;height:15px;color:var(--gd);flex-shrink:0;}
.top3-card__title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;flex:1;}
.top3-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--ln);cursor:pointer;transition:background .14s;}
.top3-row:last-child{border-bottom:none;}
.top3-row:hover{background:rgba(255,255,255,.025);}
.top3-row__rank{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:700;width:26px;flex-shrink:0;text-align:center;}
.top3-row__rank--1{color:var(--gd);}
.top3-row__rank--2{color:#c0c0c0;}
.top3-row__rank--3{color:#cd7f32;}
.top3-row__ava{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;}
.top3-row__info{flex:1;min-width:0;}
.top3-row__name{font-size:12.5px;font-weight:700;color:var(--wh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.top3-row__kills{font-size:11px;color:var(--dim);margin-top:2px;}
.top3-row__kills span{color:var(--bl2);font-weight:700;}
.top3-row__skill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.2);color:var(--bl2);flex-shrink:0;white-space:nowrap;}

.stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;animation:fadeInUp .3s ease .05s both;}
.stat-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:14px;padding:16px 14px;text-align:center;transition:all .18s;}
.stat-card:hover{border-color:rgba(33,150,243,.28);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3);}
.stat-card__value{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;line-height:1;}
.stat-card__label{font-size:10.5px;color:var(--dim);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-top:4px;}

.player-cell a{
	display: flex;
    align-items: center;
    gap: 12px;
}

.player-cell > a img{
	width: 38px;
    height: 38px;
    border-radius: 50%;
    transition: transform .18s;
}
.player-cell > a img:hover{transform:scale(1.1);}

.skill-badge {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
}

.skill-badge.label-primary{
	background: rgba(33, 150, 243, .12);
    border: 1px solid rgba(33, 150, 243, .28);
    color: var(--bl2);
}
.skill-badge.label-warning{
	background: rgba(255, 179, 0, .12);
    border: 1px solid rgba(255, 179, 0, .28);
    color: var(--gd);
}
.skill-badge.label-success{
	background: rgba(41, 194, 122, .12);
    border: 1px solid rgba(41, 194, 122, .28);
    color: var(--gr);
}

#mName > a img{
	display: none;
}

#modalHdrStats{
    background: linear-gradient(135deg, #0d1628, #1a2d54, #0d1628);
    border-bottom: 1px solid rgba(33, 150, 243, .18);
}

#modalHdrStats::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 80% 50%, rgba(33, 150, 243, .12), transparent 55%);
}

#modalHdrStats::after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--bl2), var(--cy), var(--bl2), transparent);
}

.modal__tabs{display:flex;border-bottom:1px solid var(--ln);background:var(--bg2);}
.modal__tab{display:flex;align-items:center;gap:7px;padding:12px 20px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--dim);border-bottom:2px solid transparent;transition:all .16s;white-space:nowrap;}
.modal__tab svg{width:13px;height:13px;}
.modal__tab:hover{color:var(--wh);}
.modal__tab.active{color:var(--bl2);border-bottom-color:var(--bl2);}

/* tab panels */
.tab-panel{display:none;}
.tab-panel.active{display:block;}

/* info sections */
.info-section{background:var(--bg2);border:1px solid var(--ln2);border-radius:14px;overflow:hidden;margin-bottom:14px;}
.info-section:last-child{margin-bottom:0;}
.info-section__title{padding:11px 18px;border-bottom:1px solid var(--ln);font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:.4px;color:var(--bl2);display:flex;align-items:center;gap:8px;}
.info-section__title svg{width:14px;height:14px;flex-shrink:0;}

/* info grid */
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.info-row{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--ln);gap:8px;}
.info-row:last-child{border-bottom:none;}
.info-row.full{grid-column:1/-1;}
.info-row__label{font-size:12px;color:var(--dim);font-weight:600;white-space:nowrap;}
.info-row__value{font-size:13px;font-weight:700;color:var(--wh);text-align:right;}
.info-row__value--blue{color:var(--bl2);}
.info-row__value--green{color:var(--gr);}
.info-row__value--gold{color:var(--gd);}

/* percent bar */
.pct-bar{display:flex;align-items:center;gap:8px;justify-content:flex-end;}
.pct-bar__num{font-size:13px;font-weight:700;color:var(--wh);min-width:36px;text-align:right;}
.pct-bar__track{width:90px;height:6px;background:rgba(0,0,0,.4);border-radius:4px;overflow:hidden;flex-shrink:0;}
.pct-bar__fill{height:100%;border-radius:4px;}

#modalWidthStats{
	max-width: 780px;
    width: 100%;
}
#mNickRow > a img{
	display: none;
}

/* ── PAGE LAYOUT ── */
.wrap.settings{max-width:1520px;margin:0 auto;padding:28px 28px 60px;}
.page-title{font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;display:flex;align-items:center;gap:10px;}
.page-title svg{width:20px;height:20px;color:var(--bl2);}
.page-sub{font-size:12px;color:var(--dim);margin-bottom:24px;}

/* ── CARD ── */
.card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;margin-bottom:18px;animation:fadeInUp .35s ease both;}
.card:nth-child(2){animation-delay:.05s;}
.card:nth-child(3){animation-delay:.1s;}
.card:nth-child(4){animation-delay:.15s;}
.card:nth-child(5){animation-delay:.2s;}
.card:nth-child(6){animation-delay:.25s;}
.card:nth-child(7){animation-delay:.3s;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.card-head{padding:16px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(33,150,243,.06),transparent);}
.card-head svg{width:16px;height:16px;color:var(--bl2);flex-shrink:0;}
.card-title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;flex:1;}
.card-body{padding:20px 22px;}
.card-body + .card-body{padding-top:0;}

/* ── FORM ELEMENTS ── */
.field-group{margin-bottom:18px;}
.field-group:last-child{margin-bottom:0;}
.field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);margin-bottom:8px;display:block;}
.input-row{display:flex;gap:8px;}
.field-input{flex:1;padding:10px 14px;border-radius:10px;background:var(--bg0);border:1px solid var(--ln2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13px;font-weight:500;outline:none;transition:border .18s,box-shadow .18s;}
.field-input::placeholder{color:var(--dim);}
.field-input:focus{border-color:var(--bl);box-shadow:0 0 0 3px rgba(33,150,243,.15);}
.field-input[type=password]{letter-spacing:2px;}
.field-input[type=password]::placeholder{letter-spacing:0;}
select.field-input{cursor:pointer;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:10px;font-family:'Nunito',sans-serif;font-size:12.5px;font-weight:700;border:none;cursor:pointer;transition:all .18s;letter-spacing:.2px;white-space:nowrap;}
.btn svg{width:14px;height:14px;}
.btn-primary{background:linear-gradient(135deg,var(--bl3),var(--bl));color:#fff;box-shadow:0 4px 14px rgba(33,150,243,.3);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(33,150,243,.45);}
.btn-outline{background:var(--bg2);border:1px solid var(--ln2);color:var(--mid);}
.btn-outline:hover{border-color:var(--bl);color:var(--bl2);background:rgba(33,150,243,.08);}
.btn-danger{background:rgba(244,67,54,.12);border:1px solid rgba(244,67,54,.25);color:var(--rd);}
.btn-danger:hover{background:rgba(244,67,54,.22);border-color:var(--rd);}
.btn-success{background:rgba(41,194,122,.12);border:1px solid rgba(41,194,122,.25);color:var(--gr);}
.btn-success:hover{background:rgba(41,194,122,.22);border-color:var(--gr);}
.btn-sm{padding:7px 13px;font-size:11.5px;}
.btn-block{width:100%;}

/* ── AVATAR AREA ── */
.avatar-wrap{display:flex;gap:18px;align-items:flex-start;}
.avatar-img{width:84px;height:84px;border-radius:14px;object-fit:cover;border:2px solid var(--ln2);flex-shrink:0;}
.avatar-upload{flex:1;display:flex;flex-direction:column;gap:10px;}
.file-input-label{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;background:var(--bg2);border:1px solid var(--ln2);color:var(--mid);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .18s;}
.file-input-label:hover{border-color:var(--bl2);color:var(--bl2);}
.file-input-label svg{width:14px;height:14px;}
#user_avatar{
	display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 10px;
    background: var(--bg2);
    border: 1px solid var(--ln2);
    color: var(--mid);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all .18s;
}

#user_avatar:hover{
	border-color:var(--bl2);
  color:var(--bl2);
}

/* ── TOGGLE GROUP ── */
.toggle-group{display:flex;gap:6px;flex-wrap:wrap;}
.toggle-btn{padding:8px 16px;border-radius:9px;background:var(--bg2);border:1px solid var(--ln2);color:var(--mid);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;}
.toggle-btn:hover{border-color:var(--bl);color:var(--bl2);}
.toggle-btn.active{background:rgba(33,150,243,.15);border-color:rgba(33,150,243,.4);color:var(--bl2);}
.toggle-btn input{
	display: none;
}

/* ── SOCIAL CARD ── */
.social-attach{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;background:var(--bg2);border:1px solid var(--ln2);}
.social-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.social-info{flex:1;}
.social-name{font-size:13px;font-weight:700;}
.social-status{font-size:11px;color:var(--dim);margin-top:2px;}
.sdot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.sdot-on{background:var(--gr);box-shadow:0 0 6px var(--gr);}
.sdot-off{background:var(--dim);}

/* ── DATE ROW ── */
.date-row{display:flex;gap:8px;}
.date-row select{flex:1;}

/* ── TEXTAREA ── */
.sig-area{width:100%;min-height:100px;padding:12px 14px;border-radius:10px;background:var(--bg0);border:1px solid var(--ln2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13px;resize:vertical;outline:none;transition:border .18s;}
.sig-area:focus{border-color:var(--bl);box-shadow:0 0 0 3px rgba(33,150,243,.15);}
.char-counter{font-size:11px;color:var(--dim);text-align:right;margin-top:5px;}

/* ── BLACK LIST TABLE ── */
.bl-table{width:100%;border-collapse:collapse;}
.bl-table th{padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);font-weight:700;background:var(--bg0);text-align:left;border-bottom:1px solid var(--ln);}
.bl-table td{padding:11px 14px;border-bottom:1px solid var(--ln);font-size:13px;color:var(--mid);}
.bl-table tr:last-child td{border-bottom:none;}
.bl-table tr:hover td{background:var(--bg2);}

/* ── REFERRAL ── */
.ref-link-box{padding:12px 16px;border-radius:10px;background:var(--bg0);border:1px solid var(--ln2);display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ref-link-text{font-family:monospace;font-size:12px;color:var(--bl2);word-break:break-all;}

/* ── GRID ── */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
@media(max-width:780px){.settings-grid{grid-template-columns:1fr;}}
.col-left,.col-right{display:flex;flex-direction:column;}

/* ── SECTION DIVIDER ── */
.section-sep{height:1px;background:var(--ln);margin:16px 0;}

.modal-head-settings {
    padding: 18px 22px;
    border-bottom: 1px solid var(--ln);
    display: flex;
    align-items: center;
    gap: 10px;
}
.modal-title-settings {
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    font-weight: 700;
    flex: 1;
}
.noty {
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 12.5px;
    color: var(--mid);
    line-height: 1.6;
    margin-bottom: 12px;
}
.noty-info {
    background: rgba(33, 150, 243, .08);
    border: 1px solid rgba(33, 150, 243, .2);
}
#vk_user{
	display: flex;
    gap: 10px;
    align-items: center;
}
#vk_user img{
	width: 35px;
    border-radius: 10px;
}
#black-list-content > tr > td > a img,
#referrals_body > tr > td > a img{
	display: none;
}
.page.store{max-width:1520px;margin:0 auto;padding:30px 28px 50px;display:grid;grid-template-columns:1fr 380px;gap:26px;align-items:start;}

/* ── SECTION TITLE ── */
.sec-title{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.sec-title svg{width:18px;height:18px;color:var(--bl2);flex-shrink:0;}
.sec-title-text{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;letter-spacing:.5px;}

/* ── CARD BASE ── */
.card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;margin-bottom:20px;}
.card-hdr{padding:14px 20px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;}
.card-hdr svg{width:16px;height:16px;color:var(--bl2);flex-shrink:0;}
.card-hdr-t{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;flex:1;}
.card-body{padding:20px;}

/* ── HERO BANNER ── */
.shop-hero{background:var(--bg1);border:1px solid var(--ln2);border-radius:20px;overflow:hidden;margin-bottom:22px;position:relative;}
.shop-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,71,161,.6) 0%,rgba(0,188,212,.15) 50%,rgba(255,179,0,.08) 100%);}
.shop-hero-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(33,150,243,.12) 0%,transparent 70%);}
.shop-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.4) 60%,transparent 100%);}
.shop-hero-inner{position:relative;z-index:1;padding:28px 28px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;}
.shop-hero-left{}
.shop-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:rgba(255,179,0,.12);border:1px solid rgba(255,179,0,.3);color:var(--gd);font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;margin-bottom:12px;}
.shop-hero-badge svg{width:11px;height:11px;}
.shop-hero-title{font-family:'Rajdhani',sans-serif;font-size:28px;font-weight:700;letter-spacing:.5px;line-height:1.1;margin-bottom:6px;}
.shop-hero-title em{color:var(--bl2);font-style:normal;}
.shop-hero-sub{font-size:13px;color:var(--mid);font-weight:600;}
.shop-hero-right{display:flex;flex-direction:column;gap:10px;flex-shrink:0;}
.info-pill{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;background:rgba(255,255,255,.04);border:1px solid var(--ln2);border-radius:14px;min-width:220px;}
.info-pill-ico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.info-pill-ico svg{width:15px;height:15px;}
.info-pill-ico.bl{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.2);}
.info-pill-ico.bl svg{color:var(--bl2);}
.info-pill-ico.gr{background:rgba(41,194,122,.1);border:1px solid rgba(41,194,122,.2);}
.info-pill-ico.gr svg{color:var(--gr);}
.info-pill-body{}
.info-pill-title{font-size:11px;font-weight:800;color:var(--wh);margin-bottom:3px;letter-spacing:.2px;}
.info-pill-text{font-size:11.5px;color:var(--mid);line-height:1.5;}

/* ── HOW-TO BOX ── */
.howto-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;margin-bottom:20px;}
.howto-tabs{display:flex;border-bottom:1px solid var(--ln);}
.htab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 10px;font-size:12.5px;font-weight:700;color:var(--dim);cursor:pointer;border-bottom:2px solid transparent;transition:all .16s;text-align:center;}
.htab svg{width:14px;height:14px;flex-shrink:0;}
.htab:hover{color:var(--wh);}
.htab.on{color:var(--bl2);border-bottom-color:var(--bl2);}
.htab-panel{display:none;padding:18px 20px;}
.htab-panel.on{display:block;}
.htab-steps{display:flex;flex-direction:column;gap:10px;}
.htab-step{display:flex;align-items:flex-start;gap:12px;}
.htab-num{width:22px;height:22px;border-radius:7px;background:rgba(33,150,243,.12);border:1px solid rgba(33,150,243,.22);color:var(--bl2);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.htab-step-text{font-size:12.5px;color:var(--mid);line-height:1.55;}
.htab-step-text strong{color:var(--wh);font-weight:700;}
.cmd{display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.4);border:1px solid rgba(33,150,243,.2);border-radius:7px;padding:3px 10px;font-family:monospace;font-size:12px;color:var(--cy);margin-top:5px;cursor:pointer;transition:all .15s;user-select:all;}
.cmd:hover{border-color:var(--cy);background:rgba(0,188,212,.06);}
.cmd svg{width:11px;height:11px;color:var(--dim);}
.bind-list{display:flex;flex-direction:column;gap:6px;margin-top:4px;}
.bind-row{display:flex;align-items:center;gap:10px;}
.bind-key{padding:3px 9px;background:rgba(33,150,243,.08);border:1px solid rgba(33,150,243,.2);border-radius:6px;font-family:monospace;font-size:11px;color:var(--bl2);font-weight:700;white-space:nowrap;}
.bind-arrow{color:var(--dim);font-size:11px;}
.bind-val{font-size:12px;color:var(--mid);}

/* ── SELECT WRAPPER ── */
.sel-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;}
.sel-label{font-size:11.5px;font-weight:800;color:var(--mid);letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;gap:6px;}
.sel-label svg{width:13px;height:13px;color:var(--bl2);}
.sel-wrap{position:relative;}
.sel-wrap::after{content:'';position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--mid);pointer-events:none;transition:border-color .15s;}
.sel-wrap:hover::after{border-top-color:var(--bl2);}
select{width:100%;padding:11px 38px 11px 14px;background:var(--bg2);border:1px solid var(--ln2);border-radius:12px;color:var(--wh);font-family:'Nunito',sans-serif;font-size:13px;font-weight:600;appearance:none;cursor:pointer;transition:border-color .18s,background .18s;outline:none;}
select:hover{border-color:rgba(33,150,243,.4);background:var(--bg3);}
select:focus{border-color:var(--bl);box-shadow:0 0 0 3px rgba(33,150,243,.12);}
select option{background:var(--bg2);color:var(--wh);}
select:disabled{opacity:.4;cursor:not-allowed;}

/* ── TARIFF CARDS ── */
.tariff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;}
.tariff-card{padding:13px 14px;background:var(--bg2);border:1px solid var(--ln2);border-radius:13px;cursor:pointer;transition:all .18s;position:relative;overflow:hidden;}
.tariff-card:hover{border-color:rgba(33,150,243,.35);background:var(--bg3);}
.tariff-card.selected{border-color:var(--bl);background:rgba(33,150,243,.08);box-shadow:0 0 0 1px rgba(33,150,243,.3);}
.tariff-card.popular::before{content:'ХИТ';position:absolute;top:8px;right:-14px;background:var(--gd);color:#000;font-size:8.5px;font-weight:900;padding:2px 20px;transform:rotate(35deg);letter-spacing:.5px;}
.tariff-days{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:700;color:var(--wh);line-height:1;}
.tariff-days span{font-size:12px;font-weight:600;color:var(--dim);}
.tariff-price{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;color:var(--bl2);margin-top:4px;}
.tariff-disc{font-size:10px;color:var(--gr);font-weight:700;margin-top:2px;}
.tariff-check{position:absolute;top:9px;right:9px;width:18px;height:18px;border-radius:50%;background:var(--bl);display:none;align-items:center;justify-content:center;}
.tariff-check svg{width:10px;height:10px;color:#fff;}
.tariff-card.selected .tariff-check{display:flex;}
.tariff-card.selected .tariff-days,.tariff-card.selected .tariff-price{color:var(--bl2);}

/* ── CHECKBOX ── */
.chk-row{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;background:rgba(33,150,243,.03);border:1px solid var(--ln);border-radius:12px;cursor:pointer;transition:all .16s;margin-bottom:18px;}
.chk-row:hover{border-color:rgba(33,150,243,.25);}
.chk-box{width:20px;height:20px;border-radius:6px;border:2px solid var(--dim);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .16s;margin-top:1px;}
.chk-box svg{width:11px;height:11px;color:#fff;display:none;}
input[type=checkbox]:checked + .chk-row .chk-box{background:var(--bl);border-color:var(--bl);}
input[type=checkbox]:checked + .chk-row .chk-box svg{display:block;}
.chk-text{font-size:12.5px;color:var(--mid);line-height:1.5;}
.chk-text a{color:var(--bl2);text-decoration:underline;}
.form-check{
	display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 16px;
    background: rgba(33, 150, 243, .03);
    border: 1px solid var(--ln);
    border-radius: 12px;
    cursor: pointer;
    transition: all .16s;
    margin-bottom: 18px;
}
.form-check:hover {
    border-color: rgba(33, 150, 243, .25);
}
/* manual checkbox toggle */
.chk-row.checked .chk-box{background:var(--bl);border-color:var(--bl);}
.chk-row.checked .chk-box svg{display:block;}

/* ── BUY BUTTON ── */
.buy-btn{width:100%;padding:15px 20px;border-radius:13px;background:linear-gradient(135deg,var(--bl3),var(--bl));border:none;color:#fff;font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;}
.buy-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--bl),var(--cy));opacity:0;transition:opacity .2s;}
.buy-btn:hover::before{opacity:1;}
.buy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(33,150,243,.38);}
.buy-btn:active{transform:translateY(0);}
.buy-btn svg{width:18px;height:18px;position:relative;z-index:1;}
.buy-btn span{position:relative;z-index:1;}
.buy-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;}

/* ── RIGHT SIDEBAR ── */
.priv-info-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;position:sticky;top:90px;}
.priv-info-hdr{padding:18px 20px;background:linear-gradient(135deg,rgba(255,179,0,.12),rgba(255,179,0,.04));border-bottom:1px solid rgba(255,179,0,.15);display:flex;align-items:center;gap:12px;}
.priv-info-ico{width:40px;height:40px;border-radius:12px;background:rgba(255,179,0,.12);border:1px solid rgba(255,179,0,.25);display:flex;align-items:center;justify-content:center;}
.priv-info-ico svg{width:18px;height:18px;color:var(--gd);}
.priv-info-t{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;color:var(--wh);}
.priv-info-s{font-size:11px;color:var(--gd);font-weight:600;margin-top:2px;}

/* service tabs */
.stabs{display:flex;border-bottom:1px solid var(--ln);padding:0 6px;}
.stab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 6px;font-size:11.5px;font-weight:700;color:var(--dim);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;text-align:center;white-space:nowrap;}
.stab.on{color:var(--bl2);border-bottom-color:var(--bl);}
.stab:hover{color:var(--wh);}
.spanel{display:none;padding:16px;}
.spanel.on{display:block;}

/* feature list */
.feat-list{display:flex;flex-direction:column;gap:8px;}
.feat-item{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;background:var(--bg2);border:1px solid var(--ln);border-radius:11px;}
.feat-ico{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.feat-ico svg{width:12px;height:12px;}
.feat-ico.gd{background:rgba(255,179,0,.1);border:1px solid rgba(255,179,0,.18);}
.feat-ico.gd svg{color:var(--gd);}
.feat-ico.bl{background:rgba(33,150,243,.08);border:1px solid rgba(33,150,243,.15);}
.feat-ico.bl svg{color:var(--bl2);}
.feat-ico.gr{background:rgba(41,194,122,.08);border:1px solid rgba(41,194,122,.15);}
.feat-ico.gr svg{color:var(--gr);}
.feat-ico.rd{background:rgba(244,67,54,.08);border:1px solid rgba(244,67,54,.15);}
.feat-ico.rd svg{color:var(--rd);}
.feat-text{font-size:12px;color:var(--mid);line-height:1.45;flex:1;}
.feat-text strong{color:var(--wh);font-weight:700;font-size:12.5px;}

/* order summary */
.order-sum{padding:16px;}
.os-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--ln);}
.os-row:last-of-type{border-bottom:none;}
.os-lbl{font-size:12px;color:var(--dim);font-weight:600;}
.os-val{font-size:13px;font-weight:700;color:var(--wh);}
.os-val.gd{color:var(--gd);}
.os-val.gr{color:var(--gr);}
.os-total{margin-top:10px;padding:14px;background:rgba(33,150,243,.06);border:1px solid rgba(33,150,243,.18);border-radius:13px;display:flex;align-items:center;justify-content:space-between;}
.os-total-lbl{font-size:13px;font-weight:700;color:var(--mid);}
.os-total-price{font-family:'Rajdhani',sans-serif;font-size:24px;font-weight:700;color:var(--bl2);}
#store_service_info ul{
	padding: 20px;
}
.registration{
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.hero-acts{
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

#noty_bottomRight_layout_container {
	width: fit-content !important;
}

#noty_bottomRight_layout_container li{
background-color: var(--bg4) !important;
    color: var(--text-white) !important;
    width: 100% !important;
    cursor: pointer !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    border: none !important;
    height: auto !important;
}

#nprogress {
  pointer-events: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
}

#nprogress .bar {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(90deg, #009eff 0%, #8dd4ff 100%);
  height: 3px;
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  transform: rotate(3deg) translate(0px, -4px);
}

#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 9999;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  animation: nprogress-spinner 400ms linear infinite;
}

@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.result_ok, .result_ok_b {
  display: block;
  position: fixed;
  z-index: 1200;
  top: 16px;
  right: 18px;
  color: #4d86d1;
  font-size: 16px;
}

.result_error, .result_error_b {
  display: block;
  position: fixed;
  z-index: 1200;
  top: 17px;
  right: 18px;
  color: #4d86d1;
  font-size: 16px;
}

.pagination > li > a span[aria-hidden="true"] {
    background: none;
    border: none;
}

        .el-activity-item {
	background: var(--bg1);
    padding: 1.25rem 1.5rem;
    transition: all 0.25s ease;
    cursor: pointer;
    animation: fadeInUp 0.35s ease both;
    position: relative;
    overflow: hidden;
        }
        
        .el-activity-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, transparent, var(--bl2), var(--cy), var(--bl2), transparent);
            transition: left 0.4s ease;
        }
        
        .el-activity-item:hover {
            transform: translateY(-2px);
            box-shadow: var(--shadow), 0 0 0 1px rgba(33, 150, 243, 0.1);
            border-color: rgba(33, 150, 243, 0.25);
            background: var(--bg2);
        }
        
        .el-activity-item:hover::before {
            left: 0;
        }
        
        .el-activity-title {
            display: block;
            font-family: 'Rajdhani', sans-serif;
            font-size: 1.3rem;
            font-weight: 700;
            letter-spacing: 0.3px;
            text-decoration: none;
            margin-bottom: 0.65rem;
            transition: all 0.2s;
            
            background: linear-gradient(135deg, var(--wh) 0%, var(--bl2) 100%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }
        
        .el-activity-item:hover .el-activity-title {
            background: linear-gradient(135deg, #ffffff 0%, var(--cy) 100%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            text-shadow: 0 0 12px rgba(33, 150, 243, 0.3);
        }
        
        .el-activity-meta {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 0.6rem;
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--dim);
            padding-top: 0.5rem;
            border-top: 1px solid var(--ln);
        }
        
        .el-activity-meta span {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
        }
        
.el-activity-meta span:first-child::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b9bbf' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
        
        .el-activity-meta span:nth-child(2) {
            color: var(--ln2);
            font-weight: 700;
            font-size: 1rem;
            line-height: 1;
        }

.el-activity-meta span:last-child::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2342a5f5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
        
        .el-activity-meta span:last-child {
            color: var(--bl2);
            font-weight: 700;
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(16px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .el-activity-meta span:first-child {
            font-family: monospace;
            letter-spacing: 0.3px;
        }
        
        @media (max-width: 500px) {
            .el-activity-item {
                padding: 1rem 1.2rem;
            }
            
            .el-activity-title {
                font-size: 1.1rem;
            }
            
            .el-activity-meta {
                font-size: 0.7rem;
                gap: 0.4rem;
            }
        }
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 300px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after,.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow {
    bottom: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before {
    border-width: .5rem .5rem 0
}

.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before {
    bottom: 0;
    border-top-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow {
    left: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before {
    border-width: .5rem .5rem .5rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before {
    left: 0;
    border-right-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after {
    left: 1px;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow {
    top: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before {
    border-width: 0 .5rem .5rem .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow {
    right: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before {
    border-width: .5rem 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before {
    right: 0;
    border-left-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after {
    right: 1px;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.carousel-item-next,.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.active.carousel-item-right,.carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right,.carousel-item-next {
        -webkit-transform:translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.active.carousel-item-left,.carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left,.carousel-item-prev {
        -webkit-transform:translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;

	&.smiles_panel {
		& *::selection, & *::-moz-selection {
			background: none;
		}

		.owl-stage-outer {
            z-index: 1060;
            width: 235px;
            margin-left: 20.5px;
		}

		.owl-nav {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1059;
		}

		.owl-prev, .owl-next {
			overflow: hidden;
			border: 1px solid $dark-border-color;
			height: 40px;
			width: 18px;
			padding-top: 10px;
			text-align: center;
		}

		.owl-prev {
			border-radius: 3px 0 0 3px;
			float: left;
		}

		.owl-next {
			border-radius: 0 3px 3px 0;
			float: right;
		}

		.smilebtn {
			float: left;
            height: 100%;
            border: 1px solid var(--ln);
            cursor: pointer;
            width: 100%;
            line-height: 34px;
            text-align: center;
            border-right: 0;
            padding: 5px;
            display: flex;
            align-items: center;
            justify-content: center;

			img {
				display: inline-block;
				height: 30px;
				width: 30px;
			}

			&:hover, &:active {
				background: var(--ln);
			}
		}
	}

	&.owl-loading {
		opacity: 0;
		display: block;
	}

	&.owl-hidden {
		opacity: 0;
	}

	&.owl-rtl {
		direction: rtl;

		.owl-item {
			float: right;
		}
	}

	&.owl-text-select-on .owl-item {
		-webkit-user-select: auto;
		-moz-user-select: auto;
		-ms-user-select: auto;
		user-select: auto;
	}

	&.owl-loaded {
		display: block;
              margin-top: 10px;
	}

	.animated {
		-webkit-animation-duration: 1000ms;
		animation-duration: 1000ms;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.owl-animated-in {
		z-index: 0;
	}

	.owl-animated-out {
		z-index: 1;
	}

	.fadeOut {
		-webkit-animation-name: fadeOut;
		animation-name: fadeOut;
	}

	@-webkit-keyframes fadeOut {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	@keyframes fadeOut {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}

	.owl-height {
		-webkit-transition: height 500ms ease-in-out;
		-moz-transition: height 500ms ease-in-out;
		-ms-transition: height 500ms ease-in-out;
		-o-transition: height 500ms ease-in-out;
		transition: height 500ms ease-in-out;
	}

	.owl-stage {
		position: relative;
		-ms-touch-action: pan-Y;
	}

	.owl-stage:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

	.owl-stage-outer {
		position: relative;
		overflow: hidden;
		-webkit-transform: translate3d(0px, 0, 0);
	}

	.owl-controls .owl-nav .owl-prev,
	.owl-controls .owl-nav .owl-next,
	.owl-controls .owl-dot {
		cursor: pointer;
		cursor: hand;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.owl-refresh .owl-item {
		display: none;
	}

	.owl-item {
		position: relative;
		min-height: 1px;
		float: left;
		-webkit-backface-visibility: hidden;
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.owl-item img {
		display: block;
		width: 100%;
		-webkit-transform-style: preserve-3d;
	}

	.owl-grab {
		cursor: move;
		cursor: -webkit-grab;
		cursor: -o-grab;
		cursor: -ms-grab;
		cursor: grab;
	}

	.owl-item .owl-lazy {
		opacity: 0;
		-webkit-transition: opacity 400ms ease;
		-moz-transition: opacity 400ms ease;
		-ms-transition: opacity 400ms ease;
		-o-transition: opacity 400ms ease;
		transition: opacity 400ms ease;
	}

	.owl-item img {
		transform-style: preserve-3d;
	}

	.owl-video-wrapper {
		position: relative;
		height: 100%;
		background: #000000;
	}

	.owl-video-play-icon {
		position: absolute;
		height: 80px;
		width: 80px;
		left: 50%;
		top: 50%;
		margin-left: -40px;
		margin-top: -40px;
		background: url("owl.video.play.png") no-repeat;
		cursor: pointer;
		z-index: 1;
		transition: scale 100ms ease;
	}

	.owl-video-play-icon:hover {
		transition: scale(1.3, 1.3);
	}

	.owl-video-playing .owl-video-tn,
	.owl-video-playing .owl-video-play-icon {
		display: none;
	}

	.owl-video-tn {
		opacity: 0;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		-webkit-transition: opacity 400ms ease;
		-moz-transition: opacity 400ms ease;
		-ms-transition: opacity 400ms ease;
		-o-transition: opacity 400ms ease;
		transition: opacity 400ms ease;
	}

	.owl-video-frame {
		position: relative;
		z-index: 1;
	}
}
.owl-prev .m-icon, .owl-next .m-icon {
    color: var(--bl);
  	transition: 0.3s ease;
}

.owl-prev .m-icon:hover, .owl-next .m-icon:hover {
    color: var(--bl3);
}

.card > .with_code > .with_code > div[align="center"]:first-child{
	margin-left: -35px;
    margin-right: -35px;
    margin-top: -40px;
}

iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 720 / 405;
  max-width: 100%;
}

.iframe-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ── WRAP ── */
.wrap.edituser{max-width:1520px;margin:0 auto;padding:28px 28px 60px;}

/* ── PAGE TITLE ── */
.page-head{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.page-head-ava{
	width: 52px;
    height: 52px;
    border-radius: 13px;
    flex-shrink: 0;
}
.page-head-ava img{
	border-radius: 13px;
  width: 100%;
}
.page-head-info{flex:1;}
.page-title{font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px;}
.page-title svg{width:20px;height:20px;color:var(--bl2);}
.page-sub{font-size:12px;color:var(--dim);margin-top:3px;}
.page-head-badges{display:flex;gap:8px;flex-wrap:wrap;}
.phb{font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;}
.phb-admin{background:rgba(255,179,0,.15);border:1px solid rgba(255,179,0,.3);color:var(--gd);}
.phb-id{background:rgba(33,150,243,.12);border:1px solid rgba(33,150,243,.25);color:var(--bl2);}
.phb-active{background:rgba(41,194,122,.12);border:1px solid rgba(41,194,122,.25);color:var(--gr);}

/* ── DANGER ZONE ── */
.danger-card{background:linear-gradient(135deg,rgba(244,67,54,.08),rgba(183,28,28,.05));border:1px solid rgba(244,67,54,.2);border-radius:18px;margin-bottom:18px;overflow:hidden;}
.danger-head{padding:14px 22px;border-bottom:1px solid rgba(244,67,54,.15);display:flex;align-items:center;gap:10px;}
.danger-head svg{width:16px;height:16px;color:var(--rd);}
.danger-title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--rd);letter-spacing:.5px;}
.danger-body{padding:18px 22px;}

/* ── CARD ── */
.card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;margin-bottom:18px;animation:fadeInUp .35s ease both;}
.card:nth-child(2){animation-delay:.05s;}
.card:nth-child(3){animation-delay:.1s;}
.card:nth-child(4){animation-delay:.15s;}
.card:nth-child(5){animation-delay:.2s;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.card-head{padding:16px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(33,150,243,.06),transparent);}
.card-head svg{width:16px;height:16px;color:var(--bl2);flex-shrink:0;}
.card-title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;flex:1;}
.card-body{padding:20px 22px;}

/* ── FORM ── */
.field-group{margin-bottom:16px;}
.field-group:last-child{margin-bottom:0;}
.field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);margin-bottom:7px;display:block;}
.input-row{display:flex;gap:8px;}
.field-input{flex:1;padding:10px 14px;border-radius:10px;background:var(--bg0);border:1px solid var(--ln2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13px;font-weight:500;outline:none;transition:border .18s,box-shadow .18s;}
.field-input::placeholder{color:var(--dim);}
.field-input:focus{border-color:var(--bl);box-shadow:0 0 0 3px rgba(33,150,243,.15);}
select.field-input{cursor:pointer;}
.date-row{display:flex;gap:8px;}
.date-row select{flex:1;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:10px;font-family:'Nunito',sans-serif;font-size:12.5px;font-weight:700;border:none;cursor:pointer;transition:all .18s;white-space:nowrap;}
.btn svg{width:14px;height:14px;}
.btn-primary{background:linear-gradient(135deg,var(--bl3),var(--bl));color:#fff;box-shadow:0 4px 14px rgba(33,150,243,.3);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(33,150,243,.45);}
.btn-outline{background:var(--bg2);border:1px solid var(--ln2);color:var(--mid);}
.btn-outline:hover{border-color:var(--bl);color:var(--bl2);background:rgba(33,150,243,.08);}
.btn-danger{background:rgba(244,67,54,.12);border:1px solid rgba(244,67,54,.25);color:var(--rd);}
.btn-danger:hover{background:rgba(244,67,54,.22);border-color:var(--rd);transform:translateY(-1px);}
.btn-warn{background:rgba(255,179,0,.12);border:1px solid rgba(255,179,0,.25);color:var(--gd);}
.btn-warn:hover{background:rgba(255,179,0,.22);border-color:var(--gd);}
.btn-sm{padding:7px 13px;font-size:11.5px;}
.btn-block{width:100%;}

/* ── AVATAR ── */
.avatar-wrap{display:flex;gap:16px;align-items:flex-start;}
.avatar-img{width:80px;height:80px;border-radius:12px;object-fit:cover;border:2px solid var(--ln2);flex-shrink:0;}
.avatar-upload{flex:1;display:flex;flex-direction:column;gap:9px;}
.file-input-label{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;background:var(--bg2);border:1px solid var(--ln2);color:var(--mid);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .18s;}
.file-input-label:hover{border-color:var(--bl2);color:var(--bl2);}
.file-input-label svg{width:14px;height:14px;}
input[type=file]{display:none;}

/* ── TEXTAREA ── */
.sig-area{width:100%;min-height:90px;padding:12px 14px;border-radius:10px;background:var(--bg0);border:1px solid var(--ln2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13px;resize:vertical;outline:none;transition:border .18s;}
.sig-area:focus{border-color:var(--bl);box-shadow:0 0 0 3px rgba(33,150,243,.15);}

/* ── NOTY ── */
.noty{padding:10px 14px;border-radius:10px;font-size:12.5px;color:var(--mid);line-height:1.6;margin-bottom:12px;}
.noty-info{background:rgba(33,150,243,.08);border:1px solid rgba(33,150,243,.2);}
.noty-warn{background:rgba(255,179,0,.08);border:1px solid rgba(255,179,0,.2);color:var(--gd);}
.noty-err{background:rgba(244,67,54,.08);border:1px solid rgba(244,67,54,.2);color:var(--rd);}

/* ── INFO TABLE ── */
.info-table{width:100%;border-collapse:collapse;}
.info-table tr{border-bottom:1px solid var(--ln);transition:background .12s;}
.info-table tr:last-child{border-bottom:none;}
.info-table tr:hover{background:rgba(255,255,255,.02);}
.info-table td{padding:11px 18px;font-size:13px;}
.info-table td:first-child{color:var(--mid);font-weight:600;width:45%;font-size:12px;}
.info-table td:last-child{color:var(--wh);}
.status-on{color:var(--gr);font-weight:700;}
.status-off{color:var(--rd);font-weight:700;}
.status-warn{color:var(--gd);font-weight:700;}

/* ── MULTI TABLE ── */
.data-table{width:100%;border-collapse:collapse;}
.data-table thead tr{background:var(--bg0);}
.data-table th{padding:10px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);text-align:left;border-bottom:1px solid var(--ln);}
.data-table td{padding:11px 16px;font-size:13px;color:var(--mid);border-bottom:1px solid var(--ln);}
.data-table tr:last-child td{border-bottom:none;}
.data-table tr:hover td{background:rgba(255,255,255,.02);}
.data-table td a{color:var(--bl2);}
.data-table td a:hover{color:var(--bl);}
.row-actions{display:flex;gap:6px;align-items:center;}
.ia{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--ln2);background:var(--bg2);transition:all .15s;flex-shrink:0;}
.ia svg{width:12px;height:12px;}
.ia-del:hover{border-color:var(--rd);color:var(--rd);background:rgba(244,67,54,.1);}
.ia-unlink:hover{border-color:var(--gd);color:var(--gd);background:rgba(255,179,0,.1);}
.match-ip{color:var(--mid);}
.match-os{color:var(--gd);}
.match-full{color:var(--rd);}

/* ── GRID ── */
.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
@media(max-width:900px){.edit-grid{grid-template-columns:1fr;}}

/* ── TOAST ── */
.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:12px;background:var(--bg1);border:1px solid rgba(41,194,122,.4);color:var(--gr);font-size:13px;font-weight:700;box-shadow:var(--shadow);z-index:9999;opacity:0;transform:translateY(12px);transition:all .3s;pointer-events:none;}
.toast.show{opacity:1;transform:translateY(0);}
.toast.err{border-color:rgba(244,67,54,.4);color:var(--rd);}

/* ── SELECT CLEAR ── */
.clear-row{display:flex;gap:8px;}
.clear-row select{flex:1;}

/* ── MONEY BADGE ── */
.money-badge{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;}
.money-plus{color:var(--gr);}
.money-minus{color:var(--rd);}
.money-neutral{color:var(--gd);}

/* ── FOOTER ── */
.footer{margin-top:0;background:var(--bg1);border-top:1px solid var(--ln2);}
.footer-topline{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--bl3) 20%,var(--cy) 50%,var(--bl3) 80%,transparent);}
.footer-topline::after{content:'';display:block;margin:0 auto;width:200px;height:3px;background:linear-gradient(90deg,var(--bl),var(--cy));filter:blur(4px);opacity:.8;transform:translateY(-2px);}
.ft-main{padding:40px 28px 32px;max-width:1520px;margin:0 auto;}
.ft-main-inner-wrap{display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:40px;}
.ft-logo{display:flex;align-items:center;gap:11px;margin-bottom:14px;}
.ft-lm{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--bl3),var(--cy));display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;color:#fff;}
.ft-lt{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;}
.ft-lt em{color:var(--bl2);font-style:normal;}
.ft-desc{font-size:12.5px;color:var(--dim);line-height:1.65;margin-bottom:16px;}
.ft-soc{display:flex;gap:7px;margin-bottom:14px;}
.ftsoc{width:34px;height:34px;border-radius:9px;background:var(--bg2);border:1px solid var(--ln2);display:flex;align-items:center;justify-content:center;color:var(--dim);transition:all .15s;}
.ftsoc:hover{border-color:var(--bl);color:var(--bl2);background:rgba(33,150,243,.1);transform:translateY(-2px);}
.ft-srv-status{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:rgba(41,194,122,.08);border:1px solid rgba(41,194,122,.22);border-radius:30px;font-size:12px;font-weight:700;color:var(--gr);}
.ft-dot-live{width:7px;height:7px;border-radius:50%;background:var(--gr);box-shadow:0 0 8px var(--gr);animation:blink 2s infinite;flex-shrink:0;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.35;}}
.ft-col-t{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--bl2);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--ln);}
.ft-links{display:flex;flex-direction:column;gap:2px;}
.ft-lnk{font-size:12.5px;color:var(--dim);transition:color .15s;padding:4px 6px;border-radius:6px;}
.ft-lnk:hover{color:var(--wh);background:rgba(255,255,255,.04);}
.ft-ip-block{padding:13px 15px;background:linear-gradient(135deg,rgba(13,71,161,.25),rgba(21,101,192,.15));border:1px solid rgba(33,150,243,.2);border-radius:12px;margin-top:16px;}
.ft-ip-name{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;}
.ft-ip-addr{font-size:12px;color:var(--bl2);font-weight:700;font-family:monospace;}
.ft-ip-btn{margin-top:10px;display:flex;align-items:center;justify-content:center;width:100%;padding:8px 12px;background:linear-gradient(135deg,var(--bl3),var(--bl));border:none;border-radius:8px;color:#fff;font-family:'Nunito',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;}
.ft-ip-btn:hover{transform:translateY(-1px);}
.ft-bot{border-top:1px solid var(--ln);}
.ft-bot-inner{max-width:1520px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--dim);flex-wrap:wrap;}
.ft-bot-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ft-heart-sep{color:var(--ln2);}
.ft-bot-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.ft-bot-right a{color:var(--dim);transition:color .15s;}
.ft-bot-right a:hover{color:var(--bl2);}
@media(max-width:1100px){.ft-main-inner-wrap{grid-template-columns:1fr 1fr;gap:28px;}}
@media(max-width:680px){.ft-main-inner-wrap{grid-template-columns:1fr;}.ft-bot-inner{flex-direction:column;align-items:flex-start;}}

@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(33,150,243,0);}50%{box-shadow:0 0 0 8px rgba(33,150,243,.12);}}

/* ── WRAP ── */
.wrap.editadmins{max-width:1520px;margin:0 auto;padding:28px 28px 60px;display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start;}
@media(max-width:960px){.wrap{grid-template-columns:1fr;}}

/* ── CARDS ── */
.card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;margin-bottom:18px;animation:fadeInUp .35s ease both;}
.card:nth-child(2){animation-delay:.07s;}
.card:nth-child(3){animation-delay:.14s;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.card-head{padding:16px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(33,150,243,.06),transparent);}
.card-head svg{width:16px;height:16px;color:var(--bl2);flex-shrink:0;}
.card-title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;flex:1;}
.card-body{padding:20px 22px;}
.card-body-np{padding:0;}

/* ── FORM ── */
.field-group{margin-bottom:16px;}
.field-group:last-child{margin-bottom:0;}
.field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);margin-bottom:7px;display:block;}
.field-input{width:100%;padding:10px 14px;border-radius:10px;background:var(--bg0);border:1px solid var(--ln2);color:var(--wh);font-family:'Nunito',sans-serif;font-size:13px;font-weight:500;outline:none;transition:border .18s,box-shadow .18s;}
.field-input::placeholder{color:var(--dim);}
.field-input:focus{border-color:var(--bl);box-shadow:0 0 0 3px rgba(33,150,243,.15);}
select.field-input{cursor:pointer;}
.input-row{display:flex;gap:8px;}
.input-row .field-input{flex:1;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 22px;border-radius:10px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .18s;white-space:nowrap;}
.btn svg{width:14px;height:14px;}
.btn-primary{background:linear-gradient(135deg,var(--bl3),var(--bl));color:#fff;box-shadow:0 4px 14px rgba(33,150,243,.3);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(33,150,243,.45);}
.btn-outline{background:var(--bg2);border:1px solid var(--ln2);color:var(--mid);}
.btn-outline:hover{border-color:var(--bl);color:var(--bl2);background:rgba(33,150,243,.08);}
.btn-danger{background:rgba(244,67,54,.12);border:1px solid rgba(244,67,54,.25);color:var(--rd);}
.btn-danger:hover{background:rgba(244,67,54,.22);border-color:var(--rd);}
.btn-sm{padding:7px 14px;font-size:12px;}

/* ── ADMINS LIST ── */
.admin-item{display:grid;grid-template-columns:38px 1fr auto;gap:0;align-items:center;border-bottom:1px solid var(--ln);transition:background .15s;padding:14px 20px;gap:14px;}
.admin-item:last-child{border-bottom:none;}
.admin-item:hover{background:rgba(255,255,255,.02);}
.adm-ava{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0;}
.adm-ava a img{
	width: 100%;
      border-radius: 9px;
}
.adm-info{flex:1;min-width:0;}
.adm-name{font-size:13px;font-weight:700;color:var(--wh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.adm-name a{color:var(--bl2);}
.adm-name a:hover{color:var(--bl);}
.adm-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;}
.adm-tag{font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:20px;}
.tag-service{background:rgba(33,150,243,.15);color:var(--bl2);border:1px solid rgba(33,150,243,.2);}
.tag-tarif{background:rgba(255,179,0,.12);color:var(--gd);border:1px solid rgba(255,179,0,.2);}
.tag-nick{background:rgba(41,194,122,.1);color:var(--gr);border:1px solid rgba(41,194,122,.2);}
.tag-steam{background:rgba(0,188,212,.1);color:var(--cy);border:1px solid rgba(0,188,212,.2);}
.tag-expires{background:rgba(78,95,128,.15);color:var(--dim);border:1px solid var(--ln2);}
.tag-expires.soon{background:rgba(244,67,54,.1);color:var(--rd);border-color:rgba(244,67,54,.2);}
.adm-actions{display:flex;gap:6px;flex-shrink:0;}
.ia{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--ln2);background:var(--bg2);transition:all .15s;flex-shrink:0;}
.ia svg{width:13px;height:13px;}
.ia-del:hover{border-color:var(--rd);color:var(--rd);background:rgba(244,67,54,.1);}
.ia-edit:hover{border-color:var(--bl2);color:var(--bl2);background:rgba(33,150,243,.1);}

/* ── SERVER CARD (sidebar) ── */
.srv-select-card{background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;margin-bottom:18px;animation:fadeInUp .2s ease both;}

/* ── QUICK LINKS ── */
.ql{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:4px 6px;border-radius:10px;color:var(--mid);font-size:13px;font-weight:600;border:1px solid transparent;transition:all .15s;}
.ql svg{width:14px;height:14px;color:var(--bl2);flex-shrink:0;}
.ql:hover{background:var(--bg2);border-color:var(--ln2);color:var(--wh);transform:translateX(3px);}

/* ── STATS ROW ── */
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ln);}
.stat-cell{background:var(--bg1);padding:14px 18px;text-align:center;}
.stat-val{font-family:'Rajdhani',sans-serif;font-size:24px;font-weight:700;color:var(--bl2);line-height:1;}
.stat-lbl{font-size:10px;color:var(--dim);margin-top:3px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;}

/* ── EMPTY STATE ── */
.empty-state{padding:40px 20px;text-align:center;color:var(--dim);}
.empty-state svg{width:40px;height:40px;color:var(--dim);margin-bottom:12px;opacity:.4;}
.empty-state p{font-size:13px;}

/* ── TOAST ── */
.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:12px;background:var(--bg1);border:1px solid rgba(41,194,122,.4);color:var(--gr);font-size:13px;font-weight:700;box-shadow:var(--shadow);z-index:9999;opacity:0;transform:translateY(12px);transition:all .3s;pointer-events:none;}
.toast.show{opacity:1;transform:translateY(0);}
.toast.err{border-color:rgba(244,67,54,.4);color:var(--rd);}

/* ── EDIT MODAL ── */
.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:2000;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
.modal-bg.open{display:flex;}
.modal-box{width:480px;max-width:94vw;background:var(--bg1);border:1px solid var(--ln2);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);}
.modal-head{padding:18px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(33,150,243,.07),transparent);}
.modal-title{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;flex:1;}
.modal-close{background:none;border:none;color:var(--mid);font-size:20px;cursor:pointer;padding:2px 6px;border-radius:6px;line-height:1;}
.modal-close:hover{background:var(--bg2);color:var(--wh);}
.modal-body{padding:20px 22px;}
.modal-foot{padding:14px 22px;border-top:1px solid var(--ln);display:flex;gap:10px;justify-content:flex-end;}

/* ── SECTION LABEL ── */
.section-lbl{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--dim);padding:12px 20px 8px;border-bottom:1px solid var(--ln);background:var(--bg0);}

/* ── FOOTER ── */
.footer{background:var(--bg1);border-top:1px solid var(--ln2);}
.footer-topline{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--bl3) 20%,var(--cy) 50%,var(--bl3) 80%,transparent);}
.footer-topline::after{content:'';display:block;margin:0 auto;width:200px;height:3px;background:linear-gradient(90deg,var(--bl),var(--cy));filter:blur(4px);opacity:.8;transform:translateY(-2px);}
.ft-main{padding:40px 28px 32px;max-width:1520px;margin:0 auto;}
.ft-main-inner-wrap{display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:40px;}
.ft-logo{display:flex;align-items:center;gap:11px;margin-bottom:14px;}
.ft-lm{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--bl3),var(--cy));display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;color:#fff;}
.ft-lt{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;}
.ft-lt em{color:var(--bl2);font-style:normal;}
.ft-desc{font-size:12.5px;color:var(--dim);line-height:1.65;margin-bottom:16px;}
.ft-soc{display:flex;gap:7px;margin-bottom:14px;}
.ftsoc{width:34px;height:34px;border-radius:9px;background:var(--bg2);border:1px solid var(--ln2);display:flex;align-items:center;justify-content:center;color:var(--dim);transition:all .15s;}
.ftsoc:hover{border-color:var(--bl);color:var(--bl2);background:rgba(33,150,243,.1);transform:translateY(-2px);}
.ft-srv-status{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:rgba(41,194,122,.08);border:1px solid rgba(41,194,122,.22);border-radius:30px;font-size:12px;font-weight:700;color:var(--gr);}
.ft-dot-live{width:7px;height:7px;border-radius:50%;background:var(--gr);box-shadow:0 0 8px var(--gr);animation:blink 2s infinite;flex-shrink:0;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.35;}}
.ft-col-t{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--bl2);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--ln);}
.ft-links{display:flex;flex-direction:column;gap:2px;}
.ft-lnk{font-size:12.5px;color:var(--dim);transition:color .15s;padding:4px 6px;border-radius:6px;}
.ft-lnk:hover{color:var(--wh);background:rgba(255,255,255,.04);}
.ft-ip-block{padding:13px 15px;background:linear-gradient(135deg,rgba(13,71,161,.25),rgba(21,101,192,.15));border:1px solid rgba(33,150,243,.2);border-radius:12px;margin-top:16px;}
.ft-ip-name{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;}
.ft-ip-addr{font-size:12px;color:var(--bl2);font-weight:700;font-family:monospace;}
.ft-ip-btn{margin-top:10px;display:flex;align-items:center;justify-content:center;width:100%;padding:8px 12px;background:linear-gradient(135deg,var(--bl3),var(--bl));border:none;border-radius:8px;color:#fff;font-family:'Nunito',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;}
.ft-ip-btn:hover{transform:translateY(-1px);}
.ft-bot{border-top:1px solid var(--ln);}
.ft-bot-inner{max-width:1520px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--dim);flex-wrap:wrap;}
.ft-bot-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ft-heart-sep{color:var(--ln2);}
.ft-bot-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.ft-bot-right a{color:var(--dim);transition:color .15s;}
.ft-bot-right a:hover{color:var(--bl2);}
@media(max-width:1100px){.ft-main-inner-wrap{grid-template-columns:1fr 1fr;gap:28px;}}
@media(max-width:680px){.ft-main-inner-wrap{grid-template-columns:1fr;}.ft-bot-inner{flex-direction:column;align-items:flex-start;}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(33,150,243,0);}50%{box-shadow:0 0 0 8px rgba(33,150,243,.12);}}


#find-result > tr > td > a img{
	display: none;
}