body{background-color:#0f172a;color:#e2e8f0;font-family:Segoe UI,sans-serif;margin:0;padding:10px;font-size:14px}.card{background-color:#1e293b;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 4px 6px #0000004d;border:1px solid #334155}.header-card{background:linear-gradient(145deg,#1e293b,#0f172a);display:flex;flex-direction:column;gap:20px}.header-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #334155;padding-bottom:15px}.title-group{display:flex;align-items:center;gap:12px}h1{color:#60a5fa;margin:0;font-size:1.5rem}h2{color:#94a3b8;margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.badge{font-size:.75rem;padding:4px 10px;border-radius:20px;font-weight:600;display:flex;align-items:center;gap:6px;text-transform:uppercase}.badge-online{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-offline{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.pnl-badge{font-size:1.1rem;padding:1px 4px;border-radius:4px;font-weight:700;margin-left:5px}.bg-win{background:#22c55e33;color:#4ade80}.bg-loss{background:#ef444433;color:#f87171}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-box-m{text-align:start}.stat-box{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.stat-value{font-size:1.4rem;font-weight:700;font-family:Roboto Mono,monospace;color:#f1f5f9}.live-glow{color:#60a5fa;text-shadow:0 0 15px rgba(96,165,250,.2);font-size:1.6rem}.text-muted{color:#64748b;font-size:1.6rem}.currency{font-size:.6em;color:#64748b;margin-left:2px;font-weight:400}.win{color:#4ade80}.loss{color:#f87171}.buy{color:#4ade80;font-weight:800}.sell{color:#f87171;font-weight:800}.controls-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #334155;padding-top:15px}.control-label{font-size:.85rem;color:#64748b}.button-group,.time-selector{display:flex;background:#0f172a;padding:4px;border-radius:8px;border:1px solid #334155}.sim-btn,.time-selector button{background:transparent;color:#94a3b8;border:none;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.sim-btn:hover,.time-selector button:hover{color:#fff;background:#334155}.sim-btn.active,.time-selector button.active{background:#3b82f6;color:#fff}.icon-btn{background:none;border:none;color:#fff;border-radius:8px;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:20px}.icon-btn:hover{background:none;transform:rotate(180deg);transition:.3s;margin-left:20px}.chart-header,.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.page-info{font-size:.85rem;color:#64748b}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:12px 8px;border-bottom:1px solid #475569;color:#64748b;font-size:.75rem;text-transform:uppercase}td{padding:12px 8px;border-bottom:1px solid #334155}.empty-state{padding:40px;text-align:center;color:#64748b;font-style:italic}.pagination{display:flex;justify-content:center;gap:10px;margin-top:20px}.pagination button{padding:8px 16px;background:#334155;color:#fff;border:none;border-radius:6px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.stats-grid{grid-template-columns:1fr;gap:20px;text-align:center}.badge{font-size:.65rem;padding:5px 10px;border-radius:20px;font-weight:600;display:flex;align-items:center;gap:6px;text-transform:uppercase;width:120px}.stat-box-m{text-align:center}.header-top{flex-direction:row}.controls-bar{flex-direction:column;align-items:center;gap:5px}.desktop-only{display:none}.chart-header{flex-direction:column;align-items:flex-start}.time-selector{width:100%;justify-content:space-between;margin-top:5px}.time-selector button{flex:1;padding:6px 0}th,td{padding:10px 4px;font-size:.8rem}}body{background-color:#0f172a;color:#e2e8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px}.container{max-width:1000px;margin:0 auto}.card{background-color:#1e293b;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 6px -1px #00000080;border:1px solid #334155}h1,h2{color:#60a5fa;margin-top:0}.status-dot{height:10px;width:10px;background-color:#22c55e;border-radius:50%;display:inline-block;margin-right:8px}.offline{background-color:#ef4444}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px;border-bottom:1px solid #475569;color:#94a3b8}td{padding:10px;border-bottom:1px solid #334155}.win{color:#22c55e;font-weight:700}.loss{color:#ef4444;font-weight:700}.buy{color:#22c55e}.sell{color:#ef4444}