.stats-page{color:#e4e7f0;background:linear-gradient(135deg,#0a0e1a 0%,#1a1f35 100%);flex-direction:column;height:100vh;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;display:flex;overflow:hidden}.stats-page *,.stats-page :before,.stats-page :after{box-sizing:border-box}.stats-page h1,.stats-page h2,.stats-page h3,.stats-page p{margin:0}.stats-topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3599;border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.stats-topbar-left{align-items:center;gap:48px;display:flex}.stats-brand{color:#60a5fa;align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.stats-nav{gap:8px;display:flex}.stats-nav-item{color:#9ca3af;border-radius:8px;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.stats-nav-item:hover{color:#e4e7f0;background:#ffffff0d}.stats-nav-item.active{color:#60a5fa;background:#60a5fa1a}.stats-topbar-right{align-items:center;gap:12px;display:flex}.stats-balance{border:1.5px solid;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;display:flex}.stats-balance.good{color:#34d399;background:#10b9811a;border-color:#10b9814d}.stats-balance.low{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}.stats-balance.critical{color:#f87171;background:#ef44441a;border-color:#ef444466}.stats-icon-btn{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex}.stats-icon-btn:hover{color:#e4e7f0;background:#ffffff1a;transform:translateY(-1px)}.stats-scroll{scrollbar-width:thin;scrollbar-color:#9ca3af59 #ffffff0d;flex:1;overflow-y:auto}.stats-scroll::-webkit-scrollbar{width:4px}.stats-scroll::-webkit-scrollbar-track{background:#ffffff0d}.stats-scroll::-webkit-scrollbar-thumb{background:#9ca3af59;border-radius:4px}.stats-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.stats-main{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;padding:40px;display:flex}@keyframes statsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes statsSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes statsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes statsPulse{0%,to{opacity:1}50%{opacity:.5}}.stats-spin{animation:1s linear infinite statsSpin;display:inline-flex}.stats-hero{background:linear-gradient(135deg,#3b82f61a 0%,#9333ea1a 100%);border:1px solid #60a5fa33;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;animation:.6s ease-out statsFadeIn;display:flex}.stats-hero h1{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:30px;font-weight:700}.stats-hero-sub{color:#9ca3af;font-size:15px}.stats-period{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;gap:4px;padding:5px;display:flex}.stats-period-tab{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.stats-period-tab:hover:not(.active){color:#e4e7f0;background:#ffffff0d}.stats-period-tab.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 12px #3b82f64d}.stats-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:20px;display:grid}.stats-content{flex-direction:column;gap:20px;min-width:0;display:flex}.stats-sidebar{background:#1a1f3599;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;max-height:calc(100vh - 160px);animation:.6s ease-out both statsSlideUp;display:flex;position:sticky;top:16px;overflow:hidden}.sb-header{border-bottom:1px solid #ffffff0d;padding:18px 16px 14px}.sb-section-label{letter-spacing:1px;text-transform:uppercase;color:#6b7280;margin-bottom:10px;font-size:10px;font-weight:700}.sb-all-btn{color:#9ca3af;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sb-all-btn:hover:not(.active){color:#e4e7f0;background:#ffffff14}.sb-all-btn.active{color:#60a5fa;background:#60a5fa1f;border-color:#60a5fa59}.sb-bots{scrollbar-width:thin;scrollbar-color:#9ca3af59 transparent;flex:1;padding:14px 12px;overflow-y:auto}.sb-bots::-webkit-scrollbar{width:4px}.sb-bots::-webkit-scrollbar-thumb{background:#9ca3af59;border-radius:4px}.bot-row{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;transition:all .2s;display:flex}.bot-row:hover:not(.active){background:#ffffff0a;border-color:#60a5fa33}.bot-row.active{background:#60a5fa1f;border-color:#60a5fa59}.bot-row-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.bot-row-dot.running{background:#10b981;animation:2s ease-in-out infinite statsPulse;box-shadow:0 0 8px #10b98199}.bot-row-dot.stopped{background:#6b7280}.bot-row-info{flex:1;min-width:0}.bot-row-name{color:#e4e7f0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.bot-row-sub{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.bot-row-pnl{flex-shrink:0;font-size:12px;font-weight:700}.sb-empty{text-align:center;color:#6b7280;padding:20px 12px;font-size:13px}.sb-footer{border-top:1px solid #ffffff0d;padding:14px 16px}.sb-footer-row{color:#9ca3af;align-items:center;gap:8px;font-size:12px;display:flex}.sb-status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 6px #10b98199}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.metric-card{background:#1a1f3599;border:1px solid #ffffff0d;border-radius:16px;padding:20px;transition:all .3s;animation:.6s ease-out both statsSlideUp}.metric-card:first-child{animation-delay:50ms}.metric-card:nth-child(2){animation-delay:.1s}.metric-card:nth-child(3){animation-delay:.15s}.metric-card:nth-child(4){animation-delay:.2s}.metric-card:hover{border-color:#60a5fa4d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.metric-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.metric-icon{color:#9ca3af;background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.metric-icon.green{color:#34d399;background:#10b98126}.metric-icon.red{color:#f87171;background:#ef444426}.metric-icon.blue{color:#60a5fa;background:#3b82f626}.metric-icon.amber{color:#fbbf24;background:#fbbf2426}.metric-label{color:#9ca3af;font-size:13px;font-weight:500}.metric-value{color:#e4e7f0;font-size:26px;font-weight:700;line-height:1.1}.metric-sub{color:#9ca3af;align-items:center;gap:5px;margin-top:8px;font-size:12px;display:flex}.metric-bar{background:#ffffff12;border-radius:3px;height:5px;margin-top:12px;overflow:hidden}.metric-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#34d399 100%);border-radius:3px;height:100%;transition:width .4s}.charts-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.stats-card{background:#1a1f3599;border:1px solid #ffffff0d;border-radius:16px;min-width:0;padding:24px;transition:border-color .3s;animation:.6s ease-out both statsSlideUp}.stats-card:hover{border-color:#60a5fa4d}.stats-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-label{color:#e4e7f0;font-size:16px;font-weight:600}.card-note{color:#9ca3af;font-size:12px;font-weight:500}.chart-wrap{height:220px;position:relative}.donut-row{align-items:center;gap:28px;height:220px;display:flex}.donut-canvas-wrap{flex-shrink:0;width:170px;height:170px;position:relative}.donut-legend{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.donut-legend-row{align-items:center;gap:10px;display:flex}.legend-square{border-radius:3px;flex-shrink:0;width:11px;height:11px}.legend-label{color:#9ca3af;font-size:13px}.legend-value{margin-left:auto;font-size:14px;font-weight:700}.donut-divider{border-top:1px solid #ffffff0f;align-items:center;gap:10px;margin-top:4px;padding-top:14px;display:flex}.donut-divider-label{color:#9ca3af;font-size:13px}.donut-divider-value{color:#e4e7f0;margin-left:auto;font-size:16px;font-weight:700}.table-scroll{scrollbar-width:thin;scrollbar-color:#9ca3af59 transparent;overflow-x:auto}.table-scroll::-webkit-scrollbar{height:4px}.table-scroll::-webkit-scrollbar-thumb{background:#9ca3af59;border-radius:4px}.trades-table{border-collapse:collapse;width:100%;min-width:720px}.trades-table th{text-align:left;letter-spacing:.7px;text-transform:uppercase;color:#6b7280;white-space:nowrap;padding:0 12px 12px;font-size:11px;font-weight:600}.trades-table td{color:#c7cde0;white-space:nowrap;border-top:1px solid #ffffff0d;padding:12px;font-size:13px}.trades-table tbody tr{transition:background .15s}.trades-table tbody tr:hover td{background:#60a5fa0d}.td-pair{color:#e4e7f0;font-weight:600}.td-muted{color:#6b7280}.dir-badge{border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.dir-badge.long{color:#34d399;background:#10b98126;border:1px solid #10b98140}.dir-badge.short{color:#f87171;background:#ef444426;border:1px solid #ef444440}.empty-trades{text-align:center;color:#9ca3af;padding:48px 20px;font-size:14px}.stats-state{color:#9ca3af;background:#1a1f3599;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:15px;display:flex}.stats-state.error{color:#fca5a5;background:#ef44440f;border-color:#ef444433}.stats-retry-btn{color:#60a5fa;cursor:pointer;background:0 0;border:none;margin-left:4px;font-family:inherit;font-size:14px;font-weight:600;transition:color .2s}.stats-retry-btn:hover{color:#93c5fd}.text-green{color:#34d399}.text-red{color:#f87171}.text-blue{color:#60a5fa}.text-white{color:#e4e7f0}.text-amber{color:#fbbf24}@media (max-width:1100px){.stats-layout{grid-template-columns:minmax(0,1fr)}.stats-sidebar{max-height:none;position:static}.sb-bots{max-height:260px}.charts-row{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.stats-topbar{flex-direction:column;gap:16px;padding:16px 20px}.stats-topbar-left{flex-direction:column;gap:16px;width:100%}.stats-topbar-right{justify-content:space-between;width:100%}.stats-main{gap:20px;padding:20px}.stats-hero{flex-direction:column;align-items:flex-start;padding:22px}.stats-hero h1{font-size:24px}.stats-period{width:100%}.stats-period-tab{flex:1}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stats-card{padding:18px}.donut-row{flex-direction:column;gap:20px;height:auto}.donut-legend{width:100%}}