*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0f1419;color:#e7e9ea;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:20px}header h1{font-size:2rem;background:linear-gradient(135deg,#00d4ff,#7b2cbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#71767b;font-size:.9rem}.status-bar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.status-item{padding:8px 16px;background:#1d2226;border-radius:20px;font-size:.85rem;font-weight:600}.status-item.active{background:#00ba7c;color:#fff}.status-item.paper{background:#f7931a;color:#fff}.status-item.live{background:#e74c3c;color:#fff}.status-item.pnl.positive{color:#00ba7c}.status-item.pnl.negative{color:#f4212e}.tabs{display:flex;gap:5px;margin-bottom:20px;border-bottom:1px solid #2f3336;padding-bottom:10px}.tabs a{flex:1;padding:12px;background:transparent;border:none;color:#71767b;font-size:1rem;cursor:pointer;border-radius:8px;transition:all .2s;text-decoration:none;text-align:center}.tabs a:hover{background:#1d2226;color:#e7e9ea}.tabs a.active{background:#1d9bf0;color:#fff}main{background:#16181c;border-radius:12px;padding:20px;min-height:400px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1d9bf0;color:#fff;padding:12px 24px;border-radius:8px;animation:fadeIn .3s}.loading{position:fixed;top:20px;right:20px;background:#1d2226;padding:8px 16px;border-radius:8px;font-size:.85rem}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.app{padding:12px}header h1{font-size:1.5rem}.subtitle{font-size:.85rem}.status-bar{gap:6px}.status-item{padding:6px 12px;font-size:.75rem}.status-item.pnl{width:100%;text-align:center;order:-1}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px;padding-bottom:8px}.tabs a{flex:0 0 auto;min-width:80px;padding:10px 12px;font-size:.85rem;min-height:44px}main{padding:12px;min-height:300px}.toast{bottom:60px;padding:10px 20px;font-size:.9rem;max-width:90%}}@media (max-width: 480px){.app{padding:8px}header h1{font-size:1.3rem}.tabs a{min-width:70px;padding:8px 10px;font-size:.8rem}main{padding:10px;border-radius:8px}}