/* ===== SVG ICONS FOR SIDEBAR ===== */

.nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 0.65rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: drop-shadow(0 0 3px rgba(0, 217, 255, 0.35));
    transition: all 0.3s ease;
}

.nav-item:hover .nav-icon {
    filter: drop-shadow(0 0 5px rgba(168, 85, 247, 0.45));
    transform: scale(1.08);
}

.nav-item-parent:hover .nav-icon,
.nav-subitem:hover .nav-icon {
    filter: drop-shadow(0 0 5px rgba(168, 85, 247, 0.45));
    transform: scale(1.08);
}

.nav-item.active .nav-icon {
    filter: drop-shadow(0 0 6px rgba(0, 217, 255, 0.6));
    animation: iconGlow 2.8s ease-in-out infinite;
}

.nav-item-dropdown.active > .nav-item-parent .nav-icon,
.nav-subitem.active .nav-icon {
    filter: drop-shadow(0 0 6px rgba(0, 217, 255, 0.6));
}

@keyframes iconGlow {
    0%, 100% { filter: drop-shadow(0 0 5px rgba(0, 217, 255, 0.45)); }
    50% { filter: drop-shadow(0 0 9px rgba(0, 217, 255, 0.65)); }
}

/* Админское меню: отдельная брендируемая пиктограмма для каждого пункта. */
.nav-icon[class*="icon-admin-"] {
    background-color: var(--neon-cyan);
    background-image: none;
    -webkit-mask-image: var(--nav-icon-svg);
    mask-image: var(--nav-icon-svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.icon-admin-orders-hub {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='5' y='4' width='14' height='17' rx='2'/><path d='M9 4V2h6v2M8 9h8M8 13h5M8 17h7'/></svg>");
}

.icon-admin-payin {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><circle cx='12' cy='12' r='9'/><path d='M12 6v11m-4-4 4 4 4-4'/></svg>");
}

.icon-admin-payout {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><circle cx='12' cy='12' r='9'/><path d='M12 18V7m-4 4 4-4 4 4'/></svg>");
}

.icon-admin-payout-requests {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M4 5h16v14H4zM4 14h4l2 3h4l2-3h4'/><path d='M12 4v7m-3-3 3 3 3-3'/></svg>");
}

.icon-admin-qr-hub {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M3 8V3h5M16 3h5v5M21 16v5h-5M8 21H3v-5'/><rect x='8' y='8' width='3' height='3'/><path d='M15 8h2v2M14 14h3v3M8 15h3v2'/></svg>");
}

.icon-admin-qr-settings {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='3' y='3' width='6' height='6'/><rect x='3' y='15' width='6' height='6'/><path d='M15 4v5m0 6v5M12 7h6M12 17h6'/><circle cx='15' cy='12' r='2'/></svg>");
}

.icon-admin-qr-orders {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='3' y='3' width='6' height='6'/><path d='M3 15h6v6H3zM15 3h6v6h-6z'/><circle cx='17' cy='17' r='4'/><path d='M17 15v2l1.5 1'/></svg>");
}

.icon-admin-stats {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M4 20V10h4v10M10 20V4h4v16M16 20v-7h4v7M2 20h20'/></svg>");
}

.icon-admin-traffic {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M5 19V9a4 4 0 0 1 4-4h10M15 2l4 3-4 3'/><path d='M9 19h10M16 16l3 3-3 3'/><circle cx='5' cy='19' r='2'/></svg>");
}

.icon-admin-appeals {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M4 4h16v13H9l-5 4z'/><path d='M12 8v4m0 2h.01'/></svg>");
}

.icon-admin-appeal-bot {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='4' y='7' width='16' height='12' rx='3'/><path d='M12 3v4M8 12h.01M16 12h.01M8 16h8M2 11v4M22 11v4'/></svg>");
}

.icon-admin-users {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><circle cx='9' cy='8' r='3'/><path d='M3 20v-2a5 5 0 0 1 10 0v2M16 5a3 3 0 0 1 0 6M17 14a5 5 0 0 1 4 4v2'/></svg>");
}

.icon-admin-requisites {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='2' y='5' width='20' height='14' rx='2'/><path d='M2 10h20M6 15h4M17 15h1'/></svg>");
}

.icon-admin-merchants {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M4 10v10h16V10M3 10l2-6h14l2 6'/><path d='M3 10a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0M9 20v-5h6v5'/></svg>");
}

.icon-admin-traders {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><circle cx='7' cy='7' r='3'/><path d='M2 20v-2a5 5 0 0 1 10 0v2M16 4v8M13 7h6M19 14v6M16 17h6'/></svg>");
}

.icon-admin-providers {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M8 3v6M16 3v6M6 9h12v2a6 6 0 0 1-6 6v4M9 21h6'/></svg>");
}

.icon-admin-referrers {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><circle cx='6' cy='12' r='3'/><circle cx='18' cy='5' r='3'/><circle cx='18' cy='19' r='3'/><path d='m9 10 6-3M9 14l6 3'/></svg>");
}

.icon-admin-teams {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><circle cx='12' cy='7' r='3'/><circle cx='5' cy='10' r='2'/><circle cx='19' cy='10' r='2'/><path d='M7 21v-2a5 5 0 0 1 10 0v2M2 20v-1a4 4 0 0 1 4-4M22 20v-1a4 4 0 0 0-4-4'/></svg>");
}

.icon-admin-devices {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='5' y='2' width='12' height='20' rx='2'/><path d='M9 18h4M19 7a3 3 0 0 1 3 3M19 3a7 7 0 0 1 4 2'/></svg>");
}

.icon-admin-exchange {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M4 7h14m-4-4 4 4-4 4M20 17H6m4 4-4-4 4-4'/></svg>");
}

.icon-admin-exchange-bots {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='5' y='7' width='14' height='11' rx='2'/><path d='M12 3v4M9 12h.01M15 12h.01M9 15h6M2 10v5M22 10v5'/></svg>");
}

.icon-admin-exchange-withdrawals {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M3 10h14v10H3zM3 10l7-6 7 6M7 14h6'/><path d='M17 15h5m-2-2 2 2-2 2'/></svg>");
}

.icon-admin-exchange-stats {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M12 3a9 9 0 1 0 9 9h-9z'/><path d='M15 3.5A9 9 0 0 1 20.5 9H15z'/></svg>");
}

.icon-admin-settlement {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M12 3v11m-4-4 4 4 4-4'/><path d='M4 16v4h16v-4M8 20h8'/></svg>");
}

.icon-admin-currency {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><ellipse cx='9' cy='7' rx='6' ry='3'/><path d='M3 7v5c0 1.7 2.7 3 6 3M15 7v3'/><ellipse cx='15' cy='16' rx='6' ry='3'/><path d='M9 16v3c0 1.7 2.7 3 6 3s6-1.3 6-3v-3'/></svg>");
}

.icon-admin-methods {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='3' y='4' width='15' height='11' rx='2'/><path d='M3 8h15M7 12h3'/><path d='M7 18h14V8'/></svg>");
}

.icon-admin-finances {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M3 6h15a2 2 0 0 1 2 2v11H5a2 2 0 0 1-2-2z'/><path d='M20 11h-5a2 2 0 0 0 0 4h5'/><circle cx='8' cy='11' r='2'/></svg>");
}

.icon-admin-accounting {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='4' y='2' width='16' height='20' rx='2'/><path d='M8 6h8v4H8zM8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h4'/></svg>");
}

.icon-admin-gateways {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><circle cx='5' cy='12' r='2'/><circle cx='19' cy='5' r='2'/><circle cx='19' cy='19' r='2'/><path d='M7 12h4a4 4 0 0 0 4-4V5M11 12a4 4 0 0 1 4 4v3'/></svg>");
}

.icon-admin-polling {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><circle cx='12' cy='12' r='3'/><path d='M4.9 4.9A10 10 0 0 1 21 9M19.1 19.1A10 10 0 0 1 3 15'/><path d='M21 4v5h-5M3 20v-5h5'/></svg>");
}

.icon-admin-notifications {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9M10 21h4'/><circle cx='18' cy='5' r='3' fill='black' stroke='none'/></svg>");
}

.icon-admin-landing {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='M2 9h20M6 6.5h.01M9 6.5h.01M6 13h7M6 16h4'/></svg>");
}

.icon-admin-landing-settings {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='2' y='3' width='20' height='15' rx='2'/><path d='M2 8h20'/><circle cx='17' cy='17' r='4'/><path d='M17 14v1M17 19v1M14 17h1M19 17h1'/></svg>");
}

.icon-admin-autoregistration {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><circle cx='9' cy='7' r='4'/><path d='M2 21v-2a7 7 0 0 1 14 0v2M19 8v6M16 11h6'/></svg>");
}

.icon-admin-logs {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M5 3h14v18H5zM8 8l2 2-2 2M12 12h4M8 16h8'/></svg>");
}

.icon-admin-audit {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M12 2l8 4v6c0 5-3.4 8.6-8 10-4.6-1.4-8-5-8-10V6z'/><path d='m8 12 3 3 5-6'/></svg>");
}

.icon-admin-staff-schedule {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><rect x='3' y='5' width='18' height='16' rx='2'/><path d='M16 3v4M8 3v4M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01'/></svg>");
}

.icon-admin-guide {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M3 4h6a3 3 0 0 1 3 3v14a3 3 0 0 0-3-3H3zM21 4h-6a3 3 0 0 0-3 3v14a3 3 0 0 1 3-3h6z'/></svg>");
}

.icon-admin-guide-problem {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><circle cx='12' cy='12' r='9'/><path d='M9.5 9a2.5 2.5 0 1 1 4.2 1.8c-1 .8-1.7 1.2-1.7 2.7M12 17h.01'/></svg>");
}

.icon-admin-guide-sections {
    --nav-icon-svg: url("data:image/svg+xml,<svg 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'><path d='M4 5h4v4H4zM4 15h4v4H4zM14 4h6M14 8h4M14 14h6M14 18h4M10 7h2M10 17h2'/></svg>");
}

/* Иконка: Пользователи */
.icon-users {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><circle cx="9" cy="7" r="4"/><path d="M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"/><path d="M16 11h6m-3-3v6"/></svg>');
}

/* Иконка: Реквизиты */
.icon-card {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><rect x="2" y="5" width="20" height="14" rx="2"/><path d="M2 10h20"/></svg>');
}

/* Иконка: Ордера */
.icon-orders {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M9 13h6m-6 4h6"/></svg>');
}

/* Иконка: Статистика */
.icon-stats {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><path d="M3 3v18h18"/><path d="M18 17V9m-5 8v-5m-5 5v-3"/></svg>');
}

/* Иконка: Аппеляции */
.icon-appeals {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><circle cx="12" cy="11" r="1" fill="%2300D9FF"/><circle cx="8" cy="11" r="1" fill="%2300D9FF"/><circle cx="16" cy="11" r="1" fill="%2300D9FF"/></svg>');
}

/* Иконка: Бот апелляций мерчантов */
.icon-merchant-appeal-bot {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 10h8"/><path d="M8 14h5"/><path d="M5 19l-2 2V7a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1"/><rect x="14" y="10" width="7" height="9" rx="2"/><path d="M17.5 10V8"/><path d="M16 22h3"/></svg>');
}

/* Иконка: Мерчанты */
.icon-merchants {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><path d="M9 22V12h6v10"/></svg>');
}

/* Иконка: Трейдеры */
.icon-traders {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><circle cx="12" cy="7" r="4"/><path d="M5.5 21v-2a6 6 0 0 1 13 0v2"/></svg>');
}

/* Иконка: Курс */
.icon-currency {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8m4-12v2m0 8v2"/></svg>');
}

/* Иконка: Платежные методы */
.icon-payment-methods {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M7 15h0.01M11 15h2"/></svg>');
}

/* Иконка: Финансы */
.icon-finances {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>');
}

/* Иконка: Трафик */
.icon-traffic {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4m0-4h.01M8 12l4-4 4 4"/></svg>');
}

/* Иконка: Уведомления */
.icon-notifications {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0"/></svg>');
}

/* Иконка: Кошелек */
.icon-wallet {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><path d="M21 12V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5m0 0h-6a2 2 0 1 0 0 4h6"/></svg>');
}

/* Иконка: Интеграция */
.icon-integration {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>');
}

/* Иконка: Платежи */
.icon-payments {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><path d="M3 3v18h18"/><path d="M7 16l4-8 4 4 4-10"/></svg>');
}

/* Иконка: Сделки */
.icon-deals {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="M7.5 4.21l4.5 2.6 4.5-2.6m-9 15.58V14.6L3 12m18 0l-4.5 2.6v5.19M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12"/></svg>');
}

/* Иконка: Settlement (автовывод) */
.icon-settlement {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2"><path d="M12 2L12 16M12 2l-5 5M12 2l5 5"/><rect x="4" y="18" width="16" height="3" rx="1"/></svg>');
}

/* Иконка: Swap */
.icon-exchange {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2300D9FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h12"/><path d="M13 3l4 4-4 4"/><path d="M20 17H8"/><path d="M11 13l-4 4 4 4"/></svg>');
}

/* Иконка: Лесенка/Тарифы (ступеньки) */
.icon-tiers {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23f093fb" stroke-width="2"><path d="M3 21h18"/><path d="M3 21v-4h4v4"/><path d="M7 17v-4h4v4"/><path d="M11 13v-4h4v4"/><path d="M15 9V5h4v4"/><path d="M19 9v12"/></svg>');
}

/* Иконка кнопки лесенки (inline) */
.btn-icon-tiers::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M3 21h18"/><path d="M3 21v-4h4v4"/><path d="M7 17v-4h4v4"/><path d="M11 13v-4h4v4"/><path d="M15 9V5h4v4"/><path d="M19 9v12"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}
