@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Syne:wght@700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg: hsl(222, 25%, 2%);--bg-secondary: hsl(222, 25%, 4%);--bg-card: hsla(222, 25%, 8%, .7);--border: hsl(222, 15%, 15%);--border-bright: hsl(222, 15%, 25%);--text-primary: hsl(0, 0%, 100%);--text-secondary: hsl(215, 20%, 75%);--text-muted: hsl(215, 12%, 50%);--accent: hsl(199, 100%, 50%);--accent-glow: hsla(199, 100%, 50%, .15);--purple: hsl(270, 100%, 65%);--green: hsl(145, 100%, 50%);--red: hsl(355, 100%, 60%);--yellow: hsl(45, 100%, 55%);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--transition: all .4s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text-primary);font-family:Outfit,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border)}.app-container{display:flex;flex-direction:column;height:100vh}.top-nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);z-index:50}.logo-group{display:flex;align-items:center;gap:16px}.logo-icon-bg{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.logo-text{font-family:Syne;font-size:1.4rem;font-weight:800;letter-spacing:.1em}.nav-controls{display:flex;gap:16px}.price-pill{padding:8px 20px;border-radius:40px;display:flex;gap:12px;align-items:center}.price-pill .label{font-size:.7rem;font-weight:800;color:var(--text-muted)}.price-pill .value{font-family:JetBrains Mono;font-weight:700;color:var(--accent)}.status-pill{padding:8px 20px;border-radius:40px;background:#1d223080;border:1px solid var(--border);font-size:.65rem;font-weight:900;letter-spacing:.15em;display:flex;align-items:center;gap:10px}.status-pill.online{color:var(--green);border-color:#00ff6a4d}.status-pill.offline{color:var(--red);border-color:#ff33444d}.pulse-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.main-layout{display:flex;flex:1;overflow:hidden}.sidebar{width:300px;display:flex;flex-direction:column;justify-content:space-between}.nav-group{padding:32px 16px}.sidebar-item{width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-weight:600;font-size:.95rem;margin-bottom:4px}.sidebar-item:hover{background:#262e4066;color:#fff}.sidebar-item.active{background:var(--accent);color:#000;box-shadow:0 4px 20px #00aeff4d}.performance-card{padding:20px;border-radius:var(--radius-md)}.mini-stat{display:flex;flex-direction:column}.mini-stat .label{font-size:.6rem;text-transform:uppercase;color:var(--text-muted);font-weight:800;letter-spacing:.05em}.mini-stat .value{font-size:1.4rem;font-weight:800;font-family:JetBrains Mono}.content-area{flex:1;padding:48px;overflow-y:auto;background:radial-gradient(circle at top right,hsla(199,100%,50%,.03),transparent 40%)}.pane{max-width:1200px;margin:0 auto;height:100%}.hero-card{padding:60px;border-radius:var(--radius-lg);position:relative;overflow:hidden;border:1px solid var(--border)}.hero-card.trade{background:linear-gradient(135deg,hsla(145,100%,45%,.1) 0%,transparent 100%);border-color:var(--green)}.hero-card.flat{background:linear-gradient(135deg,hsla(222,25%,15%,.2) 0%,transparent 100%)}.hero-inner{display:flex;justify-content:space-between;align-items:flex-end}.hero-tag{font-size:.75rem;font-weight:900;letter-spacing:.3em;color:var(--accent);margin-bottom:12px}.hero-card h1{font-family:Syne;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.9;margin-bottom:20px}.hero-desc{font-size:1.2rem;color:var(--text-secondary);max-width:600px;line-height:1.6}.hero-metrics{display:grid;grid-template-columns:auto auto;column-gap:80px;row-gap:4px}.hero-metrics .label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;font-weight:700;letter-spacing:.15em;grid-row:1}.hero-metrics .value{font-size:3.2rem;font-weight:800;font-family:JetBrains Mono;letter-spacing:-.05em;line-height:1;grid-row:2}.stat-card{padding:24px;border-radius:var(--radius-md);display:flex;align-items:center;gap:20px}.icon-bg{width:56px;height:56px;border-radius:16px;background:#262e4080;display:flex;align-items:center;justify-content:center}.stat-card .label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.stat-card .value{font-size:1.25rem;font-weight:700}.pos-card{padding:32px;border-radius:var(--radius-lg);border-left:4px solid var(--accent)}.pos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pos-indicator{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}.pos-pnl{font-size:2.5rem;font-weight:800;font-family:JetBrains Mono}.pos-body{display:flex;gap:60px}.pos-data .label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.pos-data .value{font-size:1.8rem;font-weight:700;font-family:JetBrains Mono}.chart-frame{height:100%;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden}.chart-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#13172080}.chart-container{flex:1;padding:20px;position:relative}.intel-card{padding:28px;border-radius:var(--radius-lg)}.intel-card h4{font-size:1.1rem;margin-bottom:6px}.intel-card p{font-size:.8rem;color:var(--text-muted)}.circular-progress{width:56px;height:56px;border-radius:50%;border:3px solid var(--border);position:relative;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono;font-size:.8rem;font-weight:800;background:radial-gradient(closest-side,transparent 80%,var(--col) 0%)}.table-card{border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:16px 24px;font-size:.7rem;font-weight:800;color:var(--text-muted);letter-spacing:.2em;border-bottom:1px solid var(--border)}.pro-table{width:100%;border-collapse:collapse}.pro-table th{text-align:left;padding:16px 24px;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border)}.pro-table td{padding:16px 24px;font-size:.95rem;border-bottom:1px solid var(--border)}.status-badge{font-size:.6rem;font-weight:800;padding:4px 10px;background:#00ff6a1a;color:var(--green);border-radius:4px;border:1px solid hsla(145,100%,50%,.2)}.strategy-tag{font-size:.65rem;font-weight:800;padding:4px 10px;background:var(--border);border-radius:4px;color:var(--text-secondary)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000}.loading-spinner{width:60px;height:60px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin-bottom:32px}.loading-text{font-family:Syne;font-size:1.4rem;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-purple{color:var(--purple)}.text-yellow{color:var(--yellow)}.text-muted{color:var(--text-muted)}.font-mono{font-family:JetBrains Mono,monospace}.font-bold{font-weight:700}.tracking-widest{letter-spacing:.15em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.auth-card{width:100%;max-width:420px;padding:60px 40px;border-radius:var(--radius-lg);text-align:center}.logo-icon-bg{width:84px;height:84px;display:flex;align-items:center;justify-content:center}.logo-icon-large{width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin:0 auto 32px}.logo-img-large,.logo-img-small{width:100%;height:100%;object-fit:contain}.auth-card h2{font-family:Syne;font-size:1.8rem;letter-spacing:.1em;margin-bottom:8px}.auth-form{display:flex;flex-direction:column;gap:16px;margin-top:32px}.auth-form input{width:100%;background:#1d223080;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px;color:#fff;font-family:JetBrains Mono;font-size:.9rem;transition:var(--transition)}.auth-form input:focus{outline:none;border-color:var(--accent);background:#262e4080}.auth-btn{width:100%;padding:16px;border-radius:var(--radius-md);border:none;background:var(--accent);color:#000;font-weight:800;cursor:pointer;transition:var(--transition);margin-top:12px;font-size:.9rem;letter-spacing:.1em}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--accent-glow)}.auth-toggle{background:none;border:none;color:var(--text-muted);font-size:.7rem;font-weight:800;letter-spacing:.1em;cursor:pointer;margin-top:32px;text-transform:uppercase}.auth-toggle:hover{color:var(--accent)}.error-msg{color:var(--red);font-size:.8rem;font-weight:600;margin-top:8px}.pro-input{width:100%;background:#0b0e1399;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px;color:#fff;font-family:JetBrains Mono;font-size:.9rem;transition:var(--transition);box-shadow:inset 0 2px 4px #0000004d}.pro-input:focus{outline:none;border-color:var(--accent);background:#131720cc;box-shadow:0 0 20px var(--accent-glow),inset 0 2px 4px #0000004d}.glass-card{background:#171c2666;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition)}.glass-card:hover{border-color:var(--border-bright);background:#1d223080}.glass-toggle-group{display:flex;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:4px;border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.08);gap:4px}.glass-toggle-btn{flex:1;padding:10px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:.65rem;font-weight:800;border-radius:10px;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.1em}.glass-toggle-btn:hover{color:#fff;background:#ffffff05}.glass-toggle-btn.active-demo{background:#00aeff1a;color:var(--accent);border-color:#00aeff33;box-shadow:0 0 20px #00aeff1a}.glass-toggle-btn.active-live{background:#ff95001a;color:#f97316;border-color:#ff950033;box-shadow:0 0 20px #ff95001a}.trash-btn{padding:10px;background:#ff33440d;border:1px solid hsla(355,100%,60%,.1);border-radius:12px;color:#ff334480;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.trash-btn:hover{background:#ff334426;border-color:#ff33444d;color:var(--red);transform:scale(1.05)}.key-item.glass{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-bottom:12px;border-radius:var(--radius-md)}.logo-img-large{width:100%;height:100%;object-fit:contain;padding:18px}.logo-img-small{width:100%;height:100%;object-fit:contain;padding:8px}.pro-table tr{transition:var(--transition)}.pro-table tr:hover{background:#ffffff08}.pro-table td{vertical-align:middle}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pro-table .status-badge{display:inline-block;min-width:60px;text-align:center}@media (max-width: 768px){body{overflow:hidden!important;touch-action:none!important;-webkit-user-select:text!important;user-select:text!important}.app-container{height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.top-nav{height:60px!important;padding:0 16px!important}.logo-text{font-size:1.1rem!important}.price-pill,.status-pill{padding:6px 12px!important;font-size:.6rem!important}.main-layout{flex-direction:column!important;height:calc(100vh - 120px)!important;overflow:hidden!important}.sidebar{display:none!important}.content-area{padding:12px!important;overflow-y:auto!important;height:100%!important;-webkit-overflow-scrolling:touch!important}.hero-card{padding:20px!important}.hero-inner{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.hero-metrics{column-gap:24px!important}.hero-metrics .value{font-size:2rem!important}.pos-body{flex-direction:column!important;gap:12px!important}.table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.chart-container{height:240px!important}.hover-card-row{flex-direction:column!important;gap:8px!important}.bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:60px;background:#0a0b10f2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-size:.6rem;font-weight:600;cursor:pointer;transition:var(--transition);gap:4px;flex:1;height:100%}.bottom-nav button.active{color:var(--accent)}.bottom-nav button svg{margin-bottom:2px}}.bottom-nav{display:none}.hover-card-row{display:flex;flex-direction:row;gap:12px;padding:8px 12px}