@media (width>=768px){.chart_container{box-sizing:border-box;background-color:#fff;border-radius:20px;width:100%;padding:15px;overflow:hidden}}@media (width<=768px){.chart_container{box-sizing:border-box;background-color:#fff;width:100%;padding:15px;overflow:hidden}.hide_on_mobile_mode{display:none!important}}*{box-sizing:border-box;margin:0;padding:0}.mnswmc-items{font-weight:600}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.container{max-width:1400px;margin:0 auto}.header{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px;box-shadow:0 4px 6px #0000001a}.header h1{color:#333;margin-bottom:10px}.status{border-radius:20px;align-items:center;gap:8px;margin-bottom:5px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.status.connected{color:#155724;background:#d4edda}.status.disconnected{color:#721c24;background:#f8d7da}.status.loading{color:#856404;background:#fff3cd}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.status.connected .status-dot{background:#28a745}.status.disconnected .status-dot{background:#dc3545}.status.loading .status-dot{background:#ffc107}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.card{background:#fff;border-radius:10px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0000001a}.card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.card-header{border-bottom:2px solid #f0f0f0;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:15px;display:flex}.card-icon{background:#f8f9fa;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.card-title{flex:1}.card-title h3{color:#333;margin-bottom:4px;font-size:18px}.card-title .symbol{color:#666;font-size:12px}.tradable-badge{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.tradable-badge.yes{color:#155724;background:#d4edda}.tradable-badge.no{color:#383d41;background:#e2e3e5}.price-info{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px;display:grid}.price-item{background:#f8f9fa;border-radius:6px;padding:10px}.price-label{color:#666;text-transform:uppercase;margin-bottom:4px;font-size:11px}.price-value{color:#333;font-size:16px;font-weight:600}.current-price{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;grid-column:1/-1;margin-bottom:15px;padding:15px}.current-price .label{opacity:.9;margin-bottom:5px;font-size:12px}.current-price .value{font-size:24px;font-weight:700}.percentage{justify-content:center;align-items:center;padding:4px 10px;font-size:14px;font-weight:600;display:flex}.percentage.positive{color:#155724;background:#d4edda}.percentage.negative{color:#721c24;background:#f8d7da}.percentage.neutral{color:#383d41;background:#e2e3e5}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.no-data{text-align:center;color:#666;padding:40px}.price-table{border-collapse:collapse;width:100%}.price-table th,.price-table td{text-align:center;border:1px solid #ddd;padding:8px 12px;font-weight:700}.price-table th{background-color:#f4f4f4}.positive{color:green}.negative{color:red}.neutral{color:gray}.tradable.yes{color:#28a745}.tradable.no{color:#6c757d}#priceGrid{display:flex}.buy_button a{color:green}.buy_button{border:1px solid green}.sell_button{border:1px solid red}