:root{--bg-color: #050505;--card-bg: rgba(18, 18, 18, .6);--card-border: rgba(255, 255, 255, .08);--inner-glow: inset 0 0 20px rgba(255, 255, 255, .02);--text-primary: #ffffff;--text-secondary: #888888;--accent-success: #00ff88;--accent-danger: #ff4d4d;--accent-blue: #00a2ff;--glass-blur: blur(12px)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,rgba(0,162,255,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(0,255,136,.05) 0px,transparent 50%);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{padding:40px;max-width:1600px;margin:0 auto}h1,h2,h3,h4{font-weight:700;letter-spacing:-.5px}.text-gradient{background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}.text-muted{color:var(--text-secondary)}.glass-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);box-shadow:0 8px 32px #0000004d,var(--inner-glow);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;margin-bottom:30px}.stat-value{font-size:2rem;font-weight:800;margin:8px 0;font-family:JetBrains Mono,monospace}.chart-section{grid-column:span 3}.trade-table-container{width:100%;overflow-x:auto;margin-top:15px}.trade-table{width:100%;border-collapse:collapse}.trade-table th{text-align:left;padding:12px 8px;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05);letter-spacing:1px}.trade-table td{padding:16px 8px;border-bottom:1px solid rgba(255,255,255,.03)}.trade-table tr{transition:background .2s}.trade-table tr:hover{background:#ffffff05}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all .4s ease}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar-content{position:fixed;top:0;right:0;width:480px;height:100vh;background:#0a0a0afa;border-left:1px solid rgba(255,255,255,.1);box-shadow:-20px 0 60px #000c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1001;padding:3.5rem 3rem;transform:translate(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);overflow-y:auto}.sidebar-content.open{transform:translate(0)}.strategy-section h4{color:var(--accent-success);font-size:.75rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;opacity:.8}.strategy-list li{margin-bottom:1.2rem;font-size:.9rem;color:#ccc;display:flex;gap:12px}.strategy-list li:before{content:"→";color:var(--accent-success);flex-shrink:0}.close-btn{background:transparent!important;border:none;color:#666;padding:10px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2rem;right:2rem;display:flex;align-items:center;justify-content:center;z-index:10}.close-btn:hover{background:#ffffff0d!important;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 20px #00ff8826;transform:scale(1.1)}.strategy-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:10px 18px;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.strategy-btn:hover{background:#ffffff1a;border-color:var(--accent-success);box-shadow:0 0 15px #0f83}.active-trade-card{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.5rem;margin-top:1rem;box-shadow:var(--inner-glow)}.trade-badge{padding:5px 12px;border-radius:8px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.trade-badge.long{background:#00ff881a;color:var(--accent-success);border:1px solid rgba(0,255,136,.2)}.trade-badge.short{background:#ff4d4d1a;color:var(--accent-danger);border:1px solid rgba(255,77,77,.3)}.progress-bar-bg{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;margin:10px 0}.progress-bar-fill{height:100%;background:var(--accent-blue);border-radius:4px;transition:width .5s ease}.progress-bar-fill.success{background:linear-gradient(90deg,#0cebeb,#20e3b2,#0f8);box-shadow:0 0 20px #0f86}.radar-container{position:relative;height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column}.pulse-dot{width:14px;height:14px;background:var(--accent-success);border-radius:50%;position:relative}.pulse-dot:before,.pulse-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:var(--accent-success);border-radius:50%;animation:radar-pulse 3s infinite;opacity:.5}.pulse-dot:after{animation-delay:1.5s}@keyframes radar-pulse{0%{width:14px;height:14px;opacity:.5}to{width:200px;height:200px;opacity:0}}