*{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:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;min-height:100vh}#app{min-height:100vh}.app-container{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);padding:2rem 3rem;box-shadow:0 4px 6px #0000004d}.header h1{font-size:2rem;margin-bottom:1.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header-stats{display:flex;gap:3rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.875rem;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;font-weight:700;color:#fff}.stat-value.positive{color:#10b981}.stat-value.negative{color:#ef4444}.main-content{flex:1;display:grid;grid-template-columns:300px 1fr 350px;gap:1.5rem;padding:1.5rem;overflow:hidden}.panel{background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px #0003;border:1px solid rgba(148,163,184,.1)}.panel h2{font-size:1.25rem;margin-bottom:1.5rem;color:#f1f5f9;border-bottom:2px solid #3b82f6;padding-bottom:.75rem}.sidebar{overflow-y:auto;max-height:calc(100vh - 200px)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0f172a4d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.strategy-list{display:flex;flex-direction:column;gap:1rem}.strategy-item{background:#0f172a99;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.strategy-item:hover{background:#0f172ae6;border-color:#3b82f6;transform:translate(4px)}.strategy-item.active{background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d}.strategy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.strategy-name{font-weight:600;color:#f1f5f9;font-size:.95rem}.status-badge{font-size:.75rem;padding:.25rem .75rem;border-radius:12px;font-weight:500}.status-badge.running{background:#10b98133;color:#10b981;border:1px solid #10b981}.status-badge.stopped{background:#9ca3af33;color:#9ca3af;border:1px solid #9ca3af}.strategy-stats{display:flex;justify-content:space-between;gap:1rem}.mini-stat{display:flex;gap:.5rem;font-size:.85rem;color:#94a3b8}.mini-stat span:last-child{font-weight:600}.market-list{display:flex;flex-direction:column;gap:.75rem}.market-item{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.75rem;background:#0f172a99;border-radius:6px;align-items:center}.market-symbol{font-weight:600;color:#f1f5f9;font-size:.9rem}.market-price{color:#cbd5e1;font-size:.9rem;text-align:center}.market-change{font-weight:600;font-size:.9rem;text-align:right}.main-panel{overflow-y:auto;max-height:calc(100vh - 200px)}.main-panel::-webkit-scrollbar{width:6px}.main-panel::-webkit-scrollbar-track{background:#0f172a4d;border-radius:3px}.main-panel::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.trade-list{overflow-x:auto}.trade-list table{width:100%;border-collapse:collapse}.trade-list th{text-align:left;padding:.75rem;background:#0f172acc;color:#cbd5e1;font-size:.875rem;font-weight:600;border-bottom:2px solid #3b82f6}.trade-list td{padding:.75rem;border-bottom:1px solid rgba(148,163,184,.1);font-size:.875rem;color:#e2e8f0}.trade-list tbody tr:hover{background:#0f172a99}.trade-direction{padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600}.trade-direction.buy{background:#10b98133;color:#10b981}.trade-direction.sell{background:#ef444433;color:#ef4444}.right-panel{overflow-y:auto;max-height:calc(100vh - 200px)}.right-panel::-webkit-scrollbar{width:6px}.right-panel::-webkit-scrollbar-track{background:#0f172a4d;border-radius:3px}.right-panel::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.strategy-detail{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0f172a99;border-radius:6px}.detail-item label{color:#94a3b8;font-size:.875rem}.detail-item span{font-weight:600;color:#f1f5f9;font-size:.9rem}.no-selection{text-align:center;padding:2rem;color:#64748b;font-style:italic}.risk-indicators{display:flex;flex-direction:column;gap:1.5rem}.indicator-item{display:flex;flex-direction:column;gap:.5rem}.indicator-label{color:#94a3b8;font-size:.875rem;font-weight:500}.indicator-value{color:#f1f5f9;font-size:1.125rem;font-weight:600}.indicator-bar{height:8px;background:#0f172acc;border-radius:4px;overflow:hidden}.indicator-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease}.indicator-fill.negative{background:linear-gradient(90deg,#ef4444,#dc2626)}.positive{color:#10b981}.negative{color:#ef4444}@media (max-width: 1400px){.main-content{grid-template-columns:280px 1fr 320px}}@media (max-width: 1200px){.main-content{grid-template-columns:1fr}.sidebar,.right-panel{max-height:none}}@media (max-width: 768px){.header{padding:1.5rem}.header h1{font-size:1.5rem}.header-stats{flex-direction:column;gap:1rem}.main-content{padding:1rem}}.chart-container[data-v-bd5d7eb5]{height:300px;padding:20px}.chart-container[data-v-096bada2]{height:280px;padding:20px;display:flex;align-items:center;justify-content:center}