@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-app: #000000;--bg-panel: #121212;--bg-panel-hover: #1e1e1e;--border-dim: #333333;--border-bright: #555555;--text-primary: #e0e0e0;--text-secondary: #888888;--text-muted: #444444;--color-up: #00ff9d;--color-down: #ff0055;--color-warn: #fcee0a;--color-accent: #00f0ff;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--header-height: 60px;--sidebar-width: 60px}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);overflow:hidden;height:100vh}#root{height:100%}.terminal-app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr 30px;height:100vh;width:100vw;background:var(--bg-app)}.terminal-sidebar{grid-row:1 / -1;grid-column:1;background:var(--bg-panel);border-right:1px solid var(--border-dim);display:flex;flex-direction:column;align-items:center;padding-top:20px;gap:20px;z-index:10}.nav-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s}.nav-icon:hover,.nav-icon.active{background:var(--bg-panel-hover);color:var(--color-accent);border:1px solid var(--border-dim)}.terminal-header{grid-row:1;grid-column:2;background:var(--bg-app);border-bottom:1px solid var(--border-dim);display:flex;align-items:center;padding:0 20px;justify-content:space-between}.brand{font-family:var(--font-mono);font-weight:700;color:var(--color-accent);letter-spacing:-1px;font-size:18px}.brand span{color:var(--text-secondary)}.terminal-grid{grid-row:2;grid-column:2;padding:10px;display:grid;grid-template-columns:3fr 1fr;grid-template-rows:auto 1fr;gap:10px;overflow:hidden}.t-panel{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.t-panel-header{padding:8px 12px;background:var(--bg-panel-header);border-bottom:1px solid var(--border-dim);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.area-stats{grid-column:1 / -1;grid-row:1;display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.area-main{grid-column:1;grid-row:2}.area-side{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:10px}.t-stat-card{flex:1;background:var(--bg-panel);border:1px solid var(--border-dim);padding:8px;display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:60px}.t-stat-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--border-dim)}.t-stat-card.up:before{background:var(--color-up)}.t-stat-card.down:before{background:var(--color-down)}.t-stat-symbol{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.t-stat-price{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--text-primary);margin:2px 0}.t-stat-change{font-family:var(--font-mono);font-size:10px}.t-stat-change.up{color:var(--color-up)}.t-stat-change.down{color:var(--color-down)}.chat-box{display:flex;flex-direction:column;height:100%;background:var(--bg-panel)}.chat-header{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--border-dim);background:var(--bg-panel-header)}.chat-avatar{width:32px;height:32px;background:var(--bg-panel-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.chat-header-text h3{font-size:14px;color:var(--text-primary);font-weight:600}.chat-status{font-size:10px;color:var(--color-up)}.chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:15px}.message{display:flex;flex-direction:column;max-width:85%}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start}.message-content{padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.4}.message.user .message-content{background:var(--color-accent);color:#000;border-bottom-right-radius:2px}.message.assistant .message-content{background:var(--bg-panel-hover);color:var(--text-primary);border:1px solid var(--border-dim);border-bottom-left-radius:2px}.chat-input-container{display:flex;gap:10px;padding:15px;background:var(--bg-panel);border-top:1px solid var(--border-dim)}.chat-input{flex:1;background:var(--bg-app);border:1px solid var(--border-dim);color:var(--text-primary);padding:12px 16px;border-radius:6px;font-family:var(--font-ui);font-size:14px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--color-accent)}.chat-submit{background:var(--color-accent);color:#000;border:none;border-radius:6px;width:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.chat-submit:disabled{opacity:.5;cursor:not-allowed}.typing-indicator span{display:inline-block;width:6px;height:6px;background:var(--text-secondary);border-radius:50%;margin:0 2px;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.terminal-ticker{grid-row:3;grid-column:1 / -1;background:var(--color-accent);color:#000;font-family:var(--font-mono);font-size:12px;font-weight:700;display:flex;align-items:center;padding:0 10px;white-space:nowrap;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.mono{font-family:var(--font-mono)}.text-up{color:var(--color-up)}.text-down{color:var(--color-down)}.text-accent{color:var(--color-accent)}@media (max-width: 1024px){.terminal-app{display:block;height:auto;overflow-y:auto}.terminal-sidebar{display:none}.terminal-grid{display:flex;flex-direction:column}.area-stats{flex-wrap:wrap}.t-stat-card{min-width:45%}}
