/* ============================================================
   AXIS — ADMIN PANEL (тёмный стиль под дашборд)
   Только оформление: HTML-структура, id и JS не затрагиваются.
   Подключать ПОСЛЕ dashboard.css (и axis-unified.css).
   ============================================================ */

.admin-panel {
  --ax-bg-1: #0f1320;
  --ax-bg-2: #0a0d15;
  --ax-card: #131826;
  --ax-field: #0b0e16;
  --ax-line: #232a3d;
  --ax-line-2: #2f374d;
  --ax-text: #e8ebf5;
  --ax-text-2: #c4cadb;
  --ax-muted: #8b93a7;
  --ax-violet: #a44bff;
  color-scheme: dark;
  background:
    radial-gradient(120% 60% at 100% 0%, rgba(164,75,255,.14) 0%, transparent 55%),
    radial-gradient(90% 50% at 0% 100%, rgba(46,168,255,.10) 0%, transparent 60%),
    linear-gradient(180deg, var(--ax-bg-1), var(--ax-bg-2));
  color: var(--ax-text);
  border-left: 1px solid var(--ax-line);
  box-shadow: -18px 0 60px rgba(0,0,0,.6), -2px 0 40px rgba(164,75,255,.12);
}
/* вертикальная градиентная кромка слева */
.admin-panel::before {
  content: '';
  position: absolute; left: -1px; top: 0; bottom: 0; width: 2px;
  background: linear-gradient(180deg, #ff8a2b 0%, #ff3d8a 35%, #a44bff 65%, #2ea8ff 100%);
  box-shadow: 0 0 14px rgba(164,75,255,.6);
  pointer-events: none;
}

.admin-overlay { background: rgba(5,7,12,.62); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }

/* ---------- Шапка ---------- */
.admin-panel .admin-head {
  position: relative;
  padding: 20px 22px 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0));
  border-bottom: 1px solid var(--ax-line);
}
.admin-panel .admin-head::after {
  content: ''; position: absolute; left: 22px; right: 22px; bottom: -1px; height: 1px;
  background: linear-gradient(90deg, #ff8a2b, #ff3d8a, #a44bff, #2ea8ff);
  opacity: .7;
}
.admin-panel .admin-head h2 {
  font-size: 22px; font-weight: 900; letter-spacing: -.3px; margin: 0 0 3px;
  background: linear-gradient(135deg, #fff 0%, #e8ddff 45%, #b9a8ff 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 14px rgba(164,75,255,.35));
}
.admin-panel .admin-sub {
  font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ax-muted);
}
.admin-panel .admin-head .icon-btn {
  background: rgba(255,255,255,.04); border: 1px solid var(--ax-line-2); color: #9aa3bd;
  border-radius: 10px; transition: all .2s ease;
}
.admin-panel .admin-head .icon-btn:hover {
  color: #fff; border-color: rgba(164,75,255,.7); background: rgba(164,75,255,.14);
  box-shadow: 0 0 16px rgba(164,75,255,.35); transform: rotate(90deg);
}

/* ---------- Тело и карточки ---------- */
.admin-panel .admin-body {
  padding: 18px; gap: 16px;
  scrollbar-width: thin; scrollbar-color: #2a3140 transparent;
}
.admin-panel .admin-body::-webkit-scrollbar { width: 6px; }
.admin-panel .admin-body::-webkit-scrollbar-thumb { background: #2a3140; border-radius: 3px; }
.admin-panel .admin-body::-webkit-scrollbar-thumb:hover { background: #3a4152; }

.admin-panel .admin-block {
  position: relative;
  background: linear-gradient(145deg, #151a2a 0%, #111522 100%);
  border: 1px solid var(--ax-line);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
.admin-panel .admin-block::before {   /* тонкий градиентный блик сверху */
  content: ''; position: absolute; top: -1px; left: 16px; right: 16px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(164,75,255,.7), rgba(46,168,255,.7), transparent);
  opacity: .65; pointer-events: none;
}

.admin-panel .admin-label {
  font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--ax-muted); margin-bottom: 8px;
}

/* заголовки секций */
.admin-panel .admin-section-title {
  font-size: 14px; font-weight: 800; color: #fff; letter-spacing: .2px;
  gap: 8px; margin-bottom: 14px;
}
.admin-panel .admin-section-title::before {
  content: ''; width: 3px; height: 15px; border-radius: 2px; flex-shrink: 0;
  background: linear-gradient(180deg, #ff8a2b, #ff3d8a 40%, #a44bff 70%, #2ea8ff);
  box-shadow: 0 0 10px rgba(164,75,255,.6);
}
.admin-panel .admin-section-head { margin-bottom: 14px; }
.admin-panel .admin-section-head .admin-section-title { margin-bottom: 0; }
.admin-panel .admin-more { color: var(--ax-muted); transition: color .2s; }
.admin-panel .admin-more:hover { color: #fff; }

/* ---------- Выбор криптовалюты и банка ---------- */
.admin-panel .admin-crypto,
.admin-panel .admin-select {
  background: var(--ax-field);
  border: 1px solid var(--ax-line-2);
  border-radius: 12px;
  transition: border-color .2s, box-shadow .2s;
}
.admin-panel .admin-crypto { padding: 10px 14px; }
.admin-panel .admin-select { padding: 8px 12px; }
.admin-panel .admin-crypto:hover,
.admin-panel .admin-select:hover { border-color: rgba(164,75,255,.5); }
.admin-panel .admin-crypto:focus-within,
.admin-panel .admin-select:focus-within {
  border-color: var(--ax-violet); box-shadow: 0 0 0 3px rgba(164,75,255,.18);
}
.admin-panel .admin-crypto select,
.admin-panel .admin-select select {
  color: var(--ax-text); font-weight: 600;
}
.admin-panel select option { background: #12151c; color: var(--ax-text); }
.admin-panel .bank-mini {
  border-radius: 7px; box-shadow: 0 0 12px rgba(230,57,70,.45);
}

/* ---------- Поля ввода ---------- */
.admin-panel .admin-field { margin-bottom: 14px; }
.admin-panel .admin-field > span {
  font-size: 11.5px; font-weight: 600; letter-spacing: .04em; color: var(--ax-muted); margin-bottom: 7px;
}
.admin-panel .admin-field input,
.admin-panel .admin-field textarea,
.admin-panel .admin-tax-settings input[type="number"] {
  background: var(--ax-field);
  border: 1px solid var(--ax-line-2);
  border-radius: 11px;
  padding: 11px 13px;
  color: var(--ax-text);
  font-size: 13.5px;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.admin-panel .admin-field input:hover,
.admin-panel .admin-field textarea:hover { border-color: #3d4663; }
.admin-panel .admin-field input:focus,
.admin-panel .admin-field textarea:focus {
  background: #0f1320;
  border-color: var(--ax-violet);
  box-shadow: 0 0 0 3px rgba(164,75,255,.18), 0 0 18px rgba(164,75,255,.12);
}
.admin-panel .admin-field input::placeholder,
.admin-panel .admin-field textarea::placeholder { color: #566079; font-style: normal; }
.admin-panel .admin-field .hint,
.admin-panel .admin-tax-settings .hint { color: #6b7590; font-size: 11.5px; margin-top: 6px; }

/* ---------- Обычный чекбокс «Показать личность» ---------- */
.admin-panel .admin-check { --cr: 164,75,255; }
.admin-panel label.admin-check:not([class*="admin-check-"]) {
  padding: 11px 14px; margin-bottom: 14px;
  background: rgba(255,255,255,.025);
  border: 1px solid var(--ax-line);
  border-radius: 11px;
  color: var(--ax-text-2); font-weight: 600;
  transition: border-color .2s, background .2s;
}
.admin-panel label.admin-check:not([class*="admin-check-"]):hover {
  border-color: rgba(164,75,255,.5); background: rgba(164,75,255,.06);
}
.admin-panel label.admin-check:not([class*="admin-check-"]) input {
  width: 17px; height: 17px; accent-color: var(--ax-violet);
}

/* ---------- Кастомные чекбоксы-переключатели ---------- */
.admin-panel .admin-check-success { --cr: 16,185,129;  --c2: #059669; --cl: #34d399; }
.admin-panel .admin-check-convert { --cr: 164,75,255;  --c2: #7c5cff; --cl: #c8a2ff; }
.admin-panel .admin-check-verify  { --cr: 59,130,246;  --c2: #2563eb; --cl: #7db2ff; }
.admin-panel .admin-check-limit   { --cr: 245,158,11;  --c2: #d97706; --cl: #fbbf24; }
.admin-panel .admin-check-tax     { --cr: 220,38,38;   --c2: #991b1b; --cl: #ff7a7a; }
.admin-panel .admin-check-cyprus  { --cr: 46,140,230;  --c2: #0d5eaf; --cl: #6db6ff; }
.admin-panel .admin-check-testpay { --cr: 20,184,166;  --c2: #0d9488; --cl: #5eead4; }
.admin-panel .admin-check-broker  { --cr: 255,61,138;  --c2: #be185d; --cl: #ff8fbd; }
.admin-panel .admin-check-solana  { --cr: 20,241,149;  --c2: #DC1FFF; --cl: #3df5b0; }
.admin-panel .admin-check-tax2    { --cr: 46,168,255;  --c2: #0055a4; --cl: #7cc4ff; }

.admin-panel label.admin-check[class*="admin-check-"] {
  padding: 13px 15px; margin-top: 8px; margin-bottom: 0; gap: 13px;
  background: rgba(255,255,255,.025);
  border: 1px solid var(--ax-line);
  border-radius: 12px;
  transition: background .2s, border-color .2s, box-shadow .2s, transform .2s;
}
.admin-panel label.admin-check[class*="admin-check-"]:hover {
  background: rgba(var(--cr), .08);
  border-color: rgba(var(--cr), .55);
  transform: translateX(2px);
}
/* включённая строка подсвечивается (доп. эффект, где поддерживается :has) */
.admin-panel label.admin-check[class*="admin-check-"]:has(input:checked) {
  background: linear-gradient(90deg, rgba(var(--cr), .16), rgba(var(--cr), .04));
  border-color: rgba(var(--cr), .6);
  box-shadow: inset 3px 0 0 rgb(var(--cr)), 0 0 22px rgba(var(--cr), .12);
}

/* сам квадратик */
.admin-panel [class*="admin-check-box"] {
  width: 24px; height: 24px; border-radius: 8px;
  background: var(--ax-field);
  border: 2px solid #343c54;
  color: var(--ax-muted);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
}
.admin-panel .admin-check input:checked ~ [class*="admin-check-box"] {
  background: linear-gradient(135deg, rgb(var(--cr)), var(--c2));
  border-color: rgb(var(--cr));
  box-shadow: 0 0 0 4px rgba(var(--cr), .18), 0 0 16px rgba(var(--cr), .5);
}
.admin-panel .admin-check-box-tax::before { color: #8b93a7; }
.admin-panel .admin-check-tax input:checked ~ .admin-check-box-tax::before { color: #fff; }
.admin-panel .admin-check-box-convert::before { color: #8b93a7; }
.admin-panel .admin-check-convert input:checked ~ .admin-check-box-convert::before { color: #fff; }

/* подписи */
.admin-panel [class*="admin-check-label"] {
  font-size: 14px; font-weight: 600; color: var(--ax-text-2);
}
.admin-panel .admin-check input:checked ~ [class*="admin-check-label"] {
  color: var(--cl); text-shadow: 0 0 12px rgba(var(--cr), .45);
}

/* ---------- Настройки налога ---------- */
.admin-panel .admin-tax-settings {
  margin-top: 8px; padding: 14px 16px;
  background: linear-gradient(135deg, rgba(220,38,38,.12), rgba(220,38,38,.04));
  border: 1px solid rgba(220,38,38,.35);
  border-radius: 12px;
}
.admin-panel .admin-tax-settings .admin-field > span { color: #f1a3a3; }
.admin-panel .admin-tax-settings input[type="number"]:focus {
  border-color: #dc2626; background: #0f1320; box-shadow: 0 0 0 3px rgba(220,38,38,.2);
}

/* ---------- Тарифные планы ---------- */
.admin-panel .tariff-grid { gap: 12px; margin-top: 4px; }
.admin-panel .tariff-1 { --cr: 16,185,129;  --c2: #059669; }
.admin-panel .tariff-2 { --cr: 249,115,22;  --c2: #ea580c; }
.admin-panel .tariff-3 { --cr: 59,130,246;  --c2: #2563eb; }
.admin-panel .tariff-4 { --cr: 168,85,247;  --c2: #7c3aed; }

.admin-panel .tariff {
  position: relative; padding: 16px 10px; gap: 8px;
  border: 1.5px dashed rgba(var(--cr), .5);
  border-radius: 14px;
  background: linear-gradient(160deg, rgba(var(--cr), .14), rgba(var(--cr), .04));
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.admin-panel .tariff:hover {
  filter: none; transform: translateY(-3px);
  border-color: rgba(var(--cr), .9);
  box-shadow: 0 10px 26px rgba(var(--cr), .25);
}
.admin-panel .tariff:active { transform: translateY(-1px) scale(.98); }
.admin-panel .tariff .tariff-num {
  width: 34px; height: 34px; font-size: 15px; font-weight: 800;
  background: linear-gradient(135deg, rgb(var(--cr)), var(--c2));
  box-shadow: 0 0 16px rgba(var(--cr), .55), inset 0 1px 0 rgba(255,255,255,.3);
}
.admin-panel .tariff .tariff-label {
  color: #dbe0ee; font-size: 11px; font-weight: 700; letter-spacing: .08em;
}
.admin-panel .tariff.active {
  border-style: solid; border-color: rgb(var(--cr));
  background: linear-gradient(160deg, rgba(var(--cr), .28), rgba(var(--cr), .08));
  box-shadow: 0 0 0 2px rgba(var(--cr), .25), 0 10px 30px rgba(var(--cr), .35);
}
.admin-panel .tariff.active .tariff-label { color: #fff; }

/* ---------- Футер и кнопка «Применить» ---------- */
.admin-panel .admin-footer {
  padding: 16px 18px;
  background: linear-gradient(180deg, rgba(10,13,21,0), rgba(10,13,21,.9) 40%);
  border-top: 1px solid var(--ax-line);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.admin-panel .btn-apply { border-radius: 13px; padding: 14px; font-size: 14px; }

/* ---------- Плавное появление блоков при открытии ---------- */
@keyframes axAdminIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.admin-panel.show .admin-block { animation: axAdminIn .4s cubic-bezier(.2,.7,.2,1) both; }
.admin-panel.show .admin-block:nth-child(2) { animation-delay: .05s; }
.admin-panel.show .admin-block:nth-child(3) { animation-delay: .1s; }
.admin-panel.show .admin-block:nth-child(4) { animation-delay: .15s; }
.admin-panel.show .admin-block:nth-child(5) { animation-delay: .2s; }

@media (prefers-reduced-motion: reduce) {
  .admin-panel.show .admin-block { animation: none; }
  .admin-panel *, .admin-panel label.admin-check { transition: none !important; }
}

/* ============================================================
   ИКОНКИ АДМИН-ПАНЕЛИ — тот же стиль, что на главной
   (линейные иконки, градиент оранжевый → фиолетовый → голубой).
   Только CSS-маски: разметка, id и JS не затрагиваются.
   ============================================================ */
.admin-panel {
  --ax-ic-grad: linear-gradient(135deg, #ff8a2b 0%, #a44bff 55%, #2ea8ff 100%);
  --ic-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5 C4.5 16.5 8 14.5 12 14.5 S19.5 16.5 19.5 20.5'/%3E%3C/svg%3E");
  --ic-bank: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 L12 4 L21 9.5 Z M5.5 12.5 V17 M10 12.5 V17 M14 12.5 V17 M18.5 12.5 V17 M3.5 20.5 H20.5'/%3E%3C/svg%3E");
  --ic-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2.5'/%3E%3Cpath d='M3 10 H21 M7 15 H11'/%3E%3C/svg%3E");
  --ic-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M3.5 7.5 L12 13.5 L20.5 7.5'/%3E%3C/svg%3E");
  --ic-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3 L10 14 M21 3 L14.5 21 L10 14 L3 9.5 Z'/%3E%3C/svg%3E");
  --ic-wallet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 4 H5.5 A2.5 2.5 0 0 0 3 6.5 V17.5 A2.5 2.5 0 0 0 5.5 20 H18.5 A2 2 0 0 0 20.5 18 V9 A2 2 0 0 0 18.5 7 H5.5'/%3E%3Ccircle cx='16.3' cy='13.5' r='1.1' fill='black'/%3E%3C/svg%3E");
  --ic-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12 C5 7.5 8.5 5.5 12 5.5 S19 7.5 21.5 12 C19 16.5 15.5 18.5 12 18.5 S5 16.5 2.5 12 Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  --ic-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4 H16 V10 A4 4 0 0 1 8 10 Z M8 6 H4.5 V8 A3 3 0 0 0 8 11 M16 6 H19.5 V8 A3 3 0 0 1 16 11 M12 14 V20.5 M8 20.5 H16'/%3E%3C/svg%3E");
  --ic-deposit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 V15 M7 10.5 L12 15.5 L17 10.5 M4.5 20 H19.5'/%3E%3C/svg%3E");
  --ic-percent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 5 L5 19'/%3E%3Ccircle cx='7' cy='7' r='2.4'/%3E%3Ccircle cx='17' cy='17' r='2.4'/%3E%3C/svg%3E");
  --ic-sliders: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7 H9 M15 7 H20 M4 17 H11 M17 17 H20'/%3E%3Ccircle cx='12' cy='7' r='2.6'/%3E%3Ccircle cx='14' cy='17' r='2.6'/%3E%3C/svg%3E");
  --ic-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 L21 7.5 L12 12 L3 7.5 Z M3 12 L12 16.5 L21 12 M3 16.5 L12 21 L21 16.5'/%3E%3C/svg%3E");
  --ic-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 L10 17.5 L19 7'/%3E%3C/svg%3E");
  --ic-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6 L18 18 M18 6 L6 18'/%3E%3C/svg%3E");
  --ic-swap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4 V20 M3 8 L7 4 L11 8 M17 20 V4 M13 16 L17 20 L21 16'/%3E%3C/svg%3E");
  --ic-gauge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 16 A9 9 0 1 1 20.5 16 M12 14 L16 9 M7 20.5 H17'/%3E%3C/svg%3E");
  --ic-receipt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3 H18 V21 L15 19 L12 21 L9 19 L6 21 Z M9.5 8 H14.5 M9.5 12 H14.5'/%3E%3C/svg%3E");
  --ic-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12 H21 M12 3 C8.5 7 8.5 17 12 21 C15.5 17 15.5 7 12 3'/%3E%3C/svg%3E");
  --ic-flask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 3.5 H14.5 M10.5 3.5 V9.5 L5 19 A1.8 1.8 0 0 0 6.6 21.5 H17.4 A1.8 1.8 0 0 0 19 19 L13.5 9.5 V3.5 M7.7 15.5 H16.3'/%3E%3C/svg%3E");
  --ic-briefcase: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.5' width='18' height='12' rx='2.5'/%3E%3Cpath d='M8.5 7.5 V6 A1.5 1.5 0 0 1 10 4.5 H14 A1.5 1.5 0 0 1 15.5 6 V7.5 M3 13 H21'/%3E%3C/svg%3E");
  --ic-solana: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 5 H20.5 L17.5 8.5 H3.5 Z M3.5 10.25 H17.5 L20.5 13.75 H6.5 Z M6.5 15.5 H20.5 L17.5 19 H3.5 Z' fill='black' stroke='none'/%3E%3C/svg%3E");
  --ic-coins: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8 C4 6.3 7.6 5 12 5 C16.4 5 20 6.3 20 8 C20 9.7 16.4 11 12 11 C7.6 11 4 9.7 4 8 Z M4 8 V12 C4 13.7 7.6 15 12 15 C16.4 15 20 13.7 20 12 V8 M4 12 V16 C4 17.7 7.6 19 12 19 C16.4 19 20 17.7 20 16 V12'/%3E%3C/svg%3E");
  --ic-trend: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17 L9 11 L13 15 L21 7 M15 7 H21 V13'/%3E%3C/svg%3E");
  --ic-diamond: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4 H17 L21.5 9.5 L12 20.5 L2.5 9.5 Z M2.5 9.5 H21.5 M9.5 4 L8 9.5 L12 20.5 L16 9.5 L14.5 4'/%3E%3C/svg%3E");
  --ic-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='1.7' fill='black' stroke='none'/%3E%3Ccircle cx='11' cy='12' r='1.7' fill='black' stroke='none'/%3E%3Ccircle cx='17' cy='12' r='1.7' fill='black' stroke='none'/%3E%3Cpath d='M25 10 L29.5 14.5 L34 10'/%3E%3C/svg%3E");
}

/* ---------- Кнопка закрытия ✕ ---------- */
.admin-panel #closeAdmin {
  font-size: 0; color: transparent;
  display: grid; place-items: center;
}
.admin-panel #closeAdmin::before {
  content: ''; width: 16px; height: 16px;
  background: #9aa3bd;
  -webkit-mask: var(--ic-x) center / contain no-repeat; mask: var(--ic-x) center / contain no-repeat;
  transition: background .2s;
}
.admin-panel #closeAdmin:hover::before { background: #fff; }

/* ---------- «··· ▾» рядом с заголовком ---------- */
.admin-panel .admin-more { font-size: 0; display: inline-flex; align-items: center; }
.admin-panel .admin-more::before {
  content: ''; width: 28px; height: 18px;
  background: #7d86a0;
  -webkit-mask: var(--ic-more) center / contain no-repeat; mask: var(--ic-more) center / contain no-repeat;
  transition: background .2s;
}
.admin-panel .admin-more:hover::before { background: var(--ax-ic-grad); }

/* ---------- Кнопка «Применить» ---------- */
.admin-panel .btn-apply { display: flex; align-items: center; justify-content: center; gap: 9px; }
.admin-panel .btn-apply::before {
  content: ''; width: 17px; height: 17px; background: #fff;
  -webkit-mask: var(--ic-check) center / contain no-repeat; mask: var(--ic-check) center / contain no-repeat;
}

/* ---------- Иконки в квадратиках-переключателях ---------- */
.admin-panel [class*="admin-check-box"]::after { display: none !important; }
.admin-panel [class*="admin-check-box"]::before {
  content: '' !important;
  position: static !important; inset: auto !important;
  width: 14px; height: 14px; margin: 0; padding: 0;
  font-size: 0; line-height: 0; color: transparent;
  background: var(--ax-ic-grad) !important;
  background-size: auto !important;
  opacity: 1 !important; filter: none !important; transform: none !important;
  -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat;
  transition: background .2s, filter .2s;
}
.admin-panel .admin-check input:checked ~ [class*="admin-check-box"]::before {
  background: #fff !important;
  filter: drop-shadow(0 0 3px rgba(255,255,255,.55)) !important;
  opacity: 1 !important; transform: none !important;
}
.admin-panel .admin-check-box          { --ico: var(--ic-check); }
.admin-panel .admin-check-box-convert  { --ico: var(--ic-swap); }
.admin-panel .admin-check-box-verify   { --ico: var(--ic-bank); }
.admin-panel .admin-check-box-limit    { --ico: var(--ic-gauge); }
.admin-panel .admin-check-box-tax      { --ico: var(--ic-receipt); }
.admin-panel .admin-check-box-cyprus   { --ico: var(--ic-globe); }
.admin-panel .admin-check-box-testpay  { --ico: var(--ic-flask); }
.admin-panel .admin-check-box-broker   { --ico: var(--ic-briefcase); }
.admin-panel .admin-check-box-solana   { --ico: var(--ic-solana); }
.admin-panel .admin-check-box-tax2     { --ico: var(--ic-percent); }
.admin-panel [class*="admin-check-box"] { width: 26px; height: 26px; border-radius: 9px; }

/* ---------- Тарифы: вместо цифр — иконки ---------- */
.admin-panel .tariff-1 .tariff-num { --ico: var(--ic-wallet); }
.admin-panel .tariff-2 .tariff-num { --ico: var(--ic-coins); }
.admin-panel .tariff-3 .tariff-num { --ico: var(--ic-trend); }
.admin-panel .tariff-4 .tariff-num { --ico: var(--ic-diamond); }

.admin-panel .tariff .tariff-num {
  position: relative;
  width: 46px; height: 46px;
  border-radius: 14px;
  font-size: 0; color: transparent;          /* цифра остаётся в DOM, но скрыта */
  display: grid; place-items: center;
  background: linear-gradient(135deg, rgba(var(--cr), .24), rgba(164,75,255,.14) 60%, rgba(46,168,255,.12));
  border: 1px solid rgba(var(--cr), .6);
  box-shadow: 0 0 18px rgba(var(--cr), .32), inset 0 1px 0 rgba(255,255,255,.1);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.admin-panel .tariff .tariff-num::before {
  content: ''; width: 23px; height: 23px;
  background: var(--ax-ic-grad);
  -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat;
  filter: drop-shadow(0 0 5px rgba(164,75,255,.55));
  transition: transform .25s ease;
}
.admin-panel .tariff:hover .tariff-num { box-shadow: 0 0 24px rgba(var(--cr), .55), inset 0 1px 0 rgba(255,255,255,.14); }
.admin-panel .tariff:hover .tariff-num::before { transform: scale(1.1); }
.admin-panel .tariff.active .tariff-num {
  border-color: rgb(var(--cr));
  box-shadow: 0 0 26px rgba(var(--cr), .65), inset 0 1px 0 rgba(255,255,255,.18);
}

/* ---------- Иконки у заголовков и подписей полей (нужен :has) ---------- */
@supports selector(:has(*)) {
  .admin-panel .admin-section-title::before {
    width: 20px; height: 20px; border-radius: 0; box-shadow: none;
    background: var(--ax-ic-grad);
    -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat;
    filter: drop-shadow(0 0 5px rgba(164,75,255,.55));
  }
  .admin-panel .admin-block:has(#adminName)    .admin-section-title { --ico: var(--ic-user); }
  .admin-panel .admin-block:has(#adminWin)     .admin-section-title { --ico: var(--ic-sliders); }
  .admin-panel .admin-block:has(.tariff-grid)  .admin-section-title { --ico: var(--ic-layers); }

  /* подписи полей */
  .admin-panel .admin-field:has(#adminName, #adminIban, #adminEmail, #adminPhone, #adminWallet, #adminBank, #adminWin, #adminDeposit, #adminTaxPercent) > span:first-child {
    display: flex; align-items: center; gap: 8px;
  }
  .admin-panel .admin-field:has(#adminName, #adminIban, #adminEmail, #adminPhone, #adminWallet, #adminBank, #adminWin, #adminDeposit, #adminTaxPercent) > span:first-child::before {
    content: ''; flex-shrink: 0; width: 15px; height: 15px;
    background: var(--ax-ic-grad);
    -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat;
    filter: drop-shadow(0 0 4px rgba(164,75,255,.4));
  }
  .admin-panel .admin-field:has(#adminName)       > span:first-child { --ico: var(--ic-user); }
  .admin-panel .admin-field:has(#adminIban)       > span:first-child { --ico: var(--ic-card); }
  .admin-panel .admin-field:has(#adminEmail)      > span:first-child { --ico: var(--ic-mail); }
  .admin-panel .admin-field:has(#adminPhone)      > span:first-child { --ico: var(--ic-send); }
  .admin-panel .admin-field:has(#adminWallet)     > span:first-child { --ico: var(--ic-wallet); }
  .admin-panel .admin-field:has(#adminBank)       > span:first-child { --ico: var(--ic-bank); }
  .admin-panel .admin-field:has(#adminWin)        > span:first-child { --ico: var(--ic-trophy); }
  .admin-panel .admin-field:has(#adminDeposit)    > span:first-child { --ico: var(--ic-deposit); }
  .admin-panel .admin-field:has(#adminTaxPercent) > span:first-child { --ico: var(--ic-percent); }

  /* «Показать личность» */
  .admin-panel label.admin-check:has(#adminShowIdentity) > span::before {
    content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 9px; vertical-align: -3px;
    background: var(--ax-ic-grad);
    -webkit-mask: var(--ic-eye) center / contain no-repeat; mask: var(--ic-eye) center / contain no-repeat;
  }
}