:root{color-scheme:dark;--font-display: "Audiowide", sans-serif;--font-mono: "Space Mono", "JetBrains Mono", monospace;--font-body: "Space Mono", monospace;--bg-dark: #020410;--bg-panel: rgba(10, 14, 28, .6);--bg-card: rgba(20, 24, 40, .4);--neon-blue: #00f3ff;--neon-purple: #bc13fe;--neon-green: #0aff68;--neon-red: #ff003c;--border-glow: 0 0 10px rgba(0, 243, 255, .2);--text-glow: 0 0 5px rgba(0, 243, 255, .5);--text-primary: #e0e0e0;--text-secondary: #8a8a8a;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body)}.live-dot{width:8px;height:8px;background:var(--neon-red);box-shadow:0 0 10px var(--neon-red);animation:pulse-red 1s infinite}@keyframes pulse-red{0%{opacity:1;transform:scale(1);box-shadow:0 0 5px var(--neon-red)}50%{opacity:.5;transform:scale(1.2);box-shadow:0 0 15px var(--neon-red)}to{opacity:1;transform:scale(1);box-shadow:0 0 5px var(--neon-red)}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,#020410,#0a0e1a,#1a1f35,#0a0e1a,#020410);background-size:400% 400%;animation:gradient-shift 15s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{position:relative;margin:0;min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background-image:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;animation:edge-pulse 8s ease-in-out infinite}@keyframes edge-pulse{0%{box-shadow:inset 0 0 120px #00f3ff26}50%{box-shadow:inset 0 0 200px #00f3ff4d}to{box-shadow:inset 0 0 120px #00f3ff26}}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding:24px clamp(16px,4vw,64px);gap:32px;max-width:1800px;margin:0 auto}.app-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:24px 32px;border:1px solid rgba(0,243,255,.2);border-top:1px solid rgba(0,243,255,.5);box-shadow:0 0 20px #00f3ff1a,inset 0 0 20px #00f3ff0d;background:#05050acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.brand{display:flex;flex-direction:column;gap:4px}.brand-badge{font-family:var(--font-display);font-size:42px;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#00f3ff,#bc13fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;filter:drop-shadow(0 0 10px rgba(0,243,255,.5))}.brand-subtitle{font-family:var(--font-display);font-size:11px;color:#00f3ff;letter-spacing:.15em;text-transform:uppercase;font-weight:600;text-shadow:0 0 5px rgba(0,243,255,.3)}.app-descriptor{font-size:10px;color:var(--text-secondary);margin:4px 0 0;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.header-meta{display:flex;align-items:center;gap:16px;white-space:normal;line-height:1.4;text-align:right;flex:1;justify-content:flex-end}.battle-badge{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#0aff681a;border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 10px #0aff6833}.active-dot{width:8px;height:8px;background:var(--neon-green);box-shadow:0 0 10px var(--neon-green);animation:pulse-green 1.5s infinite}@keyframes pulse-green{0%{opacity:1;transform:scale(1);box-shadow:0 0 5px var(--neon-green)}50%{opacity:.5;transform:scale(1.2);box-shadow:0 0 15px var(--neon-green)}to{opacity:1;transform:scale(1);box-shadow:0 0 5px var(--neon-green)}}.dashboard-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:32px;height:100%}.left-column{display:flex;flex-direction:column;gap:32px}.right-column{display:flex;flex-direction:column;gap:24px}.panel{background:var(--bg-panel);border:1px solid rgba(255,255,255,.1);padding:24px;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-top:2px solid rgba(0,243,255,.6);border-left:2px solid rgba(0,243,255,.6)}.panel:after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;border-bottom:2px solid rgba(0,243,255,.6);border-right:2px solid rgba(0,243,255,.6)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px;flex-wrap:wrap;gap:8px}.panel-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:12px}.panel-title svg{color:var(--neon-blue);filter:drop-shadow(0 0 5px var(--neon-blue))}.chart-container{height:450px;width:100%;background:#0003;border:1px solid rgba(255,255,255,.05)}.bot-list{display:flex;flex-direction:column;gap:20px}.bot-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);padding:20px;transition:all .2s ease;position:relative;overflow:hidden}.bot-card:hover{transform:translate(4px);border-color:#00f3ff66;box-shadow:inset 0 0 20px #00f3ff0d}.bot-card.active{border:1px solid rgba(0,243,255,.5);background:linear-gradient(90deg,#00f3ff14,#00f3ff00);box-shadow:0 0 15px #00f3ff0d,inset 4px 0 0 var(--neon-blue)}.bot-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.bot-info h3{margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:.05em}.bot-model{font-size:11px;color:var(--neon-purple);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;display:block}.bot-equity{font-family:var(--font-mono);font-size:24px;font-weight:700;text-align:right;text-shadow:0 0 10px currentColor}.bot-pnl{font-family:var(--font-mono);font-size:14px;text-align:right;margin-top:4px;font-weight:700}.pnl-positive{color:var(--neon-green);text-shadow:0 0 5px rgba(10,255,104,.5)}.pnl-negative{color:var(--neon-red);text-shadow:0 0 5px rgba(255,0,60,.5)}.output-console{font-family:var(--font-mono);font-size:12px;line-height:1.5;color:#a5b4fc;background:#0009;padding:16px;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--neon-purple);margin-top:16px;position:relative}.output-console:before{content:">_";position:absolute;top:-10px;left:10px;background:#050505;padding:0 6px;color:var(--neon-purple);font-weight:700;font-size:12px}.output-label{display:none}.trade-table{width:100%;border-collapse:separate;border-spacing:0 4px;font-family:var(--font-mono);font-size:13px}.trade-table th{text-align:left;padding:12px;color:var(--text-secondary);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.1)}.trade-table td{padding:12px;background:#ffffff05;color:var(--text-primary);border:none;transition:background .2s ease}.trade-table tr:hover td{background:#00f3ff1a;cursor:default}.trade-type{padding:4px 8px;font-size:11px;font-weight:700;text-transform:uppercase;border:1px solid currentColor;box-shadow:0 0 5px currentColor}.type-long{color:var(--neon-green);background:#0aff681a}.type-short{color:var(--neon-red);background:#ff003c1a}.status-badge{font-size:10px;padding:2px 8px;border:1px solid var(--text-secondary);color:var(--text-secondary);text-transform:uppercase}@media (max-width: 1024px){.dashboard-grid{display:flex;flex-direction:column;gap:32px}.left-column,.right-column{display:contents}.chart-panel{order:1}.bot-list{order:2}.trade-feed-panel{order:3;margin-top:16px}.chart-container{height:300px}}@media (max-width: 768px){.brand-badge{font-size:36px}}@media (max-width: 480px){.brand-badge{font-size:28px}.brand-subtitle{font-size:9px}.app-header{padding:16px 20px}}.powered-by{display:flex;align-items:center;justify-content:flex-end;gap:8px;opacity:.3;transition:all .3s ease;margin-top:auto;padding-top:32px;padding-bottom:16px}.powered-by:hover{opacity:.8}.powered-by span{font-family:var(--font-mono);font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.powered-by img{height:60px;width:auto;filter:grayscale(100%) brightness(150%)}.powered-by:hover img{filter:grayscale(50%) brightness(180%)}.loader-container{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.loader{display:flex;flex-direction:column;align-items:center;gap:24px}.loader-spinner{width:60px;height:60px;border:3px solid rgba(0,243,255,.1);border-top-color:var(--neon-blue);border-right-color:var(--neon-blue);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #00f3ff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{font-family:var(--font-mono);font-size:14px;color:var(--neon-blue);text-transform:uppercase;letter-spacing:.2em;animation:pulse-text 2s ease-in-out infinite;text-shadow:0 0 10px rgba(0,243,255,.5)}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.trade-feed-container{min-height:300px;max-height:600px;overflow-y:auto}.trade-feed-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;min-height:300px;width:100%}.trade-feed-error{display:flex;align-items:center;gap:16px;padding:24px;background:#ff003c0d;border:1px solid rgba(255,0,60,.2);border-radius:4px}.trade-feed-list{display:flex;flex-direction:column;gap:12px}.trade-feed-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:16px;transition:all .2s ease;font-family:var(--font-mono);font-size:13px}.trade-feed-item:hover{background:#00f3ff0d;border-color:#00f3ff33;box-shadow:0 0 10px #00f3ff1a}.trade-feed-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.trade-feed-bot-name{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.trade-feed-time{color:var(--text-secondary);font-size:11px}.trade-feed-item-body{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.trade-feed-market{font-weight:700;color:var(--text-primary);font-size:13px}.trade-feed-direction{padding:4px 8px;font-size:11px;font-weight:700;text-transform:uppercase;border:1px solid currentColor;box-shadow:0 0 5px currentColor;letter-spacing:.1em}.direction-long{color:var(--neon-green);background:#0aff681a}.direction-short{color:var(--neon-red);background:#ff003c1a}.trade-feed-liquidation{padding:4px 8px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--neon-red);background:#ff003c26;border:1px solid var(--neon-red);box-shadow:0 0 8px #ff003c4d;letter-spacing:.1em;animation:pulse-red 2s ease-in-out infinite}.trade-feed-liquidation-large{padding:8px 16px;font-size:14px;font-weight:900;text-transform:uppercase;color:var(--neon-red);background:#ff003c33;border:2px solid var(--neon-red);box-shadow:0 0 15px #ff003c80,inset 0 0 10px #ff003c1a;letter-spacing:.2em;animation:pulse-red 1.5s ease-in-out infinite;border-radius:4px}@keyframes pulse-red{0%,to{opacity:1;box-shadow:0 0 15px #ff003c80,inset 0 0 10px #ff003c1a}50%{opacity:.8;box-shadow:0 0 25px #ff003ccc,inset 0 0 15px #ff003c33}}.trade-feed-item-footer{display:flex;flex-wrap:wrap;gap:16px}.trade-feed-details{display:flex;flex-wrap:wrap;gap:16px;color:var(--text-secondary);font-size:11px}.trade-feed-details span{white-space:nowrap}.trade-feed-container::-webkit-scrollbar{width:6px}.trade-feed-container::-webkit-scrollbar-track{background:#0003}.trade-feed-container::-webkit-scrollbar-thumb{background:#00f3ff4d;border-radius:3px}.trade-feed-container::-webkit-scrollbar-thumb:hover{background:#00f3ff80}