.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    flex-shrink: 0;
    opacity: 0.9;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.icon:hover {
    opacity: 1;
}

.icon-profile {
    background-image: url('/static/icons/icon-profile.png');
}

.icon-stats {
    background-image: url('/static/icons/icon-stats.png');
}

.icon-bots {
    background-image: url('/static/icons/icon-bots.png');
}

.icon-logs {
    background-image: url('/static/icons/icon-logs.png');
}

.icon-payouts {
    background-image: url('/static/icons/icon-payouts.png');
}

.icon-otstuk {
    background-image: url('/static/icons/icon-otstuk.png');
}

.icon-admin {
    background-image: url('/static/icons/icon-admin.png');
}

.icon-success {
    background-image: url('/static/icons/icon-success.png');
    width: 20px;
    height: 20px;
}

.icon-error {
    background-image: url('/static/icons/icon-error.png');
    width: 20px;
    height: 20px;
}

.icon-pending {
    background-image: url('/static/icons/icon-pending.png');
    width: 20px;
    height: 20px;
}

.icon-warning {
    background-image: url('/static/icons/icon-warning.png');
    width: 20px;
    height: 20px;
}

.icon-filter {
    background-image: url('/static/icons/icon-filter.png');
    width: 18px;
    height: 18px;
}

.icon-search {
    background-image: url('/static/icons/icon-search.png');
    width: 18px;
    height: 18px;
}

.icon-close {
    background-image: url('/static/icons/icon-close.png');
    width: 20px;
    height: 20px;
}

.icon-info {
    background-image: url('/static/icons/icon-info.png');
    width: 20px;
    height: 20px;
}

.icon-calendar {
    background-image: url('/static/icons/icon-calendar.png');
    width: 18px;
    height: 18px;
}

.icon-bot {
    background-image: url('/static/icons/icon-bot.png');
    width: 20px;
    height: 20px;
}

.icon-money {
    background-image: url('/static/icons/icon-money.png');
    width: 20px;
    height: 20px;
}

.icon-user {
    background-image: url('/static/icons/icon-user.png');
    width: 20px;
    height: 20px;
}

.icon-chart {
    background-image: url('/static/icons/icon-chart.png');
    width: 20px;
    height: 20px;
}

.icon-arrow-left {
    background-image: url('/static/icons/icon-arrow-left.png');
    width: 16px;
    height: 16px;
}

.icon-arrow-right {
    background-image: url('/static/icons/icon-arrow-right.png');
    width: 16px;
    height: 16px;
}

.icon-add {
    background-image: url('/static/icons/icon-add.png');
    width: 20px;
    height: 20px;
}

.icon-broadcast {
    background-image: url('/static/icons/icon-broadcast.png');
    width: 20px;
    height: 20px;
}

.icon-phone {
    background-image: url('/static/icons/icon-phone.png');
    width: 20px;
    height: 20px;
}

.icon-star {
    background-image: url('/static/icons/icon-star.png');
    width: 20px;
    height: 20px;
}

.icon-shield {
    background-image: url('/static/icons/icon-shield.png');
    width: 20px;
    height: 20px;
}

.icon-theme {
    background-image: url('/static/icons/icon-theme.png');
    width: 20px;
    height: 20px;
}

.icon-link {
    background-image: url('/static/icons/icon-link.png');
    width: 20px;
    height: 20px;
}

.icon-copy {
    background-image: url('/static/icons/icon-copy.png');
    width: 20px;
    height: 20px;
}

.icon-refresh {
    background-image: url('/static/icons/icon-refresh.png');
    width: 20px;
    height: 20px;
}

.icon-edit {
    background-image: url('/static/icons/icon-edit.png');
    width: 20px;
    height: 20px;
}

.icon-delete {
    background-image: url('/static/icons/icon-delete.png');
    width: 20px;
    height: 20px;
}

.icon-clock {
    background-image: url('/static/icons/icon-clock.png');
    width: 20px;
    height: 20px;
}

.icon-settings {
    background-image: url('/static/icons/icon-settings.png');
    width: 20px;
    height: 20px;
}

.icon-logo {
    background-image: url('/static/icons/icon-logo.png');
}

.empty-state-icon {
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 1.5rem;
    opacity: 0.5;
    filter: drop-shadow(0 0 20px rgba(0, 212, 255, 0.3));
}

.empty-state-icon.logs {
    background-image: url('/static/icons/icon-empty-logs.png');
}

.empty-state-icon.bots {
    background-image: url('/static/icons/icon-empty-bots.png');
}

.empty-state-icon.payouts {
    background-image: url('/static/icons/icon-empty-payouts.png');
}

.icon[data-emoji]::after {
    display: none !important;
}