@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-color: #050508;--panel-bg: #0a0a0f;--panel-bg-elevated: #0e0e14;--panel-border: #1a1a24;--panel-border-hover: #2a2a3a;--text-main: #d4d4dc;--text-bright: #f0f0f5;--text-muted: #6b6b7b;--text-dim: #444454;--accent-amber: #e8a832;--accent-blue: #4a9eff;--accent-purple: #8b5cf6;--color-up: #00c176;--color-down: #ff4757;--color-up-soft: #00a868;--color-down-soft: #e63e4d;--color-up-bg: rgba(0, 193, 118, .08);--color-down-bg: rgba(255, 71, 87, .08);--color-up-bg-strong: rgba(0, 193, 118, .15);--color-down-bg-strong: rgba(255, 71, 87, .15);--font-mono: "JetBrains Mono", "Consolas", "Courier New", monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--shadow-panel: 0 1px 3px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .02);--shadow-glow-up: 0 0 12px rgba(0, 193, 118, .15);--shadow-glow-down: 0 0 12px rgba(255, 71, 87, .15)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);overflow:hidden;height:100vh;width:100vw;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}#root{height:100%;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a4a}.panel{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-panel);transition:border-color .2s ease}.panel:hover{border-color:var(--panel-border-hover)}.panel-header{background:linear-gradient(180deg,#141420,#0f0f18);padding:8px 14px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-amber);border-bottom:1px solid var(--panel-border);display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.panel-header:before{content:"";display:inline-block;width:3px;height:14px;background:var(--accent-amber);border-radius:2px;margin-right:10px;flex-shrink:0}.panel-content{flex:1;overflow-y:auto;padding:12px}@keyframes flashGreen{0%{background-color:var(--color-up-bg-strong)}to{background-color:transparent}}@keyframes flashRed{0%{background-color:var(--color-down-bg-strong)}to{background-color:transparent}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.flash-up{animation:flashGreen 1s ease-out;color:var(--color-up)}.flash-down{animation:flashRed 1s ease-out;color:var(--color-down)}.trade-row-enter{animation:fadeIn .3s ease-out}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-scroll-inner{display:flex;align-items:center;gap:32px;white-space:nowrap;animation:tickerScroll 60s linear infinite;will-change:transform}.ticker-scroll-inner:hover{animation-play-state:paused}.volume-bar-bid{position:absolute;right:0;top:0;bottom:0;background:linear-gradient(90deg,transparent,var(--color-up-bg-strong));pointer-events:none;transition:width .3s ease}.volume-bar-ask{position:absolute;right:0;top:0;bottom:0;background:linear-gradient(90deg,transparent,var(--color-down-bg-strong));pointer-events:none;transition:width .3s ease}.change-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.change-badge.up{background:var(--color-up-bg);color:var(--color-up)}.change-badge.down{background:var(--color-down-bg);color:var(--color-down)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.live{background:var(--color-up);box-shadow:0 0 6px var(--color-up);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.app-container{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-color);overflow:hidden}.top-nav{display:flex;align-items:center;gap:0;height:38px;flex-shrink:0;background:linear-gradient(180deg,#0e0e18,#0a0a12);border-bottom:1px solid #1a1a28;padding:0 8px}.nav-brand{font-family:var(--font-mono);font-size:.85rem;font-weight:800;color:var(--accent-amber);letter-spacing:.08em;margin-right:16px;padding:0 8px}.nav-tabs{display:flex;gap:2px;height:100%;align-items:stretch}.nav-tab{display:flex;align-items:center;gap:6px;padding:0 16px;background:transparent;border:none;color:#555;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent;text-transform:uppercase}.nav-tab:hover{color:#888;background:#ffffff05}.nav-tab.active{color:var(--accent-amber);border-bottom-color:var(--accent-amber);background:#e8a8320d}.nav-tab .tab-icon{font-size:.85rem}.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px}.nav-indicator{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim)}.ticker-area{flex-shrink:0;height:32px}.page-content{flex:1;display:flex;flex-direction:column;gap:4px;padding:4px;min-height:0;overflow:hidden}.terminal-main{flex:1;display:grid;grid-template-columns:240px 1fr 260px;gap:4px;min-height:0}.terminal-bottom{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;height:200px}.analysis-layout{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:4px;min-height:0}.analysis-top-bar{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;height:110px}.calendar-layout{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4px;min-height:0}.left-panel-area{display:flex;flex-direction:column;gap:4px;min-height:0}.chart-area{min-width:0}.right-panel-area{display:flex;flex-direction:column;gap:4px;min-height:0}.flex-1{flex:1;display:flex;flex-direction:column;min-height:0}