*{box-sizing:border-box}body{color:#d1d4dc;background:#131722;margin:0;font-family:Arial,sans-serif;overflow:hidden}.app{background:#131722;flex-direction:column;height:100vh;display:flex}.header{background:#1b1f2a;border-bottom:1px solid #2a2e39;flex-shrink:0;align-items:center;height:44px;padding:0 18px;display:flex}.logo{color:#fff;font-size:18px;font-weight:700}.logo span{color:#2196f3}.main{flex:1;min-height:0;display:flex;overflow:hidden}.panel{resize:horizontal;background:#131722;border-right:1px solid #2a2e39;width:330px;min-width:240px;max-width:520px;padding:10px;overflow:auto}.chart{background:#131722;border-right:1px solid #2a2e39;flex:1;min-width:420px;padding:10px;overflow:auto}.right{resize:horizontal;background:#131722;width:330px;min-width:240px;max-width:520px;padding:10px;overflow:auto}.box{background:#1b1f2a;border:1px solid #2a2e39;border-radius:5px;margin-bottom:10px;padding:14px}.stock-row{border-bottom:1px solid #2a2e39;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:14px;width:100%;padding:13px 0;font-size:14px;display:grid}.stock-symbol{color:#fff;white-space:nowrap;font-weight:600}.stock-price{color:#d1d4dc;white-space:nowrap}.stock-change{text-align:right;white-space:nowrap;font-weight:600}.green{color:#26a69a}.red{color:#ef5350}.news-item{border-bottom:1px solid #2a2e39;padding:10px 0}.news-time{color:#787b86;font-size:11px}.news-item p{margin:4px 0 0;font-size:13px;line-height:1.4}.status-bar{color:#787b86;white-space:nowrap;background:#1b1f2a;border-top:1px solid #2a2e39;flex-shrink:0;align-items:center;gap:20px;height:26px;padding:0 12px;font-size:11px;display:flex;overflow-x:auto}button:hover{opacity:.9;transition:all .2s}input:focus,button:focus{outline:none}input{font-size:13px}h2,h3{margin-top:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#131722}::-webkit-scrollbar-thumb{background:#2a2e39;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3a3f4b}@media (width<=900px){body{overflow:auto}.app{height:auto;min-height:100vh}.main{flex-direction:column;overflow:visible}.panel,.chart,.right{resize:none;border-bottom:1px solid #2a2e39;border-right:none;width:100%;min-width:0;max-width:none;overflow:visible}}.react-grid-item{transition:none!important}.react-grid-item.react-grid-placeholder{opacity:.25;background:#2196f3;border-radius:6px}.react-resizable-handle{opacity:.5}.toolbar-btn{color:#d1d4dc;cursor:pointer;white-space:nowrap;background:#131722;border:1px solid #2a2e39;border-radius:4px;height:34px;padding:0 12px;font-size:12px}.timeframe-btn{color:#d1d4dc;cursor:pointer;background:#131722;border:1px solid #2a2e39;border-radius:4px;width:42px;height:34px;padding:0;font-size:12px;font-weight:600}.timeframe-btn.active{color:#fff;background:#2196f3}