.app{display:flex;flex-direction:column;height:100vh;background:#0b0e11}.app-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#18181b;border-bottom:1px solid #27272a;gap:16px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{font-size:24px}.logo h1{font-size:16px;font-weight:700;color:#e4e4e7;margin:0;white-space:nowrap}.header-center{flex:1;overflow:hidden;min-width:0}.header-info{display:flex;align-items:center;gap:12px;flex-shrink:0}.status-indicator{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 10px;border-radius:6px;background:#27272a;color:#a1a1aa}.status-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:pulse 2s infinite}.status-indicator.connected .status-dot{background:#10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes aipulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.trading-layout{display:grid;grid-template-columns:220px 1fr 300px;gap:1px;background:#27272a;flex:1;overflow:hidden}.trading-layout.with-ai{grid-template-columns:220px 1fr 300px 380px}.sidebar,.main-content,.right-sidebar,.ai-panel{background:#0b0e11;overflow-y:auto}.sidebar{border-right:1px solid #27272a}.right-sidebar{display:flex;flex-direction:column;gap:1px;background:#27272a;border-left:1px solid #27272a}.orderbook-section{flex:1;background:#0b0e11;overflow:hidden}.order-form-section{background:#0b0e11;min-height:350px}.main-content{display:flex;flex-direction:column;gap:1px;background:#27272a}.chart-section{flex:1;background:#0b0e11;min-height:350px}.lower-panels{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#27272a;min-height:220px}.panel{background:#0b0e11;overflow:hidden}.ai-panel{border-left:1px solid #1a1a2e;background:#0b0e11;display:flex;flex-direction:column;overflow:hidden}.ai-toggle-btn:hover{filter:brightness(1.2)}@media (max-width: 1400px){.trading-layout.with-ai{grid-template-columns:200px 1fr 280px 340px}}@media (max-width: 1200px){.trading-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.trading-layout.with-ai{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}.sidebar{grid-row:1}.main-content{grid-row:2}.right-sidebar{grid-row:3}.ai-panel{grid-row:4;max-height:400px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0e11;color:#e4e4e7;overflow:hidden}code{font-family:Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#18181b}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#52525b}