{"id":1842,"date":"2025-12-22T17:03:22","date_gmt":"2025-12-22T09:03:22","guid":{"rendered":"https:\/\/invescoe.com\/?page_id=1842"},"modified":"2026-05-11T14:13:05","modified_gmt":"2026-05-11T06:13:05","slug":"trading-dashboard","status":"publish","type":"page","link":"https:\/\/invescoe.com\/bn\/trading-dashboard\/","title":{"rendered":"Trading Dashboard"},"content":{"rendered":"
\n
\n
\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n
\n
\n
Sign in<\/span><\/a>GET STARTED <\/span><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n
\n
\n
Sign in<\/span><\/a>GET STARTED <\/span><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n
\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n
<\/p>\n
\n

\/* EVERYTHING scoped to #tcdash-embed to avoid breaking WP theme *\/
\n #tcdash-embed,
\n #tcdash-embed * { box-sizing: border-box; }<\/p>\n

#tcdash-embed {
\n margin: 0;
\n padding: 0;
\n font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif;
\n background: #0a0a0a;
\n color: #ffffff;
\n overflow-x: hidden;
\n width: 100%;
\n }<\/p>\n

#tcdash-embed .dashboard-wrapper {
\n position: relative;
\n width: 100%;
\n min-height: 100%;
\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%);
\n overflow: hidden;
\n border-radius: 12px;
\n }<\/p>\n

#tcdash-embed .world-map-bg {
\n position: absolute;
\n top: 50%;
\n left: 50%;
\n transform: translate(-50%, -50%);
\n width: 90%;
\n height: 80%;
\n opacity: 0.03;
\n background-image: url(“data:image\/svg+xml,%3Csvg xmlns=’http:\/\/www.w3.org\/2000\/svg’ viewBox=’0 0 1200 600’%3E%3Cpath fill=’%23ffffff’ d=’M200,150 L220,140 L240,145 L260,150 L280,155 L300,150 L320,160 L340,155 L360,165 L380,160 L400,170 L420,165 L440,175 L460,180 L480,175 L500,185 L520,180 L540,190 L560,185 L580,195 L600,190 L620,200 L640,195 L660,205 L680,210 L700,205 L720,215 L740,220 L760,215 L780,225 L800,220 L820,230 L840,225 L860,235 L880,240 L900,235 L920,245 L940,240 L960,250 L980,245 L1000,255 M150,200 L170,210 L190,205 L210,215 L230,220 L250,215 L270,225 L290,230 L310,225 L330,235 L350,240 L370,235 L390,245 L410,250 L430,245 L450,255 L470,260 L490,255 L510,265 L530,270 L550,265 L570,275 L590,280 L610,275 L630,285 L650,290 L670,285 L690,295 L710,300 L730,295 L750,305 L770,310 L790,305 L810,315 L830,320 L850,315 L870,325 L890,330 L910,325 L930,335 L950,340 L970,335 L990,345’\/%3E%3C\/svg%3E”);
\n background-size: contain;
\n background-repeat: no-repeat;
\n background-position: center;
\n pointer-events: none;
\n }<\/p>\n

#tcdash-embed .grid-overlay {
\n position: absolute;
\n top: 0;
\n left: 0;
\n width: 100%;
\n height: 100%;
\n background-image:
\n linear-gradient(rgba(212, 175, 55, 0.03) 1px, transparent 1px),
\n linear-gradient(90deg, rgba(212, 175, 55, 0.03) 1px, transparent 1px);
\n background-size: 50px 50px;
\n pointer-events: none;
\n }<\/p>\n

#tcdash-embed .content-container {
\n position: relative;
\n z-index: 2;
\n width: 100%;
\n padding: 3rem 2rem;
\n }<\/p>\n

#tcdash-embed .top-badges {
\n display: flex;
\n gap: 1rem;
\n justify-content: center;
\n flex-wrap: wrap;
\n margin-bottom: 2rem;
\n }<\/p>\n

#tcdash-embed .badge {
\n padding: 0.4rem 1rem;
\n background: rgba(212, 175, 55, 0.15);
\n border: 1px solid rgba(212, 175, 55, 0.4);
\n border-radius: 20px;
\n font-size: 0.75rem;
\n font-weight: 600;
\n text-transform: uppercase;
\n letter-spacing: 0.05em;
\n color: #d4af37;
\n display: flex;
\n align-items: center;
\n gap: 0.4rem;
\n }<\/p>\n

#tcdash-embed .badge-dot {
\n width: 6px;
\n height: 6px;
\n background: #d4af37;
\n border-radius: 50%;
\n animation: tcdash-pulse 2s ease-in-out infinite;
\n }<\/p>\n

@keyframes tcdash-pulse {
\n 0%, 100% { opacity: 1; transform: scale(1); }
\n 50% { opacity: 0.5; transform: scale(0.8); }
\n }<\/p>\n

@keyframes tcdash-fadeIn {
\n 0% { opacity: 0; transform: translateY(10px); }
\n 100% { opacity: 1; transform: translateY(0); }
\n }<\/p>\n

#tcdash-embed .hero-content {
\n text-align: center;
\n max-width: 1100px;
\n margin: 0 auto 3rem;
\n }<\/p>\n

#tcdash-embed .headline {
\n font-size: clamp(2rem, 5vw, 3.5rem);
\n font-weight: 800;
\n line-height: 1.2;
\n margin-bottom: 1.5rem;
\n background: linear-gradient(135deg, #ffffff 0%, #d4af37 100%);
\n -webkit-background-clip: text;
\n -webkit-text-fill-color: transparent;
\n background-clip: text;
\n }<\/p>\n

#tcdash-embed .subtext {
\n font-size: clamp(1rem, 2vw, 1.25rem);
\n font-weight: 400;
\n line-height: 1.6;
\n color: #b0b0b0;
\n margin-bottom: 0;
\n max-width: 800px;
\n margin-left: auto;
\n margin-right: auto;
\n }<\/p>\n

#tcdash-embed .dashboard-grid {
\n display: grid;
\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
\n gap: 1.5rem;
\n max-width: 1400px;
\n margin: 0 auto;
\n padding: 0 1rem;
\n }<\/p>\n

#tcdash-embed .dashboard-card {
\n background: rgba(20, 20, 20, 0.8);
\n border: 1px solid rgba(212, 175, 55, 0.2);
\n border-radius: 12px;
\n padding: 1.5rem;
\n backdrop-filter: blur(10px);
\n transition: all 0.3s ease;
\n }<\/p>\n

#tcdash-embed .dashboard-card:hover {
\n border-color: rgba(212, 175, 55, 0.5);
\n transform: translateY(-2px);
\n }<\/p>\n

#tcdash-embed .card-header {
\n display: flex;
\n align-items: center;
\n justify-content: space-between;
\n margin-bottom: 1rem;
\n gap: 1rem;
\n }<\/p>\n

#tcdash-embed .card-title {
\n font-size: 0.9rem;
\n font-weight: 600;
\n text-transform: uppercase;
\n letter-spacing: 0.05em;
\n color: #d4af37;
\n white-space: nowrap;
\n }<\/p>\n

#tcdash-embed .live-indicator {
\n display: flex;
\n align-items: center;
\n gap: 0.5rem;
\n font-size: 0.75rem;
\n color: #22c55e;
\n white-space: nowrap;
\n }<\/p>\n

#tcdash-embed .live-dot {
\n width: 8px;
\n height: 8px;
\n background: #22c55e;
\n border-radius: 50%;
\n animation: tcdash-pulse 2s ease-in-out infinite;
\n }<\/p>\n

#tcdash-embed .api-status {
\n display: inline-block;
\n padding: 0.3rem 0.8rem;
\n background: rgba(34, 197, 94, 0.15);
\n border: 1px solid rgba(34, 197, 94, 0.4);
\n border-radius: 12px;
\n font-size: 0.7rem;
\n font-weight: 600;
\n color: #22c55e;
\n margin-left: 0.5rem;
\n }<\/p>\n

#tcdash-embed .api-status.demo {
\n background: rgba(251, 191, 36, 0.15);
\n border-color: rgba(251, 191, 36, 0.4);
\n color: #fbbf24;
\n }<\/p>\n

#tcdash-embed .ticker-container {
\n grid-column: 1 \/ -1;
\n background: rgba(15, 15, 15, 0.95);
\n border: 1px solid rgba(212, 175, 55, 0.3);
\n border-radius: 12px;
\n padding: 1.5rem;
\n overflow: hidden;
\n }<\/p>\n

#tcdash-embed .ticker-items {
\n display: flex;
\n gap: 3rem;
\n animation: tcdash-scroll 30s linear infinite;
\n will-change: transform;
\n }<\/p>\n

@keyframes tcdash-scroll {
\n 0% { transform: translateX(0); }
\n 100% { transform: translateX(-50%); }
\n }<\/p>\n

#tcdash-embed .ticker-item {
\n display: flex;
\n flex-direction: column;
\n min-width: 150px;
\n }<\/p>\n

#tcdash-embed .ticker-symbol {
\n font-size: 1.1rem;
\n font-weight: 700;
\n margin-bottom: 0.3rem;
\n color: #ffffff;
\n }<\/p>\n

#tcdash-embed .ticker-price {
\n font-size: 1.4rem;
\n font-weight: 800;
\n margin-bottom: 0.2rem;
\n }<\/p>\n

#tcdash-embed .ticker-change {
\n font-size: 0.85rem;
\n font-weight: 600;
\n display: flex;
\n align-items: center;
\n gap: 0.3rem;
\n }<\/p>\n

#tcdash-embed .positive { color: #22c55e; }
\n #tcdash-embed .negative { color: #ef4444; }<\/p>\n

#tcdash-embed .news-ticker {
\n background: rgba(212, 175, 55, 0.1);
\n border: 1px solid rgba(212, 175, 55, 0.3);
\n border-radius: 8px;
\n padding: 1rem;
\n overflow: hidden;
\n margin-top: 1rem;
\n }<\/p>\n

#tcdash-embed .news-scroll {
\n display: flex;
\n gap: 2rem;
\n animation: tcdash-scroll 40s linear infinite;
\n will-change: transform;
\n }<\/p>\n

#tcdash-embed .news-item {
\n white-space: nowrap;
\n font-size: 0.9rem;
\n color: #e0e0e0;
\n display: flex;
\n align-items: center;
\n gap: 0.5rem;
\n }<\/p>\n

#tcdash-embed .news-bullet {
\n width: 4px;
\n height: 4px;
\n background: #d4af37;
\n border-radius: 50%;
\n }<\/p>\n

#tcdash-embed .sentiment-gauge { text-align: center; }<\/p>\n

#tcdash-embed .gauge-container {
\n position: relative;
\n width: 200px;
\n height: 100px;
\n margin: 1rem auto;
\n }<\/p>\n

#tcdash-embed .gauge-needle {
\n position: absolute;
\n bottom: 0;
\n left: 50%;
\n width: 3px;
\n height: 80px;
\n background: linear-gradient(to top, #d4af37, #f4d03f);
\n transform-origin: bottom center;
\n transform: translateX(-50%) rotate(-15deg);
\n transition: transform 1s ease;
\n border-radius: 2px;
\n }<\/p>\n

#tcdash-embed .gauge-labels {
\n display: flex;
\n justify-content: space-between;
\n margin-top: 0.5rem;
\n font-size: 0.85rem;
\n }<\/p>\n

#tcdash-embed .bearish-label { color: #ef4444; font-weight: 600; }
\n #tcdash-embed .bullish-label { color: #22c55e; font-weight: 600; }<\/p>\n

#tcdash-embed .sentiment-value {
\n font-size: 1.8rem;
\n font-weight: 800;
\n color: #22c55e;
\n margin-top: 1rem;
\n }<\/p>\n

#tcdash-embed .pair-selector { margin-bottom: 1rem; position: relative; }<\/p>\n

#tcdash-embed .selector-button {
\n width: 100%;
\n padding: 0.8rem 1rem;
\n background: rgba(212, 175, 55, 0.1);
\n border: 1px solid rgba(212, 175, 55, 0.3);
\n border-radius: 8px;
\n color: #ffffff;
\n font-size: 0.95rem;
\n font-weight: 600;
\n cursor: pointer;
\n display: flex;
\n justify-content: space-between;
\n align-items: center;
\n transition: all 0.3s ease;
\n gap: 1rem;
\n }<\/p>\n

#tcdash-embed .selector-button:hover {
\n background: rgba(212, 175, 55, 0.2);
\n border-color: rgba(212, 175, 55, 0.5);
\n }<\/p>\n

#tcdash-embed .arrow-icon { transition: transform 0.3s ease; flex: 0 0 auto; }
\n #tcdash-embed .arrow-icon.open { transform: rotate(180deg); }<\/p>\n

#tcdash-embed .dropdown-menu {
\n position: absolute;
\n top: calc(100% + 0.5rem);
\n left: 0;
\n right: 0;
\n background: rgba(20, 20, 20, 0.98);
\n border: 1px solid rgba(212, 175, 55, 0.3);
\n border-radius: 8px;
\n max-height: 300px;
\n overflow-y: auto;
\n z-index: 1000;
\n display: none;
\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
\n }<\/p>\n

#tcdash-embed .dropdown-menu.open { display: block; }<\/p>\n

#tcdash-embed .dropdown-item {
\n padding: 0.8rem 1rem;
\n color: #e0e0e0;
\n font-size: 0.9rem;
\n cursor: pointer;
\n transition: all 0.2s ease;
\n border-bottom: 1px solid rgba(212, 175, 55, 0.1);
\n }<\/p>\n

#tcdash-embed .dropdown-item:last-child { border-bottom: none; }
\n #tcdash-embed .dropdown-item:hover { background: rgba(212, 175, 55, 0.15); color: #ffffff; }
\n #tcdash-embed .dropdown-item.selected { background: rgba(212, 175, 55, 0.2); color: #d4af37; font-weight: 700; }<\/p>\n

#tcdash-embed .bull-bear-container {
\n display: flex;
\n justify-content: space-around;
\n align-items: center;
\n padding: 1rem 0;
\n }<\/p>\n

#tcdash-embed .direction-active { opacity: 1; transform: scale(1); }
\n #tcdash-embed .direction-inactive { opacity: 0.3; transform: scale(0.9); }<\/p>\n

#tcdash-embed .icon-svg { width: 80px; height: 80px; margin-bottom: 0.5rem; }
\n #tcdash-embed .icon-label { font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
\n #tcdash-embed .bull-label { color: #22c55e; }
\n #tcdash-embed .bear-label { color: #ef4444; }<\/p>\n

#tcdash-embed .chart-preview {
\n position: relative;
\n height: 120px;
\n display: flex;
\n align-items: flex-end;
\n justify-content: space-around;
\n padding: 1rem 0;
\n border-top: 1px solid rgba(212, 175, 55, 0.2);
\n margin-top: 1rem;
\n }<\/p>\n

#tcdash-embed .candlestick { width: 12px; display: flex; flex-direction: column; align-items: center; }
\n #tcdash-embed .wick { width: 2px; background: #666; }
\n #tcdash-embed .candle-body { width: 12px; border: 1px solid; }
\n #tcdash-embed .green-candle .candle-body { background: #22c55e; border-color: #22c55e; }
\n #tcdash-embed .red-candle .candle-body { background: #ef4444; border-color: #ef4444; }<\/p>\n

#tcdash-embed .news-section-wrapper { position: relative; margin-top: 1.5rem; }<\/p>\n

#tcdash-embed .news-grid {
\n display: grid;
\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
\n gap: 1.5rem;
\n transition: opacity 0.3s ease;
\n }<\/p>\n

#tcdash-embed .news-grid.transitioning { opacity: 0.5; }<\/p>\n

#tcdash-embed .news-card {
\n background: rgba(30, 30, 30, 0.6);
\n border: 1px solid rgba(212, 175, 55, 0.2);
\n border-radius: 10px;
\n padding: 1.25rem;
\n transition: all 0.3s ease;
\n cursor: pointer;
\n display: flex;
\n flex-direction: column;
\n gap: 0.75rem;
\n }<\/p>\n

#tcdash-embed .news-card:hover {
\n border-color: rgba(212, 175, 55, 0.5);
\n transform: translateY(-3px);
\n box-shadow: 0 4px 16px rgba(212, 175, 55, 0.1);
\n }<\/p>\n

#tcdash-embed .news-meta { display: flex; justify-content: space-between; align-items: center; font-size: 0.8rem; }
\n #tcdash-embed .news-source { color: #d4af37; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
\n #tcdash-embed .news-time { color: #888; }
\n #tcdash-embed .news-headline { font-size: 1.1rem; font-weight: 700; line-height: 1.4; color: #ffffff; margin: 0; }
\n #tcdash-embed .news-snippet { font-size: 0.9rem; line-height: 1.5; color: #b0b0b0; margin: 0; flex-grow: 1; }<\/p>\n

#tcdash-embed .news-sentiment {
\n display: inline-block;
\n padding: 0.4rem 0.9rem;
\n border-radius: 6px;
\n font-size: 0.8rem;
\n font-weight: 600;
\n text-transform: uppercase;
\n letter-spacing: 0.05em;
\n align-self: flex-start;
\n }<\/p>\n

#tcdash-embed .news-sentiment.positive {
\n background: rgba(34, 197, 94, 0.15);
\n border: 1px solid rgba(34, 197, 94, 0.4);
\n color: #22c55e;
\n }<\/p>\n

#tcdash-embed .news-sentiment.negative {
\n background: rgba(239, 68, 68, 0.15);
\n border: 1px solid rgba(239, 68, 68, 0.4);
\n color: #ef4444;
\n }<\/p>\n

#tcdash-embed .news-nav-buttons {
\n display: flex;
\n justify-content: center;
\n align-items: center;
\n gap: 1rem;
\n margin-top: 1.5rem;
\n }<\/p>\n

#tcdash-embed .news-nav-btn {
\n background: rgba(212, 175, 55, 0.15);
\n border: 1px solid rgba(212, 175, 55, 0.4);
\n color: #d4af37;
\n width: 45px;
\n height: 45px;
\n border-radius: 50%;
\n cursor: pointer;
\n display: flex;
\n align-items: center;
\n justify-content: center;
\n transition: all 0.3s ease;
\n font-size: 1.2rem;
\n font-weight: 700;
\n }<\/p>\n

#tcdash-embed .news-nav-btn:hover:not(:disabled) {
\n background: rgba(212, 175, 55, 0.3);
\n border-color: rgba(212, 175, 55, 0.6);
\n transform: scale(1.1);
\n }<\/p>\n

#tcdash-embed .news-nav-btn:disabled { opacity: 0.3; cursor: not-allowed; }
\n #tcdash-embed .news-page-indicator { font-size: 0.9rem; color: #b0b0b0; font-weight: 600; min-width: 80px; text-align: center; }<\/p>\n

#tcdash-embed .news-slider-container { width: 100%; max-width: 400px; margin: 1.5rem auto 0; padding: 0 1rem; }<\/p>\n

#tcdash-embed .news-slider {
\n width: 100%;
\n height: 8px;
\n -webkit-appearance: none;
\n appearance: none;
\n background: rgba(212, 175, 55, 0.2);
\n border-radius: 10px;
\n outline: none;
\n cursor: pointer;
\n }<\/p>\n

#tcdash-embed .news-slider::-webkit-slider-thumb {
\n -webkit-appearance: none;
\n appearance: none;
\n width: 24px;
\n height: 24px;
\n background: linear-gradient(135deg, #d4af37 0%, #f4d03f 100%);
\n border-radius: 50%;
\n cursor: pointer;
\n box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
\n }<\/p>\n

#tcdash-embed .news-slider::-moz-range-thumb {
\n width: 24px;
\n height: 24px;
\n background: linear-gradient(135deg, #d4af37 0%, #f4d03f 100%);
\n border-radius: 50%;
\n border: none;
\n cursor: pointer;
\n box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
\n }<\/p>\n

#tcdash-embed .news-modal-overlay {
\n position: fixed;
\n top: 0;
\n left: 0;
\n width: 100%;
\n height: 100%;
\n background: rgba(0, 0, 0, 0.85);
\n display: none;
\n align-items: center;
\n justify-content: center;
\n z-index: 9999;
\n padding: 2rem;
\n backdrop-filter: blur(5px);
\n }<\/p>\n

#tcdash-embed .news-modal-overlay.open { display: flex; }<\/p>\n

#tcdash-embed .news-modal-content {
\n background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
\n border: 2px solid rgba(212, 175, 55, 0.4);
\n border-radius: 16px;
\n max-width: 700px;
\n width: 100%;
\n max-height: 85%;
\n overflow-y: auto;
\n padding: 2.5rem;
\n position: relative;
\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
\n animation: tcdash-modalSlideIn 0.3s ease;
\n }<\/p>\n

@keyframes tcdash-modalSlideIn {
\n 0% { opacity: 0; transform: translateY(-30px); }
\n 100% { opacity: 1; transform: translateY(0); }
\n }<\/p>\n

#tcdash-embed .news-modal-close {
\n position: absolute;
\n top: 1.5rem;
\n right: 1.5rem;
\n background: rgba(212, 175, 55, 0.15);
\n border: 1px solid rgba(212, 175, 55, 0.4);
\n color: #d4af37;
\n width: 40px;
\n height: 40px;
\n border-radius: 50%;
\n cursor: pointer;
\n display: flex;
\n align-items: center;
\n justify-content: center;
\n font-size: 1.5rem;
\n font-weight: 700;
\n transition: all 0.3s ease;
\n }<\/p>\n

#tcdash-embed .news-modal-header {
\n display: flex;
\n justify-content: space-between;
\n align-items: center;
\n margin-bottom: 1.5rem;
\n padding-right: 3rem;
\n gap: 1rem;
\n }<\/p>\n

#tcdash-embed .news-modal-source {
\n color: #d4af37;
\n font-weight: 700;
\n text-transform: uppercase;
\n letter-spacing: 0.05em;
\n font-size: 0.9rem;
\n }<\/p>\n

#tcdash-embed .news-modal-time { color: #888; font-size: 0.85rem; }<\/p>\n

#tcdash-embed .news-modal-headline {
\n font-size: 1.8rem;
\n font-weight: 800;
\n line-height: 1.3;
\n color: #ffffff;
\n margin-bottom: 1.5rem;
\n }<\/p>\n

#tcdash-embed .news-modal-sentiment {
\n display: inline-block;
\n padding: 0.5rem 1.2rem;
\n border-radius: 8px;
\n font-size: 0.85rem;
\n font-weight: 700;
\n text-transform: uppercase;
\n letter-spacing: 0.05em;
\n margin-bottom: 1.5rem;
\n }<\/p>\n

#tcdash-embed .news-modal-sentiment.positive {
\n background: rgba(34, 197, 94, 0.2);
\n border: 1px solid rgba(34, 197, 94, 0.5);
\n color: #22c55e;
\n }<\/p>\n

#tcdash-embed .news-modal-sentiment.negative {
\n background: rgba(239, 68, 68, 0.2);
\n border: 1px solid rgba(239, 68, 68, 0.5);
\n color: #ef4444;
\n }<\/p>\n

#tcdash-embed .news-modal-body { font-size: 1.05rem; line-height: 1.8; color: #d0d0d0; margin-bottom: 2rem; }
\n #tcdash-embed .news-modal-tags { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1.5rem; }
\n #tcdash-embed .news-tag { padding: 0.4rem 0.9rem; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.3); border-radius: 20px; font-size: 0.8rem; font-weight: 600; color: #d4af37; }<\/p>\n

#tcdash-embed .news-modal-footer {
\n padding-top: 1.5rem;
\n border-top: 1px solid rgba(212, 175, 55, 0.2);
\n font-size: 0.85rem;
\n color: #888;
\n font-style: italic;
\n }<\/p>\n

@media (max-width: 768px) {
\n #tcdash-embed .content-container { padding: 2rem 1rem; }
\n #tcdash-embed .dashboard-grid { grid-template-columns: 1fr; }
\n #tcdash-embed .ticker-container { grid-column: 1; }
\n #tcdash-embed .gauge-container { width: 150px; height: 75px; }
\n #tcdash-embed .gauge-needle { height: 60px; }
\n #tcdash-embed .news-grid { grid-template-columns: 1fr; }
\n }<\/p>\n

\n
<\/div>\n
<\/div>\n

<\/p>\n

\n
\n