@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary:#07060f;--bg-secondary:#0c0b18;--bg-panel:#0e0c1e73;--neon-cyan:#00f2fe;--neon-cyan-glow:#00f2fe26;--neon-purple:#9d4edd;--neon-purple-glow:#9d4eed26;--neon-pink:#ff007f;--neon-pink-glow:#ff007f26;--profit-green:#10b981;--profit-green-glow:#10b98126;--risk-red:#ef4444;--risk-red-glow:#ef444426;--warning-yellow:#f59e0b;--warning-yellow-glow:#f59e0b26;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-light:#ffffff0d;--border-active:#00f2fe4d;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--card-radius:16px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 20% 10%,#9d4eed14 0%,#0000 40%),radial-gradient(circle at 80% 80%,#00f2fe14 0%,#0000 45%),radial-gradient(circle,#ff007f0a 0%,#0000 60%);background-attachment:fixed;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--card-radius);transition:var(--transition-smooth);box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#ffffff14}.glass-panel.interactive{cursor:pointer}.glass-panel.interactive:hover{border-color:var(--border-active);transform:translateY(-2px);box-shadow:0 12px 40px #00f2fe0d}.text-neon-cyan{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan-glow)}.text-neon-purple{color:var(--neon-purple);text-shadow:0 0 10px var(--neon-purple-glow)}.text-neon-pink{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink-glow)}.text-profit{color:var(--profit-green);text-shadow:0 0 10px var(--profit-green-glow)}.text-risk{color:var(--risk-red);text-shadow:0 0 10px var(--risk-red-glow)}.text-warning{color:var(--warning-yellow);text-shadow:0 0 10px var(--warning-yellow-glow)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.kpi-card{flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.kpi-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff03 0%,#0000 70%);width:120px;height:120px;position:absolute;top:0;right:0}.kpi-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;font-weight:600;display:flex}.kpi-value{font-family:var(--font-heading);background:linear-gradient(135deg, #fff 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.2rem;font-weight:700;line-height:1.1}.kpi-trend{align-items:center;gap:4px;font-size:.8rem;display:flex}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#07060fd9;flex-direction:column;flex-shrink:0;width:280px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.main-content{flex-grow:1;width:calc(100% - 280px);max-width:1600px;margin:0 auto;padding:32px}.nav-link{color:var(--text-secondary);transition:var(--transition-smooth);border-radius:12px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text-primary);background:#ffffff08}.nav-link.active{color:var(--neon-cyan);background:#00f2fe0f;border:1px solid #00f2fe26;box-shadow:inset 0 0 12px #00f2fe05}.glowing-dot{border-radius:50%;width:8px;height:8px;position:relative}.glowing-dot.cyan{background-color:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.glowing-dot.cyan:after{content:"";border:1px solid var(--neon-cyan);border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-4px}.glowing-dot.green{background-color:var(--profit-green);box-shadow:0 0 8px var(--profit-green)}.glowing-dot.green:after{content:"";border:1px solid var(--profit-green);border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-4px}.glowing-dot.red{background-color:var(--risk-red);box-shadow:0 0 8px var(--risk-red)}@keyframes pulse{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(2)}}.btn-premium{background:linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);color:#07060f;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 0 20px #00f2fe33}.btn-premium:hover{transform:translateY(-1px);box-shadow:0 0 30px #00f2fe59}.btn-premium:active{transform:translateY(1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff26}.command-dock-container{z-index:1000;width:680px;max-width:calc(100% - 48px);position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.command-dock-bar{-webkit-backdrop-filter:blur(24px);background:#0e0c1ecc;border:1px solid #00f2fe33;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 16px 48px #0009,0 0 20px #00f2fe0d}.command-dock-input{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;flex-grow:1;font-size:.95rem}.command-dock-input::placeholder{color:var(--text-muted)}.command-badge{border:1px solid var(--border-light);color:var(--text-secondary);font-size:.75rem;font-family:var(--font-heading);background:#ffffff08;border-radius:6px;padding:4px 8px}@keyframes blink{50%{opacity:0}}.typing-indicator span{background-color:var(--neon-cyan);border-radius:50%;width:6px;height:6px;margin-right:4px;animation:1s infinite alternate typing;display:inline-block}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}.form-input{border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-body);width:100%;transition:var(--transition-smooth);background:#ffffff05;border-radius:8px;outline:none;padding:12px;font-size:.9rem}.form-input:focus{border-color:var(--neon-cyan);background:#ffffff0a}.form-select{border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-body);width:100%;transition:var(--transition-smooth);cursor:pointer;background:#0c0b18f2;border-radius:8px;outline:none;padding:12px;font-size:.9rem}.form-select:focus{border-color:var(--neon-cyan)}.premium-table{border-collapse:collapse;width:100%;margin-top:16px}.premium-table th{text-align:left;font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);padding:12px 16px;font-size:.85rem;font-weight:600}.premium-table td{color:var(--text-primary);border-bottom:1px solid #ffffff08;padding:16px;font-size:.9rem}.premium-table tr:hover td{background:#ffffff03}.live-hud{color:#00f2fe;background:#020205;min-height:100vh;padding:24px;font-family:Space Grotesk,sans-serif}.live-card{background:#00f2fe03;border:1px solid #00f2fe1a;border-radius:12px;padding:20px;box-shadow:0 0 15px #00f2fe05}.live-card:hover{border-color:#00f2fe40;box-shadow:0 0 25px #00f2fe14}.live-ticker-item{border-left:2px solid var(--neon-cyan);animation:.4s forwards fadeInRight}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.marquee-container{white-space:nowrap;background:#9d4eed0d;border-top:1px solid #9d4eed26;border-bottom:1px solid #9d4eed26;padding:6px 0;overflow:hidden}.marquee-content{color:var(--neon-purple);letter-spacing:.05em;font-size:.8rem;font-weight:700;animation:25s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes progress{0%{width:0%}to{width:100%}}.integrations-container{color:#f8fafc;background-color:#020617;gap:24px;max-width:1600px;min-height:100vh;margin:0 auto;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff0d;border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 4px 30px #0000001a}.glass-panel:hover{border-color:#ffffff1a;box-shadow:0 8px 32px #0003}.main-content{flex-direction:column;flex:1;gap:24px;display:flex}.header-indicators{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.indicator-badge{color:#94a3b8;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;display:flex}.indicator-badge strong{color:#f8fafc;font-weight:600}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.active{background:#10b981;box-shadow:0 0 8px #10b981}.status-dot.inactive{background:#64748b}.bento-section{margin-top:16px}.bento-section h2{color:#f8fafc;align-items:center;gap:8px;margin-bottom:16px;font-size:1.2rem;font-weight:600;display:flex}.bento-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.integration-card{flex-direction:column;display:flex;position:relative;overflow:hidden}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.brand-info{align-items:center;gap:12px;display:flex}.brand-icon-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.brand-name{color:#f8fafc;margin:0;font-size:1.1rem;font-weight:600}.card-status{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.card-status.disconnected{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.card-status.connected{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.card-desc{color:#94a3b8;flex-grow:1;margin-bottom:24px;font-size:.85rem;line-height:1.5}.card-actions{gap:8px;margin-top:auto;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#2563eb 100%);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:opacity .2s;display:flex}.btn-primary:hover{opacity:.9}.btn-secondary{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex}.btn-secondary:hover{background:#ffffff1a}.sidebar{flex-direction:column;flex-shrink:0;gap:20px;width:320px;display:flex}.hub-title{color:#f8fafc;align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:600;display:flex}.hub-metric{background:#0003;border:1px solid #ffffff05;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.hub-metric-label{color:#94a3b8;align-items:center;gap:8px;font-size:.85rem;display:flex}.hub-metric-value{color:#f8fafc;font-size:1rem;font-weight:700}.technical-footer{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:24px;display:flex}.tech-badge{color:#64748b;background:#0000004d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:monospace;font-size:.75rem;display:flex}.tech-badge .lucide{color:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.integration-card{animation:.4s forwards fadeIn}.integration-card:first-child{animation-delay:.1s}.integration-card:nth-child(2){animation-delay:.2s}.integration-card:nth-child(3){animation-delay:.3s}.integration-card:nth-child(4){animation-delay:.4s}.gradient-text{background:linear-gradient(135deg,#a78bfa 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}