@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0b0e14;--bg-panel:#151a22;--bg-panel-hover:#1c232e;--text-main:#e2e8f0;--text-muted:#94a3b8;--accent-blue:#3b82f6;--accent-gold:#f59e0b;--status-positive:#10b981;--status-negative:#ef4444;--status-neutral:#64748b;--impact-high:#dc2626;--impact-medium:#f59e0b;--impact-low:#3b82f6;--border-color:#ffffff0d;--glass-bg:#151a22b3}.theme-bloomberg{--bg-dark:#000;--bg-panel:#0e0e0e;--bg-panel-hover:#151515;--text-main:#e0e0e0;--text-muted:#888;--accent-blue:#0091ff;--accent-gold:ffc000;--status-positive:#0f0;--status-negative:red;--border-color:#222}.theme-institutional{--bg-dark:#0f172a;--bg-panel:#1e293b;--bg-panel-hover:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-blue:#38bdf8;--accent-gold:#facc15;--status-positive:#4ade80;--status-negative:#f87171;--border-color:#f8fafc1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}h1,h2,h3,h4{color:#fff;font-weight:600}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.top-navbar{background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.brand{color:var(--accent-gold);align-items:center;gap:12px;font-size:1.25rem;font-weight:700;display:flex}.main-content{flex:1;gap:16px;padding:16px;display:flex;overflow:hidden}.panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.panel-header{border-bottom:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:16px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:8px;font-size:1rem;display:flex}.panel-body{flex:1;padding:16px;overflow-y:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.badge{letter-spacing:.02em;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.badge.impact-high{color:var(--impact-high);background-color:#dc262633;border:1px solid #dc26264d}.badge.impact-medium{color:var(--impact-medium);background-color:#f59e0b33;border:1px solid #f59e0b4d}.badge.impact-low{color:var(--impact-low);background-color:#3b82f633;border:1px solid #3b82f64d}@keyframes pulseGlow{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 #dc262600}}.live-indicator{background-color:var(--status-negative);width:8px;height:8px;box-shadow:0 0 8px var(--status-negative);border-radius:50%;animation:2s infinite pulseGlow}.news-list{flex-direction:column;gap:12px;display:flex}.news-item{background-color:var(--bg-dark);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.news-item:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000004d}@keyframes highlightFlash{0%{background-color:#3b82f64d}to{background-color:var(--bg-dark)}}.news-item.new-arrival{animation:3s ease-out forwards highlightFlash}.news-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.8rem;display:flex}.news-source{align-items:center;gap:6px;font-weight:600;display:flex}.news-title{color:#fff;margin-bottom:8px;font-size:1.05rem;font-weight:600;line-height:1.4}.news-summary{color:var(--accent-gold);border-left:3px solid var(--accent-gold);background-color:#f59e0b1a;border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:.85rem;display:flex}.news-summary.POSITIVE{color:var(--status-positive);border-left-color:var(--status-positive);background-color:#10b9811a}.news-summary.NEGATIVE{color:var(--status-negative);border-left-color:var(--status-negative);background-color:#ef44441a}.text-positive{color:var(--status-positive)}.text-negative{color:var(--status-negative)}.text-neutral{color:var(--status-neutral)}.hover-brighten{cursor:pointer;transition:all .2s}.hover-brighten:hover{filter:brightness(1.2)contrast(1.1);transform:translateY(-1px)}.flex-row{align-items:center;gap:8px;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@media print{body{color:#000!important;background-color:#fff!important}.no-print,.top-navbar,.sidebar{display:none!important}.app-container{height:auto!important;display:block!important;overflow:visible!important}.print-container{box-shadow:none!important;width:100%!important;margin:0!important;padding:0!important}.print-container *{color:#000!important}}@media (width<=768px){ html,body,#root,.app-container{height:100% !important; overflow:visible !important;} .app-container > div:first-child { flex-direction: row !important; width: 100% !important; height: 60px !important; min-height: 60px !important; padding: 0 !important; justify-content: space-around !important; order: 2 !important; border-top: 1px solid var(--border-color) !important; background: var(--bg-dark) !important; position: fixed !important; bottom: 0 !important; left: 0 !important; } .app-container > div:nth-child(2) { height: calc(100% - 60px) !important; overflow-y: auto !important; } .dashboard-grid { grid-template-columns: 1fr !important; display: flex !important; flex-direction: column !important; padding: 10px !important; gap: 16px !important; } .dashboard-grid > div:first-child { grid-template-columns: 1fr !important; display: flex !important; flex-direction: column !important; width: 100% !important; gap: 16px !important; } .dashboard-grid > div:last-child { width: 100% !important; padding: 0 !important; order: 3 !important; } .flex-row { flex-wrap: wrap !important; } .app-container > div:nth-child(2) > div:first-child { flex-wrap: wrap !important; height: auto !important; padding: 10px !important; } .panel { min-height: 400px !important; } }