:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-elevated: #222222;--text-primary: #ffffff;--text-secondary: #999999;--text-muted: #666666;--accent-orange: #ff6b00;--accent-orange-dim: #cc5500;--accent-blue: #0088ff;--accent-cyan: #00cccc;--positive: #00cc66;--negative: #ff4444;--warning: #ffaa00;--neutral: #888888;--border-color: #333333;--border-light: #444444;--font-mono: "JetBrains Mono", "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 2px;--radius-md: 4px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-mono);font-size:13px;line-height:1.5;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-title{display:flex;align-items:center;gap:var(--spacing-md)}.header-title h1{font-size:18px;font-weight:600;color:var(--accent-orange);letter-spacing:2px;text-transform:uppercase}.header-status{display:flex;align-items:center;gap:var(--spacing-lg)}.status-item{display:flex;align-items:center;gap:var(--spacing-sm)}.status-label{color:var(--text-muted);font-size:11px;text-transform:uppercase}.status-value{color:var(--text-primary);font-weight:500}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.running{background-color:var(--positive)}.status-indicator.paused{background-color:var(--warning)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main-content{display:grid;grid-template-columns:1fr 400px;gap:1px;background-color:var(--border-color)}.panel{background-color:var(--bg-secondary);display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.panel-title{font-size:11px;font-weight:600;color:var(--accent-orange);text-transform:uppercase;letter-spacing:1px}.panel-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.leaderboard{display:flex;flex-direction:column;gap:var(--spacing-sm)}.leaderboard-item{display:grid;grid-template-columns:30px 1fr 100px 80px;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid transparent;transition:all .15s ease}.leaderboard-item:hover{background-color:var(--bg-elevated)}.leaderboard-item.rank-1{border-left-color:gold}.leaderboard-item.rank-2{border-left-color:silver}.leaderboard-item.rank-3{border-left-color:#cd7f32}.rank{font-weight:600;color:var(--text-muted)}.rank-1 .rank{color:gold}.rank-2 .rank{color:silver}.rank-3 .rank{color:#cd7f32}.bot-name{font-weight:500}.bot-type{font-size:10px;color:var(--text-muted);text-transform:uppercase}.bot-value{text-align:right;font-weight:500}.bot-return{text-align:right;font-weight:600}.bot-return.positive{color:var(--positive)}.bot-return.negative{color:var(--negative)}.live-feed{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feed-item{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border-left:2px solid var(--border-light)}.feed-item.trade-buy{border-left-color:var(--positive)}.feed-item.trade-sell{border-left-color:var(--negative)}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.feed-bot{font-weight:500;color:var(--accent-cyan)}.feed-time{font-size:11px;color:var(--text-muted)}.feed-trade{display:flex;align-items:center;gap:var(--spacing-sm)}.trade-side{font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);font-size:11px}.trade-side.buy{background-color:#0c63;color:var(--positive)}.trade-side.sell{background-color:#f443;color:var(--negative)}.trade-shares{color:var(--text-primary)}.trade-symbol{font-weight:600;color:var(--accent-blue)}.trade-price{color:var(--text-secondary)}.feed-commentary{margin-top:var(--spacing-xs);font-size:12px;color:var(--text-secondary);font-style:italic}.bot-card{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.bot-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.bot-card-name{font-size:16px;font-weight:600}.bot-card-badge{font-size:10px;padding:2px 8px;border-radius:10px;text-transform:uppercase}.bot-card-badge.baseline{background-color:#08f3;color:var(--accent-blue)}.bot-card-badge.free_agent{background-color:#ff6b0033;color:var(--accent-orange)}.bot-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat{display:flex;flex-direction:column}.stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px}.stat-value{font-size:16px;font-weight:600}.stat-value.large{font-size:20px}.market-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-sm)}.market-status.open{border:1px solid var(--positive)}.market-status.closed{border:1px solid var(--negative)}.market-status-dot{width:6px;height:6px;border-radius:50%}.market-status.open .market-status-dot{background-color:var(--positive)}.market-status.closed .market-status-dot{background-color:var(--negative)}.connection-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:11px}.connection-status.connected{color:var(--positive)}.connection-status.disconnected{color:var(--negative)}.connection-status.connecting{color:var(--warning)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 1024px){.main-content{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}@media (max-width: 640px){.header{flex-direction:column;gap:var(--spacing-md)}.header-status{flex-wrap:wrap;justify-content:center}.leaderboard-item{grid-template-columns:24px 1fr 80px}.bot-return{display:none}}