/* ═══════════════════════════════════════════════════════════════ 🎨 ARBITRAGE SCANNER - OPTIMIZED STYLES ✅ Убраны дубликаты, исправлены ошибки, оптимизирована специфичность ═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&family=JetBrains+Mono:wght@400;500&display=swap');
html, body { overflow: auto; -webkit-overflow-scrolling: touch;}.container { max-width: 1350px; margin: 0 auto; padding: 0 20px;}.arbi-scanner { padding: 120px 0 40px; min-height: 100vh; background: var(--bg-primary);}.scanner-header { text-align: center; margin-bottom: 40px;}.scanner-title { font-size: 2.5em; font-weight: 700; margin-bottom: 15px; background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.scanner-subtitle { font-size: 1.2em; color: var(--text-secondary);}.filters-section { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 15px; padding: 0; margin-bottom: 30px; box-shadow: var(--shadow); overflow: hidden;}.filter-header-toggle { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 16px 20px; background: var(--bg-secondary); border-bottom: 1px solid var(--border-color); transition: all 0.3s ease;}.filter-header-toggle:hover { background: rgba(0, 255, 255, 0.05);}.filter-header-toggle:hover .filter-title { color: var(--accent-primary);}.filter-title { font-size: 1.2em; font-weight: 700; color: var(--text-primary); transition: color 0.3s; margin: 0;}.filter-toggle-btn { background: var(--bg-primary); border: 1px solid var(--border-color); color: var(--text-primary); width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; font-size: 1.1em; padding: 0;}.filter-toggle-btn:hover { background: var(--accent-primary); border-color: var(--accent-primary); color: white; transform: scale(1.05); box-shadow: 0 2px 8px rgba(0, 255, 255, 0.3);}.filter-toggle-btn.rotated,.filter-toggle-btn.rotated:hover { transform: rotate(180deg) scale(1.05);}.filters-content { transition: all 0.3s ease; overflow: hidden; padding: 20px;}.filters-content.collapsed { max-height: 0; opacity: 0; padding: 0 20px !important;}.filter-group { margin-bottom: 25px;}.filter-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}.filter-actions { display: flex; gap: 12px; justify-content: center; margin-top: 20px;}.btn-small { padding: 6px 12px; font-size: 0.8em; background: var(--bg-secondary); border: 1px solid var(--border-color); color: var(--text-primary) !important; border-radius: 6px; cursor: pointer; transition: all 0.3s;}.btn-small:hover { background: var(--bg-primary); border-color: var(--accent-primary);}.exchanges-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 5px;}.exchange-checkbox { display: flex; align-items: center; gap: 5px; padding: 4px 6px; background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 8px; cursor: pointer; transition: all 0.3s;}.exchange-checkbox:hover { background: rgba(0, 255, 255, 0.1); border-color: var(--accent-primary);}.exchange-checkbox label { font-size: 0.9em; color: var(--text-primary);}.filter-controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 25px;}.control-group { display: flex; flex-direction: column; gap: 8px;}.control-group label { font-weight: 600; color: var(--text-primary); font-size: 0.9em;}.control-group input,.control-group select { padding: 10px 12px; border: 1px solid var(--border-color); border-radius: 8px; background: var(--bg-secondary); color: var(--text-primary); font-size: 0.9em;}.control-group input:focus,.control-group select:focus { outline: none; border-color: var(--accent-primary); box-shadow: 0 0 0 2px rgba(0, 255, 255, 0.1);}.control-group input.error,.control-group select.error { border-color: #e74c3c; box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.1);}.validation-error { color: #ff6b6b; font-size: 0.8em; min-height: 1em; margin-top: 4px;}.scanner-table-section { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 15px; padding: 25px; box-shadow: var(--shadow);}.table-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--border-color);}.table-controls { display: flex; align-items: center; gap: 12px;}.table-controls > * { align-self: center; margin: 0; vertical-align: middle;}.table-controls .btn-legend { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; border: 1px solid #5a6fd8 !important; color: #fff !important; padding: 10px 16px !important; border-radius: 8px !important; cursor: pointer; transition: all 0.3s ease; font-size: 0.9em; font-weight: 600; white-space: nowrap; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3); text-decoration: none !important; height: 40px !important; min-height: 40px !important; display: inline-flex; align-items: center; gap: 8px; justify-content: center;}.table-controls .btn-legend:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(243, 156, 18, 0.4); background: linear-gradient(135deg, #e67e22 0%, #d35400 100%) !important;}.table-controls .update-info { display: inline-flex; align-items: center; gap: 8px; background: var(--bg-secondary); border: 1px solid var(--border-color); padding: 8px 12px; border-radius: 8px; font-size: 0.9em; color: var(--text-primary); height: 40px; min-height: 40px; margin: 0; line-height: 1; vertical-align: middle;}.table-controls .update-info .update-label { color: var(--text-muted); font-weight: 500; margin-right: 6px; font-size: 0.85em;}.table-controls .update-info .last-update { color: var(--text-primary); font-weight: 600; font-family: 'JetBrains Mono', 'Fira Code', monospace; background: var(--bg-primary); padding: 4px 8px; border-radius: 4px; border: 1px solid var(--border-color);}.table-controls .btn-secondary { background: var(--bg-secondary); border: 1px solid var(--border-color); color: var(--text-primary) !important; padding: 10px 16px; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; height: 40px; display: inline-flex; align-items: center; gap: 8px; justify-content: center;}.table-title { font-size: 1.5em; font-weight: 700; color: var(--text-primary); margin: 0;}.table-container { border-radius: 10px; border: 1px solid var(--border-color); position: relative; width: 100%; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; z-index: 950;}.arbi-table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--bg-secondary); table-layout: auto; margin: 0; transition: background-color 0.3s ease;}.arbi-table.table-refreshing { animation: tablePulse 0.8s ease-in-out;}.arbi-table.table-refreshing tbody tr { animation: rowShimmer 0.8s ease-in-out;}.arbi-table.table-refreshing thead th,.arbi-table.table-refreshing tbody td { animation: cellGlow 0.8s ease-in-out;}@keyframes tablePulse { 0%, 100% { background: var(--bg-secondary); box-shadow: 0 0 0 rgba(0, 255, 255, 0); } 50% { background: rgba(0, 255, 255, 0.12); box-shadow: 0 0 40px rgba(0, 255, 255, 0.4); }}@keyframes cellGlow { 0%, 100% { box-shadow: inset 0 0 0 rgba(0, 255, 255, 0); border-color: var(--border-color); } 50% { box-shadow: inset 0 0 15px rgba(0, 255, 255, 0.25); border-color: rgba(0, 255, 255, 0.5); }}@keyframes rowShimmer { 0% { opacity: 0.6; transform: translateY(-3px); } 50% { opacity: 1; background: rgba(0, 255, 255, 0.08); } 100% { opacity: 1; transform: translateY(0); }}#lastUpdate.updating { color: var(--accent-primary); animation: blinkText 0.6s ease-in-out;}#lastUpdate.updating::before { content: ''; display: inline-block; width: 8px; height: 8px; background: var(--accent-primary); border-radius: 50%; margin-right: 6px; animation: pulseDot 0.6s ease-in-out;}@keyframes blinkText { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; }}@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.8); }}.arbi-table thead { position: sticky; top: 0; z-index: 1000;}.arbi-table th { background: var(--bg-card) !important; padding: 12px 8px 8px 8px !important; text-align: center; font-weight: 700; color: var(--text-primary); border-bottom: 2px solid var(--border-color); border-right: 1px solid var(--border-color) !important; position: sticky; top: 0; z-index: 1000 !important; user-select: none; white-space: normal; overflow: hidden; text-overflow: ellipsis; font-size: 0.9em; line-height: 1.2 !important; height: 65px !important; vertical-align: top; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); backdrop-filter: none !important; -webkit-backdrop-filter: none !important;}.arbi-table th .multi-line { display: flex; align-items: center; justify-content: center; height: 100%; line-height: 1.2 !important; text-align: center; padding-top: 0 !important; position: relative; padding-right: 15px; flex-direction: column; gap: 2px;}.arbi-table th.sortable { cursor: pointer; transition: background-color 0.3s; padding-bottom: 12px !important;}.arbi-table th.sortable:hover { background: rgba(0, 255, 255, 0.1);}.arbi-table th.sortable::after { content: '↕'; margin-left: 8px; opacity: 0.5; font-size: 0.8em; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);}.arbi-table th.sort-asc::after { content: '↑'; opacity: 1; }.arbi-table th.sort-desc::after { content: '↓'; opacity: 1; }.arbi-table th,.arbi-table td { position: relative;}.arbi-table th.coin-icon-header { position: sticky !important; left: 0 !important; width: 95px; min-width: 95px; max-width: 95px; background: #1a1d24 !important; border-right: 1px solid var(--border-color) !important; z-index: 100 !important;}.arbi-table th.coin-icon-header::after { content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background: var(--border-color) !important; z-index: 101;}.arbi-table td.coin-icon-cell { position: sticky !important; left: 0 !important; width: 95px; min-width: 95px; max-width: 95px; background: #1a1d24 !important; border-right: 1px solid var(--border-color) !important; z-index: 90 !important;}.arbi-table td.coin-icon-cell::after { content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background: var(--border-color) !important; z-index: 91;}.arbi-table th:nth-child(2) { position: sticky !important; left: 75px !important; width: 110px !important; min-width: 110px !important; max-width: 110px !important; background: #1d2028 !important; border-right: 1px solid var(--border-color) !important; border-left: 1px solid var(--border-color) !important; z-index: 95 !important;}.arbi-table th:nth-child(2)::before { content: ''; position: absolute; top: 0; left: -1px; width: 1px; height: 100%; background: var(--border-color) !important; z-index: 96;}.arbi-table td:nth-child(2) { position: sticky !important; left: 75px !important; width: 110px !important; min-width: 110px !important; max-width: 110px !important; background: #1d2028 !important; border-right: 1px solid var(--border-color) !important; border-left: 1px solid var(--border-color) !important; z-index: 85 !important;}.arbi-table td:nth-child(2)::before { content: ''; position: absolute; top: 0; left: -1px; width: 1px; height: 100%; background: var(--border-color) !important; z-index: 86;}.arbi-table th:not(.coin-icon-header):not(:nth-child(2)) { background: var(--bg-card) !important; z-index: 80 !important; position: sticky; top: 0;}.arbi-table td:not(.coin-icon-cell):not(:nth-child(2)) { background: var(--bg-secondary) !important; z-index: 1; position: relative;}[data-theme="light"] .arbi-table th.coin-icon-header,[data-theme="light"] .arbi-table td.coin-icon-cell { background: #e8ecf1 !important;}[data-theme="light"] .arbi-table th:nth-child(2),[data-theme="light"] .arbi-table td:nth-child(2) { background: #f0f3f7 !important;}.arbi-table tbody tr.main-row.expanded-main:hover td.coin-icon-cell { z-index: 132 !important; background: rgba(0, 255, 255, 0.2) !important;}.arbi-table tbody tr.main-row.expanded-main:hover td:nth-child(2) { z-index: 131 !important; width: 110px !important; min-width: 110px !important; max-width: 110px !important; background: rgba(0, 255, 255, 0.2) !important;}.arbi-table tbody tr:hover td:not(.coin-icon-cell):not(:nth-child(2)) { background: rgba(0, 255, 255, 0.05) !important;}.arbi-table tbody tr.main-row.expanded-main td.coin-icon-cell { z-index: 130 !important; position: sticky !important; left: 0 !important; background: #1e2530 !important; border-right: 1px solid var(--border-color) !important; border-bottom: 1px solid var(--border-color) !important;}.arbi-table tbody tr.main-row.expanded-main td.coin-icon-cell::after { content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background: var(--border-color) !important; z-index: 131;}.arbi-table tbody tr.main-row.expanded-main td:nth-child(2) { z-index: 129 !important; position: sticky !important; left: 75px !important; width: 110px !important; min-width: 110px !important; max-width: 110px !important; background: #1e2530 !important; border-right: 1px solid var(--border-color) !important; border-bottom: 1px solid var(--border-color) !important; border-left: 1px solid var(--border-color) !important;}.arbi-table tbody tr.main-row.expanded-main td:nth-child(2)::before { content: ''; position: absolute; top: 0; left: -1px; width: 1px; height: 100%; background: var(--border-color) !important; z-index: 130; display: none !important;}.arbi-table tbody tr.child-row td.coin-icon-cell { z-index: 70 !important; position: sticky !important; left: 0 !important; background: #161a22 !important; border-right: 1px solid var(--border-color) !important; border-bottom: 1px solid var(--border-color) !important;}.arbi-table tbody tr.child-row td.coin-icon-cell::after { content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background: var(--border-color) !important; z-index: 71; display: none !important;}.arbi-table tbody tr.child-row td:nth-child(2) { z-index: 69 !important; position: sticky !important; left: 75px !important; width: 110px !important; min-width: 110px !important; max-width: 110px !important; background: #161a22 !important; border-right: 1px solid var(--border-color) !important; border-bottom: 1px solid var(--border-color) !important; border-left: 1px solid var(--border-color) !important;}.arbi-table tbody tr.child-row td:nth-child(2)::before { content: ''; position: absolute; top: 0; left: -1px; width: 1px; height: 100%; background: var(--border-color) !important; z-index: 70;}.arbi-table tbody tr.child-row:hover td.coin-icon-cell { background: #161a22 !important; z-index: 106 !important; border-right: 1px solid var(--border-color) !important; border-bottom: 1px solid var(--border-color) !important;}.arbi-table tbody tr.child-row:hover td:nth-child(2) { background: #161a22 !important; z-index: 105 !important; width: 110px !important; min-width: 110px !important; max-width: 110px !important; border-right: 1px solid var(--border-color) !important; border-bottom: 1px solid var(--border-color) !important; border-left: 1px solid var(--border-color) !important;}.arbi-table tbody tr.selected td.coin-icon-cell,.arbi-table tbody tr.active td.coin-icon-cell { z-index: 200 !important;}.arbi-table tbody tr.selected td:nth-child(2),.arbi-table tbody tr.active td:nth-child(2) { z-index: 199 !important;}.arbi-table td { background-clip: padding-box !important;}.arbi-table td.coin-icon-cell,.arbi-table td:nth-child(2) { isolation: isolate !important;}.arbi-table td.coin-icon-cell > *,.arbi-table td:nth-child(2) > * { position: relative; z-index: inherit;}.arbi-table tbody tr,.arbi-table tbody tr.main-row,.arbi-table tbody tr.child-row { background: transparent !important;}.arbi-table tbody tr td { transition: background-color 0.2s ease;}.arbi-table tbody tr.child-row.animate-in { animation: slideDown 0.25s ease-out forwards;}@keyframes slideDown { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); }}.arbi-table th:last-child,.arbi-table td:last-child { position: static; border-left: 1px solid var(--border-color) !important;}.arbi-table td { padding: 12px 6px; border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color) !important; color: var(--text-secondary); vertical-align: middle; text-align: center; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; line-height: 1.4; font-size: 14px; font-weight: 600; background: var(--bg-secondary) !important; position: relative; z-index: 1;}.arbi-table tbody tr,.arbi-table tbody tr.main-row,.arbi-table tbody tr td,.arbi-table tbody tr.main-row td { font-size: 14px !important;}.arbi-table tbody tr { transition: background-color 0.3s ease; height: auto; min-height: 60px; overflow: visible;}.arbi-table tbody tr.main-row { background: var(--bg-secondary) !important;}.arbi-table tbody tr.main-row.expanded-main,.arbi-table tbody tr.main-row.expanded-main td { background: rgba(0, 255, 255, 0.08) !important;}.arbi-table tbody tr.main-row.expanded-main td.coin-icon-cell { z-index: 130 !important; position: sticky !important; left: 0 !important;}.arbi-table tbody tr.main-row.expanded-main td:nth-child(2) { z-index: 129 !important; position: sticky !important; left: 75px !important;}.arbi-table tbody tr.main-row td { padding: 12px 6px !important; font-size: 14px !important; line-height: 1.4 !important;}.arbi-table tbody tr.child-row { min-height: 45px !important; background: rgba(0, 255, 255, 0.05) !important;}.arbi-table tbody tr.child-row td { background: rgba(0, 255, 255, 0.05) !important;}[data-theme="dark"] .arbi-table tbody tr.child-row,[data-theme="dark"] .arbi-table tbody tr.child-row td { background: rgba(30, 40, 55, 0.95) !important;}[data-theme="light"] .arbi-table tbody tr.child-row,[data-theme="light"] .arbi-table tbody tr.child-row td { background: rgba(235, 240, 245, 0.95) !important;}[data-theme="dark"] .arbi-table tbody tr.main-row.expanded-main,[data-theme="dark"] .arbi-table tbody tr.main-row.expanded-main td { background: rgba(45, 55, 75, 0.95) !important;}[data-theme="light"] .arbi-table tbody tr.main-row.expanded-main,[data-theme="light"] .arbi-table tbody tr.main-row.expanded-main td { background: rgba(220, 235, 250, 0.95) !important;}.arbi-table tbody tr.child-row td { padding: 6px 6px !important; font-size: 13px !important;}.arbi-table tbody tr.child-row .amount-volume-cell,.arbi-table tbody tr.child-row .exchange-single,.arbi-table tbody tr.child-row .network-fee-time-cell,.arbi-table tbody tr.child-row .details-cell { min-height: 40px !important; gap: 2px !important;}.arbi-table tbody tr.child-row .amount-line { font-size: 12px !important; }.arbi-table tbody tr.child-row .volume-line { font-size: 11px !important; padding: 1px 4px !important; }.arbi-table tbody tr.child-row .exchange-link { font-size: 12px !important; padding: 3px 6px !important; min-height: 24px !important; }.arbi-table tbody tr.child-row .exchange-link-small { font-size: 11px !important; padding: 2px 4px !important; min-height: 22px !important; }.arbi-table tbody tr.child-row .network-line { font-size: 12px !important; }.arbi-table tbody tr.child-row .fee-line { font-size: 11px !important; }.arbi-table tbody tr.child-row .time-line { font-size: 10px !important; padding: 1px 4px !important; }.arbi-table tbody tr.child-row .profit-display { gap: 2px !important; }.arbi-table tbody tr.child-row .profit-usd { font-size: 13px !important; }.arbi-table tbody tr.child-row .profit-percent { font-size: 12px !important; }.arbi-table tbody tr.child-row .info-btn { min-width: 32px !important; min-height: 32px !important; padding: 4px 6px !important; font-size: 11px !important; }.arbi-table tbody tr.child-row .risk-indicator-track { width: 60px !important; height: 18px !important; }.arbi-table tbody tr.child-row .risk-score { font-size: 10px !important; }.arbi-table tbody tr.child-row .risk-level { font-size: 9px !important; margin-top: 2px !important; }.arbi-table tbody tr.child-row:not(.last-child-row) td { border-bottom: none !important;}.arbi-table tbody tr.child-row.last-child-row td { border-bottom: 3px solid rgba(0, 255, 255, 0.3) !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;}[data-theme="dark"] .arbi-table tbody tr.child-row.last-child-row td { border-bottom: 3px solid rgba(100, 150, 200, 0.4) !important;}[data-theme="light"] .arbi-table tbody tr.child-row.last-child-row td { border-bottom: 3px solid rgba(0, 100, 150, 0.3) !important;}.expand-btn-inline { background: rgba(255, 165, 0, 0.15); border: 1px solid rgba(255, 165, 0, 0.4); color: #ffa500; cursor: pointer; padding: 4px 10px; border-radius: 6px; font-size: 0.85em; font-weight: 700; white-space: nowrap; min-height: 30px; min-width: 50px; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s;}.expand-btn-inline .expand-icon { display: none; }.expand-btn-inline .expand-text { display: inline; }.coin-icon-cell .expand-btn-inline { width: 28px; height: 28px; min-width: 28px; min-height: 28px; max-width: 28px; padding: 0; font-size: 0.7em; border-radius: 4px; gap: 2px;}.coin-icon-cell .expand-btn-inline .expand-text { font-weight: 700; }.coin-icon-cell .expand-btn-inline.expanded .expand-text { display: none; }.coin-icon-cell .expand-btn-inline.expanded .expand-icon { display: block; }.expand-btn-inline.expanded { background: rgba(255, 165, 0, 0.25); border-color: #ffa500;}.expand-btn-inline:hover { background: rgba(255, 165, 0, 0.25); border-color: #ffa500; transform: scale(1.05);}.contract-warning-icon { position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; border-radius: 50%; background: #ffd700; border: 2px solid #b8860b; display: flex; align-items: center; justify-content: center; color: #b8860b; font-weight: 700; font-size: 14px; z-index: 100; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); cursor: help; animation: warningPulse 2s infinite;}@keyframes warningPulse { 0%, 100% { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } 50% { box-shadow: 0 2px 8px rgba(255, 215, 0, 0.5); }}.contract-warning-tooltip { background: rgba(255, 215, 0, 0.95); color: #8B6914; padding: 10px 14px; border-radius: 8px; font-size: 0.85em; font-weight: 600; white-space: nowrap; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); pointer-events: none; min-width: 220px; text-align: center; border: 1px solid #b8860b;}.coin-icon-cell { width: 95px; min-width: 95px; max-width: 95px; padding: 4px !important; text-align: center; vertical-align: middle;}.coin-icon-cell .coin-icon-wrapper { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; gap: 6px;}.coin-icon-cell .icon-container { position: relative; display: flex; align-items: center; justify-content: center;}.expand-button-container { display: flex; align-items: center; justify-content: center;}.expand-button-container:empty { width: 28px; height: 28px;}.expand-placeholder { width: 18px; height: 18px; visibility: hidden;}.coin-icon-cell .coin-icon-small { width: 50px; height: 50px; border-radius: 50%; object-fit: contain; border: 4px solid rgba(0, 255, 255, 0.3) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background: #fff;}.coin-icon-cell .contract-warning-icon { position: absolute; top: -4px; right: -4px; width: 16px; height: 16px; font-size: 9px;}.coin-info-cell { display: flex; align-items: center; min-height: 60px; width: 100%; padding: 0 4px; overflow: visible;}.coin-info-middle { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 0 8px; min-width: 0;}.coin-info-middle.expanded { padding: 0 4px; }.coin-info-right { flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-end; gap: 4px;}.arbi-table tbody tr.child-row .coin-icon-small { width: 40px; height: 40px; border-width: 3px !important;}.arbi-table tbody tr.child-row .contract-warning-icon { width: 14px; height: 14px; font-size: 8px; top: -2px; right: -2px;}.arbi-table tbody tr.child-row .coin-icon-cell { width: 95px; min-width: 95px; max-width: 95px; padding: 4px !important; background: var(--bg-card) !important;}.arbi-table tbody tr.child-row td:nth-child(2) { background: var(--bg-card) !important;}.arbi-table tbody tr.child-row .coin-icon-wrapper { justify-content: center;}.arbi-table tbody tr.child-row .coin-info-cell { min-height: 40px; }.arbi-table tbody tr.child-row .coin-name { font-size: 13px !important; }.arbi-table tbody tr.child-row .coin-lifetime { font-size: 11px !important; padding: 1px 4px !important; }.coin-cell { position: relative; display: flex; align-items: center; min-height: 60px; width: 100%; padding: 0 4px; overflow: visible;}.coin-cell-left { flex: 0 0 50px; display: flex; align-items: center; justify-content: flex-start; position: relative;}.coin-icon { width: 50px; height: 50px; border-radius: 50%; object-fit: contain; border: 4px solid rgba(16, 81, 143, 0.418) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.coin-cell-left .contract-warning-icon { position: absolute; top: -2px; right: -2px; width: 18px; height: 18px; font-size: 10px;}.coin-cell-middle { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 0 8px; min-width: 0;}.coin-name { font-weight: 700; font-size: 1em; color: var(--text-primary); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.coin-lifetime { font-size: 0.8em; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); padding: 2px 6px; border-radius: 4px; border: 1px solid var(--border-color); white-space: nowrap; display: inline-block;}.coin-cell-right { flex: 0 0 60px; display: flex; align-items: center; justify-content: flex-end;}.coin-cell-right:empty { display: block; }.details-cell { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 12px; min-height: 50px; flex-wrap: wrap;}.info-btn,.expand-btn,.edit-btn { background: rgba(0, 255, 255, 0.15); border: 1px solid rgba(0, 0, 0, 0.3); color: var(--accent-primary); cursor: pointer; padding: 6px 10px; border-radius: 6px; transition: all 0.3s; flex-shrink: 0; font-size: 0.85em; font-weight: 700; min-width: 40px;}.info-btn,.expand-btn { min-height: 40px; display: inline-flex; align-items: center; justify-content: center;}.edit-btn { background: rgba(255, 193, 7, 0.15); border: 1px solid rgba(255, 193, 7, 0.4); color: #ffc107; text-decoration: none; display: inline-flex; align-items: center; justify-content: center;}.info-btn:hover,.expand-btn:hover { background: rgba(0, 255, 255, 0.25); border-color: var(--accent-primary); transform: scale(1.05); box-shadow: 0 2px 8px rgba(0, 255, 255, 0.3);}.expand-btn { background: rgba(255, 165, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.3); color: #ffa500;}.expand-btn:hover { background: rgba(255, 165, 0, 0.25); border-color: #ffa500; box-shadow: 0 2px 8px rgba(255, 165, 0, 0.3);}.edit-btn:hover { background: rgba(255, 193, 7, 0.25); border-color: #ffc107; transform: scale(1.05); box-shadow: 0 2px 8px rgba(255, 193, 7, 0.3);}.exchange-single { display: flex; flex-direction: column; align-items: center; gap: 6px; min-height: 60px; justify-content: center;}.exchange-link { color: var(--accent-primary); text-decoration: none; font-size: 0.85em; font-weight: 600; transition: all 0.3s; word-break: break-word; padding: 6px 10px; border-radius: 6px; background: rgba(0, 255, 255, 0.1); border: 1px solid rgba(0, 0, 0, 0.2); display: inline-flex; align-items: center; justify-content: center; min-height: 32px; white-space: nowrap; width: 100%; max-width: 120px; margin: 0 auto;}.exchange-link-small { font-size: 0.75em; padding: 4px 8px; min-height: 28px; background: rgba(0, 255, 255, 0.05);}.exchange-link:hover { color: var(--accent-secondary); background: rgba(0, 255, 255, 0.2); border-color: var(--accent-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 255, 255, 0.2);}.amount-volume-cell { display: flex; flex-direction: column; align-items: center; gap: 4px; min-height: 80px; justify-content: center;}.amount-line { font-weight: 600; color: var(--text-primary); font-size: 0.95em;}.volume-line { font-size: 0.85em; color: var(--accent-primary); background: rgba(0, 255, 255, 0.1); padding: 2px 6px; border-radius: 4px; border: 1px solid rgba(0, 255, 255, 0.2);}.network-fee-time-cell { display: flex; flex-direction: column; align-items: center; gap: 4px; min-height: 80px; justify-content: center;}.network-line { font-weight: 600; color: var(--text-primary); font-size: 0.9em;}.fee-line { font-size: 0.85em; color: var(--text-secondary);}.time-line { font-size: 0.8em; color: var(--text-muted); background: rgba(255, 255, 255, 0.05); padding: 2px 6px; border-radius: 4px; border: 1px solid var(--border-color);}.profit-column .profit-display { display: flex; flex-direction: column; align-items: center; gap: 4px;}.profit-column .profit-usd { font-size: 1.25em; font-weight: 700; color: #2ecc71; line-height: 1;}.profit-column .profit-percent { font-size: 1.05em; font-weight: 700; color: #27ae60; line-height: 1;}.profit-column.profit-high .profit-usd,.profit-column.profit-high .profit-percent { color: #ff8a00;}.profit-warning { background: rgba(255, 0, 0, 0.1); border: 1px solid rgba(255, 0, 0, 0.3); color: #C62828; padding: 6px 8px; border-radius: 4px; font-size: 0.7em; margin-top: 4px; line-height: 1.3; font-weight: 600; cursor: help; position: relative; display: inline-block;}.fee-warning-highlight { background: rgba(255, 165, 0, 0.15); border: 1px solid rgba(255, 165, 0, 0.4); color: #b8860b; padding: 4px 6px; border-radius: 4px; font-size: 0.75em; margin-top: 2px; line-height: 1.2; font-weight: 600; cursor: help; position: relative; display: inline-block;}.fee-warning-tooltip { visibility: hidden; position: absolute; bottom: 125%; left: 50%; transform: translateX(-50%); background: rgba(255, 215, 0, 0.95); color: #8B6914; padding: 8px 12px; border: 1px solid #b8860b; border-radius: 6px; font-size: 0.9em; font-weight: 600; white-space: nowrap; z-index: 10000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); pointer-events: none; opacity: 0; transition: opacity 0.3s;}.fee-warning-highlight:hover .fee-warning-tooltip { visibility: visible; opacity: 1;}.details-cell .risk-indicator-container { padding: 0; margin: 0;}.details-cell .risk-indicator-track { width: 70px !important; height: 20px !important;}@keyframes riskPulse { 0% { box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(231, 76, 60, 0); } 100% { box-shadow: 0 0 0 0 rgba(231, 76, 60, 0); }}.risk-indicator-track { position: relative; width: 90%; min-width: 80px; height: 22px; background: #2c3e50; border-radius: 12px; margin: 0 auto; overflow: hidden; border: 1px solid #34495e; transition: all 0.3s ease;}.risk-indicator-fill { position: absolute; top: 0; left: 0; height: 100%; transition: width 0.5s ease, background-color 0.5s ease; border-radius: 10px;}.risk-score { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-weight: bold; font-size: 12px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); z-index: 3; transition: color 0.3s ease;}.risk-level { text-align: center; font-size: 11px; margin-top: 4px; font-weight: 600;}.risk-description { text-align: center; font-size: 10px; margin-top: 2px; color: #7f8c8d; max-width: 100px; margin-left: auto; margin-right: auto; line-height: 1.2;}.risk-indicator-container.subscription-only { opacity: 0.8; transition: opacity 0.3s ease;}.risk-indicator-container.subscription-only:hover { opacity: 1;}.risk-indicator-track.subscription-track { position: relative; overflow: hidden;}.risk-indicator-track.subscription-track::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); animation: subscription-shimmer 2s infinite;}@keyframes subscription-shimmer { 0% { left: -100%; } 100% { left: 100%; }}.skeleton { background: linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-primary) 50%, var(--bg-secondary) 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s infinite;}@keyframes skeleton-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; }}.skeleton-row { height: 60px; border-radius: 8px; margin-bottom: 8px;}.skeleton-text { height: 16px; border-radius: 4px; margin-bottom: 4px;}.skeleton-circle { width: 50px; height: 50px; border-radius: 50%;}.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; z-index: 100000; backdrop-filter: blur(5px);}.modal-content { background: var(--bg-card); border-radius: 15px; border: 1px solid var(--border-color); width: 90%; max-width: 800px; max-height: 95vh; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); overflow: hidden;}.modal-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 25px; border-bottom: 1px solid var(--border-color); background: var(--bg-secondary); border-bottom: 2px solid var(--accent-primary);}.modal-title { font-size: 1.5em; font-weight: 700; color: var(--text-primary); margin: 0;}.modal-close { background: none; border: none; color: var(--text-muted); font-size: 1.5em; cursor: pointer; padding: 5px; border-radius: 4px; transition: all 0.3s;}.modal-close:hover { color: var(--text-primary); background: rgba(255, 255, 255, 0.1);}.modal-body { flex: 1; padding: 0; overflow: hidden;}.modal-footer { display: flex; justify-content: flex-end; gap: 10px; padding: 15px 25px; border-top: 1px solid var(--border-color);}.toast-container { position: fixed; top: 20px; right: 20px; z-index: 100001; display: flex; flex-direction: column; gap: 10px; max-width: 400px;}.toast { padding: 15px 20px; border-radius: 8px; color: white; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); animation: slideIn 0.3s ease; max-width: 100%; word-wrap: break-word;}.toast.success { background: #2ecc71; }.toast.error { background: #e74c3c; }.toast.warning { background: #f39c12; }.toast.info { background: #3498db; }@keyframes slideIn { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: translateX(0); }}@keyframes slideOut { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(100%); }}body.modal-open { overflow: hidden; }.legend-content { padding: 20px 25px; max-height: 60vh; overflow-y: auto;}.legend-section { margin-bottom: 25px;}.legend-section h4 { color: var(--accent-primary); margin-bottom: 15px; font-size: 1.1em; border-bottom: 1px solid var(--border-color); padding-bottom: 8px;}.legend-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px;}.legend-text { flex: 1; font-size: 0.9em; color: var(--text-secondary);}.risk-level-example { display: flex; align-items: center; margin-bottom: 10px;}.risk-level-example .risk-indicator-track { width: 60px; height: 16px; margin: 0 10px 0 0;}#riskModal .modal-content { max-width: 900px; max-height: 85vh;}.compact-modal-header { padding: 12px 16px !important; }.compact-header-content { display: flex; align-items: center; gap: 12px; width: 100%;}.compact-coin-block { display: flex; align-items: center; gap: 8px; padding-right: 12px; border-right: 1px solid var(--border-color);}.compact-coin-icon { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--accent-primary); object-fit: cover; background: white;}.compact-coin-info { display: flex; flex-direction: column; line-height: 1.2;}.compact-coin-symbol { font-size: 1em; font-weight: 600; color: var(--text-primary);}.compact-coin-pair { font-size: 0.75em; color: var(--text-muted);}.compact-exchanges-block { display: flex; align-items: center; gap: 8px; padding: 0 8px;}.compact-exchange-item { display: flex; align-items: center; gap: 6px; padding: 4px 8px; background: var(--bg-primary); border-radius: 6px; border: 1px solid var(--border-color); font-size: 0.85em;}.compact-exchange-icon { width: 16px; height: 16px; border-radius: 3px; object-fit: cover;}.compact-exchange-name { color: var(--text-primary); font-weight: 500;}.compact-exchange-arrow { color: var(--text-muted); font-size: 0.9em;}.compact-actions-block { display: flex; align-items: center; gap: 8px; margin-left: auto;}.compact-btn { padding: 6px 12px !important; border-radius: 6px !important; font-size: 1em !important; font-weight: 500 !important; border: 1px solid transparent !important; transition: all 0.2s ease !important; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; height: 48px;}.compact-btn i { font-size: 1.5em; }.compact-btn.btn-primary { background: var(--accent-primary) !important; color: white !important;}.compact-btn.btn-primary:hover { background: var(--accent-secondary) !important; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 255, 255, 0.3);}.compact-btn.btn-warning { background: #f39c12 !important; color: white !important;}.compact-btn.btn-warning:hover { background: #e67e22 !important; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(243, 156, 18, 0.3);}.compact-close-btn { width: 28px !important; height: 28px !important; border-radius: 6px !important; background: var(--bg-primary) !important; border: 1px solid var(--border-color) !important; color: var(--text-muted) !important; font-size: 1.2em !important; display: flex !important; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease !important; padding: 0 !important; line-height: 1;}.compact-close-btn:hover { background: var(--bg-secondary) !important; border-color: var(--accent-primary) !important; color: var(--accent-primary) !important;}.btn-warning { background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important; border: 1px solid #e67e22 !important; color: #fff !important; padding: 8px 16px; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; font-size: 0.9em; font-weight: 600; white-space: nowrap; box-shadow: 0 2px 8px rgba(243, 156, 18, 0.3); text-decoration: none !important; display: inline-flex; align-items: center; gap: 8px; justify-content: center;}.btn-warning:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(243, 156, 18, 0.4); background: linear-gradient(135deg, #e67e22 0%, #d35400 100%) !important;}@media (max-width: 1200px) { .container { max-width: 100%; padding: 0 10px; } .exchanges-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); } .filter-controls { grid-template-columns: repeat(2, 1fr); } .arbi-table { font-size: 0.85em; } .arbi-table th, .arbi-table td { padding: 12px 4px; } .exchange-link { min-height: 35px; padding: 6px 10px; font-size: 0.85em; max-width: 100px; } .coin-cell-left { flex: 0 0 60px; } .coin-icon { width: 50px; height: 50px; object-fit: contain; } .coin-cell { min-height: 80px; } .risk-column { min-width: 100px; } .risk-indicator-track { width: 70px; height: 20px; } .risk-score, .risk-level { font-size: 8px; }}@media (max-width: 768px) { .table-container { overflow-x: auto; max-width: 100vw; } .container { max-width: 100%; padding: 0 10px; } .arbi-scanner { padding: 80px 0 20px; } .scanner-title { font-size: 1.8em; } .scanner-subtitle { font-size: 1em; } .filters-section { padding: 15px; margin-bottom: 20px; border-radius: 10px; } .filter-header { flex-direction: column; align-items: stretch; gap: 10px; } .exchanges-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 6px; } .filter-controls { grid-template-columns: 1fr; gap: 12px; } .scanner-table-section { padding: 15px; border-radius: 10px; margin: 0 -5px; } .arbi-table tbody tr td { background: var(--bg-secondary) !important; } .arbi-table th.coin-icon-header, .arbi-table td.coin-icon-cell { position: sticky !important; left: 0 !important; width: 95px; min-width: 95px; max-width: 95px; background: #1a1d24 !important; z-index: 100 !important; opacity: 1 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-right: 1px solid var(--border-color) !important; border-bottom: 1px solid var(--border-color) !important; box-shadow: none !important; } .arbi-table th.coin-icon-header::after, .arbi-table td.coin-icon-cell::after { content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background: var(--border-color) !important; z-index: 101; } .arbi-table th:nth-child(2), .arbi-table td:nth-child(2) { position: sticky !important; left: 95px !important; background: #1d2028 !important; z-index: 95 !important; opacity: 1 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-right: 1px solid var(--border-color) !important; border-bottom: 1px solid var(--border-color) !important; border-left: 1px solid var(--border-color) !important; box-shadow: none !important; } .arbi-table th:nth-child(2)::before, .arbi-table td:nth-child(2)::before { content: ''; position: absolute; top: 0; left: -1px; width: 1px; height: 100%; background: var(--border-color) !important; z-index: 96; } .arbi-table td.coin-icon-cell, .arbi-table td:nth-child(2), .arbi-table th.coin-icon-header, .arbi-table th:nth-child(2) { opacity: 1 !important; background-clip: padding-box !important; -webkit-background-clip: padding-box !important; isolation: isolate !important; background-image: none !important; } .arbi-table tbody tr:hover td.coin-icon-cell { background: #1a1d24 !important; border-right: 1px solid var(--border-color) !important; border-bottom: 1px solid var(--border-color) !important; } .arbi-table tbody tr:hover td:nth-child(2) { background: #1d2028 !important; border-right: 1px solid var(--border-color) !important; border-bottom: 1px solid var(--border-color) !important; border-left: 1px solid var(--border-color) !important; } .arbi-table tbody tr:hover td:not(.coin-icon-cell):not(:nth-child(2)) { background: rgba(0, 255, 255, 0.05) !important; } .arbi-table tbody tr.main-row.expanded-main td.coin-icon-cell, .arbi-table tbody tr.main-row.expanded-main td:nth-child(2) { background: #1e2530 !important; z-index: 110 !important; } .arbi-table tbody tr.child-row td.coin-icon-cell, .arbi-table tbody tr.child-row td:nth-child(2) { background: #161a22 !important; z-index: 90 !important; } [data-theme="light"] .arbi-table th.coin-icon-header, [data-theme="light"] .arbi-table td.coin-icon-cell { background: #e8ecf1 !important; } [data-theme="light"] .arbi-table th:nth-child(2), [data-theme="light"] .arbi-table td:nth-child(2) { background: #f0f3f7 !important; } [data-theme="light"] .arbi-table tbody tr:hover td.coin-icon-cell { background: #e8ecf1 !important; } [data-theme="light"] .arbi-table tbody tr:hover td:nth-child(2) { background: #f0f3f7 !important; } [data-theme="light"] .arbi-table tbody tr.main-row.expanded-main td.coin-icon-cell, [data-theme="light"] .arbi-table tbody tr.main-row.expanded-main td:nth-child(2) { background: #d0d8e5 !important; } [data-theme="light"] .arbi-table tbody tr.child-row td.coin-icon-cell, [data-theme="light"] .arbi-table tbody tr.child-row td:nth-child(2) { background: #e0e5ed !important; } .arbi-table { font-size: 10px !important; } .arbi-table th, .arbi-table td { padding: 4px 3px !important; font-size: 10px !important; } .arbi-table th { height: 35px !important; font-size: 9px !important; line-height: 1.1 !important; } .arbi-table th .multi-line { gap: 1px !important; font-size: 8px !important; } .arbi-table th.coin-icon-header, .arbi-table td.coin-icon-cell { width: 75px !important; min-width: 75px !important; max-width: 75px !important; } .arbi-table th:nth-child(2), .arbi-table td:nth-child(2) { left: 75px !important; min-width: 70px !important; } .arbi-table tbody tr.main-row td.coin-icon-cell::after, .arbi-table tbody tr.main-row td:nth-child(2)::before { display: none; } .arbi-table td { font-size: 10px !important; line-height: 1.1 !important; padding: 5px 1px !important; } .arbi-table tbody tr .coin-icon-small { width: 32px !important; height: 32px !important; } .arbi-table tbody tr.child-row .coin-icon-small { width: 24px !important; height: 24px !important; } .arbi-table tbody tr .coin-name { font-size: 10px !important; line-height: 1.2 !important; } .arbi-table tbody tr .coin-lifetime { font-size: 8px !important; padding: 1px 3px !important; } .arbi-table tbody tr .coin-info-cell { min-height: 38px !important; } .expand-btn-inline { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; font-size: 0.65em !important; } .coin-icon-cell .expand-btn-inline { width: 16px !important; height: 16px !important; } .info-btn, .expand-btn { min-width: 24px !important; min-height: 24px !important; padding: 3px 5px !important; font-size: 0.7em !important; } .edit-btn { min-width: 24px !important; padding: 3px 5px !important; font-size: 0.7em !important; } .amount-volume-cell { min-height: 38px !important; gap: 1px !important; } .amount-line { font-size: 9px !important; } .volume-line { font-size: 8px !important; padding: 1px 2px !important; } .exchange-single { min-height: 36px !important; gap: 1px !important; } .exchange-link { font-size: 8px !important; padding: 2px 3px !important; min-height: 16px !important; max-width: 60px !important; } .exchange-link-small { font-size: 7px !important; padding: 1px 2px !important; min-height: 14px !important; } .network-fee-time-cell { min-height: 38px !important; gap: 1px !important; } .network-line { font-size: 9px !important; } .fee-line { font-size: 8px !important; } .time-line { font-size: 7px !important; padding: 1px 2px !important; } .profit-column .profit-usd { font-size: 10px !important; } .profit-column .profit-percent { font-size: 9px !important; } .profit-display { gap: 1px !important; } .details-cell { min-height: 28px !important; gap: 3px !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; } .details-cell .info-btn { min-width: 18px !important; min-height: 18px !important; padding: 2px 4px !important; font-size: 0.65em !important; margin: 0 !important; } .risk-indicator-track { display: none !important; } .risk-indicator-container { margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; } .risk-level { font-size: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border-radius: 3px !important; display: inline-block !important; line-height: 1 !important; font-weight: 700 !important; white-space: nowrap !important; width: auto !important; text-align: center !important; color: transparent !important; } .risk-level[data-emoji]::before { content: attr(data-emoji) !important; font-size: 14px !important; line-height: 1 !important; display: inline-block !important; color: initial !important; } .arbi-table tbody tr.child-row td { font-size: 9px !important; padding: 3px 1px !important; } .arbi-table tbody tr.child-row .coin-name { font-size: 9px !important; } .arbi-table tbody tr.child-row .coin-lifetime { font-size: 7px !important; padding: 1px 2px !important; } .arbi-table tbody tr.child-row .amount-line { font-size: 8px !important; } .arbi-table tbody tr.child-row .exchange-link { font-size: 7px !important; padding: 1px 2px !important; } .arbi-table tbody tr.child-row .network-line { font-size: 8px !important; } .arbi-table tbody tr.child-row .fee-line, .arbi-table tbody tr.child-row .time-line { font-size: 7px !important; } .arbi-table tbody tr.child-row .profit-usd { font-size: 9px !important; } .arbi-table tbody tr.child-row .profit-percent { font-size: 8px !important; } .arbi-table tbody tr.child-row .details-cell .info-btn { min-width: 20px !important; min-height: 20px !important; font-size: 8px !important; } .arbi-table tbody tr.child-row .risk-level { font-size: 6px !important; padding: 1px 3px !important; } .expand-btn-inline .expand-text { font-size: 0.6em !important; } .table-controls .update-info { font-size: 0.7em !important; } .table-controls .update-info .update-label { font-size: 0.75em !important; } .table-controls .update-info .last-update { font-size: 0.75em !important; padding: 2px 3px !important; } .table-header { flex-direction: column; align-items: stretch; gap: 8px; } .table-controls { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 4px; width: 100%; } .table-controls .btn-legend { padding: 8px !important; min-width: 40px !important; width: 40px !important; height: 40px !important; border-radius: 8px !important; font-size: 0 !important; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; position: relative; } .table-controls .btn-legend i { font-size: 18px !important; margin: 0 !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .table-controls .btn-secondary { padding: 8px !important; min-width: 40px !important; width: 40px !important; height: 40px !important; border-radius: 8px !important; font-size: 0 !important; position: relative; } .table-controls .btn-secondary i { font-size: 18px !important; margin: 0 !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .table-controls .update-info { padding: 0 8px; height: 40px; min-height: 40px; gap: 4px; background: var(--bg-secondary); border-radius: 8px; flex: 1; justify-content: center; } .table-controls .update-info .update-label { font-size: 0.7em; white-space: nowrap; } .table-controls .update-info .last-update { font-size: 0.7em; padding: 2px 4px; white-space: nowrap; } .coin-name { font-size: 13px !important; } .coin-lifetime { font-size: 11px !important; } .profit-usd, .profit-percent { font-size: 13px !important; } .amount-line { font-size: 13px !important; } .volume-line { font-size: 12px !important; } .exchange-link { font-size: 12px !important; padding: 4px 6px !important; min-height: 24px !important; max-width: 70px; } .exchange-link-small { font-size: 11px !important; padding: 3px 4px !important; } .coin-cell-left { flex: 0 0 35px; } .coin-icon { width: 32px; height: 32px; object-fit: contain; } .coin-cell-left .contract-warning-icon { width: 16px; height: 16px; font-size: 9px; top: -3px; right: -3px; } .coin-cell-middle { padding: 0 4px; } .coin-name { font-size: 0.9em; } .coin-lifetime { font-size: 0.65em; padding: 1px 4px; } .coin-cell-right { flex: 0 0 40px; } .expand-btn-inline { padding: 0; width: 28px; height: 28px; min-width: 28px; min-height: 28px; background: linear-gradient(135deg, #8B6914 0%, #B8860B 100%); border: 1px solid #FFD700; border-radius: 6px; } .expand-btn-inline .expand-text { display: none; } .expand-btn-inline .expand-icon { display: inline; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #FFD700; font-size: 0; line-height: 0; } .expand-btn-inline.expanded .expand-icon { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 6px solid #FFD700; } .expand-btn-inline:hover { background: linear-gradient(135deg, #9B7924 0%, #C8961B 100%); border-color: #FFC700; box-shadow: 0 3px 10px rgba(255, 215, 0, 0.6); transform: scale(1.08); } .info-btn, .expand-btn { padding: 4px 6px; font-size: 0.7em; min-width: 30px; } .risk-column { min-width: 90px; } .risk-indicator-track { width: 60px; height: 18px; } .risk-score, .risk-level { font-size: 8px; } .risk-description { display: none; } .toast-container { top: auto; bottom: 20px; left: 50%; transform: translateX(-50%); right: auto; max-width: 90%; } .exchange-single { gap: 4px; } .details-cell { gap: 8px; } .info-btn { min-width: 36px !important; min-height: 36px !important; padding: 6px 8px !important; } .details-cell .risk-indicator-track { width: 60px !important; height: 18px !important; }}@media (max-width: 480px) { .container { padding: 0 8px; } .arbi-scanner { padding: 70px 0 15px; } .scanner-title { font-size: 1.5em; } .scanner-subtitle { font-size: 0.9em; } .filters-section { padding: 12px; margin-bottom: 15px; } .exchanges-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 4px; } .exchange-checkbox { padding: 4px 6px; } .scanner-table-section { padding: 12px; margin: 0 -3px; } .arbi-table th.coin-icon-header, .arbi-table td.coin-icon-cell { width: 70px !important; min-width: 70px !important; max-width: 70px !important; } .arbi-table th:nth-child(2), .arbi-table td:nth-child(2) { left: 70px !important; min-width: 60px !important; } .arbi-table td { font-size: 9px !important; padding: 4px 1px !important; } .arbi-table tbody tr .coin-icon-small { width: 28px !important; height: 28px !important; } .arbi-table tbody tr.child-row .coin-icon-small { width: 22px !important; height: 22px !important; } .arbi-table tbody tr .coin-name { font-size: 9px !important; } .arbi-table tbody tr .coin-lifetime { font-size: 7px !important; } .arbi-table tbody tr .coin-info-cell { min-height: 32px !important; } .expand-btn-inline { width: 16px !important; height: 16px !important; } .coin-icon-cell .expand-btn-inline { width: 14px !important; height: 14px !important; } .info-btn, .expand-btn { min-width: 20px !important; min-height: 20px !important; padding: 2px 4px !important; font-size: 0.65em !important; } .edit-btn { min-width: 20px !important; padding: 2px 4px !important; font-size: 0.65em !important; } .amount-line { font-size: 8px !important; } .volume-line { font-size: 7px !important; } .exchange-link { font-size: 7px !important; padding: 1px 2px !important; max-width: 50px !important; } .exchange-link-small { font-size: 6px !important; } .exchange-single { gap: 1px !important; min-height: 30px !important; } .network-line { font-size: 8px !important; } .fee-line { font-size: 7px !important; } .time-line { font-size: 6px !important; } .amount-volume-cell, .network-fee-time-cell { gap: 1px !important; min-height: 34px !important; } .profit-column .profit-usd { font-size: 9px !important; } .profit-column .profit-percent { font-size: 8px !important; } .details-cell { gap: 2px !important; min-height: 26px !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; } .details-cell .info-btn { min-width: 16px !important; min-height: 16px !important; font-size: 0.6em !important; padding: 2px 3px !important; } .risk-indicator-track { display: none !important; } .risk-level { font-size: 6px !important; padding: 1px 3px !important; background: transparent !important; font-weight: 700 !important; } .risk-indicator-container.critical .risk-level, .risk-level[data-risk="critical"] { color: #9b59b6 !important; } .risk-indicator-container.high .risk-level, .risk-level[data-risk="high"] { color: #e74c3c !important; } .risk-level[data-risk="moderate"] { color: #f39c12 !important; } .risk-level[data-risk="low"] { color: #2ecc71 !important; } .expand-btn-inline .expand-text { font-size: 0.55em !important; } .arbi-table tbody tr.child-row td { font-size: 8px !important; padding: 3px 1px !important; } .arbi-table tbody tr.child-row .coin-name { font-size: 8px !important; } .arbi-table tbody tr.child-row .coin-lifetime { font-size: 6px !important; } .arbi-table tbody tr.child-row .amount-line { font-size: 7px !important; } .arbi-table tbody tr.child-row .exchange-link { font-size: 6px !important; } .arbi-table tbody tr.child-row .volume-line, .arbi-table tbody tr.child-row .network-line { font-size: 6px !important; } .arbi-table tbody tr.child-row .fee-line, .arbi-table tbody tr.child-row .time-line { font-size: 5px !important; } .arbi-table tbody tr.child-row .profit-usd { font-size: 8px !important; } .arbi-table tbody tr.child-row .profit-percent { font-size: 7px !important; } .arbi-table tbody tr.child-row .info-btn { min-width: 18px !important; min-height: 18px !important; } .arbi-table tbody tr.child-row .risk-level { font-size: 5px !important; padding: 1px 2px !important; } .table-controls .update-info { font-size: 0.65em !important; padding: 0 3px !important; height: 28px !important; min-height: 28px !important; } .table-controls .update-info .update-label { font-size: 0.7em !important; } .table-controls .update-info .last-update { font-size: 0.7em !important; padding: 1px 2px !important; } .table-controls .btn-legend, .table-controls .btn-secondary { width: 28px !important; height: 28px !important; min-width: 28px !important; } .table-controls .btn-legend i, .table-controls .btn-secondary i { font-size: 12px !important; } .arbi-table tbody tr td, .arbi-table tbody tr.main-row td { font-size: 9px !important; } .arbi-table tbody tr.child-row td { padding: 3px 1px !important; font-size: 8px !important; } .coin-name { font-size: 9px !important; } .coin-lifetime { font-size: 7px !important; } .exchange-link { font-size: 7px !important; max-width: 50px !important; } .exchange-link-small { font-size: 6px !important; }}@media (prefers-color-scheme: dark) { .risk-category-card { background: rgba(30, 30, 46, 0.8); backdrop-filter: blur(10px); } .risk-detail-card { background: rgba(40, 40, 60, 0.8); } .risk-recommendations { background: linear-gradient(135deg, rgba(46, 204, 113, 0.08), rgba(52, 152, 219, 0.05)); } .risk-metric-label { color: #bdc3c7; } .risk-indicator-track { background: #1a1a2e; border-color: #2c3e50; } .coin-icon { background: linear-gradient(135deg, #fff, #e9ecef); border: 4px solid rgba(255, 255, 255, 0.4); box-shadow: 0 2px 12px rgba(255, 255, 255, 0.1); } .coin-icon:hover { box-shadow: 0 4px 16px rgba(255, 255, 255, 0.2); } .info-btn, .expand-btn, .exchange-link { border: 1px solid rgba(255, 255, 255, 0.4); } .arbi-table tbody tr.child-row { background: rgba(0, 255, 255, 0.08); }}.info-btn,.ai-btn { background: rgba(0, 255, 255, 0.15); border: 1px solid rgba(0, 255, 255, 0.3); color: var(--accent-primary); cursor: pointer; padding: 8px 12px; border-radius: 10px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-size: 0.85em; font-weight: 600; min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; backdrop-filter: blur(4px);}.ai-btn { background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2)); border-color: rgba(102, 126, 234, 0.4); color: #8b6cf5;}.info-btn i,.ai-btn i { font-size: 1.1em; transition: transform 0.2s ease;}.info-btn:hover,.ai-btn:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 4px 15px rgba(0, 255, 255, 0.3);}.info-btn:hover { background: rgba(0, 255, 255, 0.25); border-color: var(--accent-primary); box-shadow: 0 4px 15px rgba(0, 255, 255, 0.3);}.ai-btn:hover { background: linear-gradient(135deg, rgba(102, 126, 234, 0.4), rgba(118, 75, 162, 0.4)); border-color: #8b6cf5; box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);}.info-btn:hover i,.ai-btn:hover i { transform: scale(1.1);}.info-btn:active,.ai-btn:active { transform: translateY(0) scale(0.98);}.arbi-table tbody tr.child-row .info-btn,.arbi-table tbody tr.child-row .ai-btn { min-width: 32px !important; min-height: 32px !important; padding: 5px 8px !important; font-size: 0.75em !important;}[data-theme="dark"] .info-btn { background: rgba(0, 255, 255, 0.1); box-shadow: 0 2px 8px rgba(0, 255, 255, 0.1);}[data-theme="dark"] .info-btn:hover { background: rgba(0, 255, 255, 0.2); box-shadow: 0 4px 15px rgba(0, 255, 255, 0.3);}[data-theme="dark"] .ai-btn { background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.15)); box-shadow: 0 2px 8px rgba(102, 126, 234, 0.1);}[data-theme="dark"] .ai-btn:hover { background: linear-gradient(135deg, rgba(102, 126, 234, 0.3), rgba(118, 75, 162, 0.3)); box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);}.details-cell { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 70px; padding: 4px 0;}.details-cell .button-group { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap;}.details-cell .info-btn,.details-cell .ai-btn { margin: 0;}.details-cell .risk-indicator-container { margin-top: 2px; padding: 0; width: 100%; display: flex; justify-content: center;}.details-cell .risk-indicator-track { width: 70px !important; height: 16px !important; min-width: 60px; border-radius: 8px;}.details-cell .risk-score { font-size: 9px !important; font-weight: 600;}.details-cell .risk-level { font-size: 9px !important; margin-top: 2px !important; line-height: 1.2;}.risk-indicator-track { width: 80px; height: 18px; border-radius: 9px; background: #2c3e50; position: relative; overflow: hidden; border: 1px solid #34495e; transition: all 0.3s ease;}.risk-score { font-size: 10px; font-weight: 600;}.risk-level { font-size: 10px; margin-top: 3px; font-weight: 500;}.arbi-table tbody tr.child-row .risk-indicator-track { width: 60px !important; height: 14px !important; border-radius: 7px;}.arbi-table tbody tr.child-row .risk-score { font-size: 8px !important;}.arbi-table tbody tr.child-row .risk-level { font-size: 8px !important; margin-top: 2px !important;}@media (max-width: 768px) { .details-cell { gap: 4px; min-height: 50px; } .details-cell .button-group { gap: 6px; } .details-cell .info-btn, .details-cell .ai-btn { min-width: 32px !important; min-height: 32px !important; padding: 6px 8px !important; } .details-cell .risk-indicator-track { width: 55px !important; height: 14px !important; } .details-cell .risk-score { font-size: 8px !important; } .details-cell .risk-level { font-size: 8px !important; margin-top: 1px !important; }}@media (max-width: 480px) { .details-cell { gap: 3px; min-height: 45px; } .details-cell .button-group { gap: 4px; } .details-cell .info-btn, .details-cell .ai-btn { min-width: 28px !important; min-height: 28px !important; padding: 4px 6px !important; font-size: 0.7em !important; } .details-cell .risk-indicator-track { width: 50px !important; height: 12px !important; } .details-cell .risk-score { font-size: 7px !important; } .details-cell .risk-level { font-size: 7px !important; margin-top: 1px !important; }}@keyframes cursorBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; }}@keyframes typingPulse { 0%, 100% { opacity: 0.6; transform: scale(1); } 50% { opacity: 1; transform: scale(1.05); }}.ai-side-panel .cursor { display: inline-block; width: 8px; height: 18px; background: var(--accent-primary); margin-left: 2px; animation: cursorBlink 1s infinite; vertical-align: middle;}.ai-side-panel .stream-status.streaming { background: rgba(102, 126, 234, 0.1); border: 1px solid rgba(102, 126, 234, 0.3); color: var(--accent-primary); padding: 10px 15px; border-radius: 8px; display: flex; align-items: center; gap: 10px; font-weight: 600; animation: typingPulse 1.5s infinite;}.ai-side-panel .stream-status.success { background: rgba(46, 204, 113, 0.1); border: 1px solid rgba(46, 204, 113, 0.3); color: #2ecc71; padding: 10px 15px; border-radius: 8px; display: flex; align-items: center; gap: 10px; font-weight: 600;}.ai-side-panel .stream-status.error { background: rgba(231, 76, 60, 0.1); border: 1px solid rgba(231, 76, 60, 0.3); color: #e74c3c; padding: 10px 15px; border-radius: 8px; display: flex; align-items: center; gap: 10px; font-weight: 600;}.ai-side-panel { position: fixed; top: 70px; /* Высота шапки */ right: -500px; width: 480px; max-width: 90vw; height: calc(100vh - 70px); max-height: calc(100vh - 70px); background: var(--bg-card); border-left: 1px solid var(--border-color); z-index: 1002; /* Выше шапки (1001) */ display: flex; flex-direction: column; box-shadow: -5px 0 30px rgba(0, 0, 0, 0.4); transition: right 0.3s ease; overflow: hidden; /* Скрываем всё, что выходит за пределы */}.ai-side-panel.active { right: 0;}.ai-side-panel-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid var(--border-color); background: var(--bg-secondary); flex-shrink: 0; /* Не сжимать */ flex-grow: 0;}.ai-side-panel-body { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; padding: 20px; min-height: 0; max-height: calc(100vh - 90px);}.ai-side-panel-title-block { display: flex; align-items: center; gap: 12px;}.ai-side-panel-title { font-size: 1.1em; font-weight: 700; color: var(--text-primary); margin: 0;}.ai-side-panel-subtitle { font-size: 0.8em; color: var(--text-muted); margin-top: 2px;}.ai-side-panel-actions { display: flex; align-items: center; gap: 8px;}.ai-panel-btn { background: rgba(102, 126, 234, 0.15); border: 1px solid rgba(0, 0, 0, 0.3); color: #667eea; cursor: pointer; padding: 8px 10px; border-radius: 6px; transition: all 0.3s; font-size: 1em; font-weight: 700; display: inline-flex; align-items: center; justify-content: center;}.ai-panel-btn:hover { background: rgba(102, 126, 234, 0.25); border-color: #667eea; transform: scale(1.05); box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);}.ai-panel-close-btn { background: none; border: none; color: var(--text-muted); font-size: 2em; cursor: pointer; padding: 0 5px; line-height: 1; transition: all 0.3s;}.ai-panel-close-btn:hover { color: var(--text-primary);}.ai-side-panel-body .analysis-box { max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; box-sizing: border-box;}.ai-side-panel-body .analysis-box.streaming { overflow-y: auto; max-height: calc(100vh - 300px); height: auto;}.ai-side-panel-body .analysis-box::-webkit-scrollbar { width: 6px;}.ai-side-panel-body .analysis-box::-webkit-scrollbar-track { background: var(--bg-secondary); border-radius: 3px;}.ai-side-panel-body .analysis-box::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 3px;}.ai-side-panel-body .analysis-box::-webkit-scrollbar-thumb:hover { background: var(--accent-primary);}.ai-side-panel-body::-webkit-scrollbar { width: 8px;}.ai-side-panel-body::-webkit-scrollbar-track { background: var(--bg-secondary);}.ai-side-panel-body::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px;}.ai-side-panel-body::-webkit-scrollbar-thumb:hover { background: var(--accent-primary);}body.ai-panel-open .arbi-scanner > .container { margin-right: 480px !important; transition: margin-right 0.3s ease;}@media (max-width: 1200px) { .ai-side-panel { width: 400px; max-width: 85vw; } body.ai-panel-open .arbi-scanner > .container { margin-right: 400px !important; }}.ai-side-panel,.ai-side-panel * { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;}.ai-side-panel .analysis-box { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.6; color: var(--text-primary); background: var(--bg-secondary); border-radius: 12px; padding: 20px; transition: all 0.2s ease;}#aiStreamingContent { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.6; color: var(--text-primary);}#aiStreamingContent h1 { font-family: 'Inter', sans-serif; font-size: 1.8em; font-weight: 700; letter-spacing: -0.02em; margin: 1.2em 0 0.6em 0; padding-bottom: 0.3em; border-bottom: 2px solid var(--accent-primary); background: linear-gradient(135deg, var(--text-primary), var(--accent-primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}#aiStreamingContent h2 { font-family: 'Inter', sans-serif; font-size: 1.4em; font-weight: 600; letter-spacing: -0.01em; margin: 1em 0 0.5em 0; padding-bottom: 0.2em; border-bottom: 1px solid var(--border-color); color: var(--text-primary);}#aiStreamingContent h3 { font-family: 'Inter', sans-serif; font-size: 1.2em; font-weight: 600; margin: 0.8em 0 0.4em 0; color: var(--accent-primary);}#aiStreamingContent h4 { font-family: 'Inter', sans-serif; font-size: 1.1em; font-weight: 600; margin: 0.6em 0 0.3em 0; color: var(--text-secondary);}#aiStreamingContent p { margin: 0.8em 0; line-height: 1.6;}#aiStreamingContent ul,#aiStreamingContent ol { padding-left: 1.5em; margin: 0.8em 0;}#aiStreamingContent li { margin: 0.4em 0; line-height: 1.5;}#aiStreamingContent li::marker { color: var(--accent-primary);}#aiStreamingContent pre { background: #1e1e2e; border-radius: 12px; padding: 1em; margin: 1em 0; overflow-x: auto; border: 1px solid var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}#aiStreamingContent code { font-family: 'JetBrains Mono', 'Fira Code', monospace; font-size: 0.85em; background: rgba(102, 126, 234, 0.15); padding: 0.2em 0.4em; border-radius: 6px; color: var(--accent-primary);}#aiStreamingContent pre code { background: transparent; padding: 0; color: #e4e4e7; font-size: 0.85em; line-height: 1.5;}#aiStreamingContent blockquote { border-left: 3px solid var(--accent-primary); margin: 1em 0; padding: 0.5em 1em; background: rgba(102, 126, 234, 0.05); border-radius: 0 8px 8px 0; font-style: italic; color: var(--text-secondary);}#aiStreamingContent table { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: 0.9em;}#aiStreamingContent th,#aiStreamingContent td { border: 1px solid var(--border-color); padding: 0.5em 0.75em; text-align: left;}#aiStreamingContent th { background: rgba(102, 126, 234, 0.1); font-weight: 600;}#aiStreamingContent strong { font-weight: 700; color: var(--accent-primary);}#aiStreamingContent em { font-style: italic; color: var(--text-secondary);}#aiStreamingContent a { color: var(--accent-primary); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.2s;}#aiStreamingContent a:hover { border-bottom-color: var(--accent-primary);}#aiStreamingContent hr { border: none; height: 1px; background: linear-gradient(90deg, transparent, var(--border-color), transparent); margin: 1.5em 0;}#aiStreamingContent .cursor { display: inline-block; width: 3px; height: 1.2em; background: var(--accent-primary); margin-left: 2px; animation: cursorBlink 1s infinite; vertical-align: middle; border-radius: 2px;}@keyframes cursorBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; }}#aiStreamingContent .risk-low { color: #2ecc71; font-weight: 600;}#aiStreamingContent .risk-moderate { color: #f39c12; font-weight: 600;}#aiStreamingContent .risk-high { color: #e74c3c; font-weight: 600;}#aiStreamingContent .risk-critical { color: #9b59b6; font-weight: 600;}.ai-side-panel .stream-status { font-family: 'Inter', sans-serif; font-size: 0.85em; font-weight: 500; padding: 10px 15px; border-radius: 10px; margin-bottom: 15px; display: flex; align-items: center; gap: 10px;}.ai-side-panel .stream-status i { font-size: 1.1em;}.ai-panel-btn,.prompt-toggle,.copy-btn { font-family: 'Inter', sans-serif; font-size: 0.75em; font-weight: 500; padding: 6px 12px; border-radius: 8px; transition: all 0.2s ease;}.ai-panel-btn { background: rgba(102, 126, 234, 0.15); border: 1px solid rgba(102, 126, 234, 0.3); color: #667eea;}.ai-panel-btn:hover { background: rgba(102, 126, 234, 0.25); transform: translateY(-1px);}.prompt-toggle { cursor: pointer; background: rgba(255, 165, 0, 0.1); border: 1px solid rgba(255, 165, 0, 0.3); color: #ffa500;}.prompt-toggle:hover { background: rgba(255, 165, 0, 0.2);}.copy-btn { background: rgba(46, 204, 113, 0.1); border: 1px solid rgba(46, 204, 113, 0.3); color: #2ecc71;}.copy-btn:hover { background: rgba(46, 204, 113, 0.2);}.prompt-box { font-family: 'JetBrains Mono', 'Fira Code', monospace; font-size: 11px; line-height: 1.5; background: #1a1a2e; border-radius: 10px; padding: 15px; margin: 12px 0; border-left: 3px solid #ff9800; overflow-x: auto; white-space: pre-wrap; word-break: break-word;}.ai-avatar-video { border-radius: 50%; border: 2px solid var(--accent-primary); box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3); transition: transform 0.3s ease;}.ai-avatar-wrapper:hover .ai-avatar-video { transform: scale(1.05);}#aiCacheStatus { font-family: 'Inter', monospace; font-size: 0.7em; padding: 4px 8px; background: rgba(0, 0, 0, 0.2); border-radius: 6px; letter-spacing: -0.2px;}@media (max-width: 768px) { .ai-side-panel .analysis-box { font-size: 12px; padding: 15px; } #aiStreamingContent { font-size: 12px; } #aiStreamingContent h1 { font-size: 1.4em; } #aiStreamingContent h2 { font-size: 1.2em; } #aiStreamingContent h3 { font-size: 1.1em; } .ai-panel-btn, .prompt-toggle, .copy-btn { font-size: 0.7em; padding: 5px 10px; } .prompt-box { font-size: 9px; padding: 12px; }}@media (max-width: 768px) { .ai-side-panel { width: 100%; max-width: 100vw; right: -100%; top: 60px; height: calc(100vh - 60px); } body.ai-panel-open .arbi-scanner > .container { margin-right: 0 !important; }}