:root{--bg-primary:#000;--bg-secondary:#080810;--bg-card:#0a0a0e;--bg-card-hover:#0f0f18;--text-primary:#f8fafc;--text-secondary:#b0bec5;--text-muted:#8fa3b1;--accent-blue:#00d4ff;--accent-blue2:#7c3aed;--accent-green:#22c55e;--accent-red:#ef4444;--accent-orange:#f59e0b;--accent-purple:#a855f7;--accent-cyan:#06b6d4;--border-subtle:hsla(0,0%,100%,.07);--border-card:hsla(0,0%,100%,.12);--border-accent:rgba(0,212,255,.4);--gradient-primary:linear-gradient(135deg,#00d4ff,#7c3aed);--shadow-card:0 4px 24px rgba(0,0,0,.7);--shadow-blue:0 4px 20px rgba(0,212,255,.25);--sidebar-width:180px;--topbar-height:56px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition:all 0.18s ease}[data-theme=dark] .jf-logo-mark{filter:drop-shadow(0 0 5px rgba(0,212,255,.45))}[data-theme=dark] .jf-wordmark-glow{text-shadow:0 0 18px rgba(0,212,255,.35)}[data-theme=light]{--bg-primary:#f0f2f7;--bg-secondary:#e8eaf0;--bg-card:#fff;--bg-card-hover:#f5f6fa;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-subtle:rgba(0,0,0,.08);--border-card:rgba(0,0,0,.12);--shadow-card:0 4px 24px rgba(0,0,0,.1)}[data-theme=light] body{color:var(--text-primary)}[data-theme=light] .app-layout,[data-theme=light] body{background:var(--bg-primary)}[data-theme=light] .app-topbar{background:rgba(240,242,247,.96)!important;border-color:rgba(0,0,0,.08)!important}[data-theme=light] .app-sidebar{background:#fff!important;border-color:rgba(0,0,0,.08)!important}[data-theme=light] .modal-box{background:#fff;border-color:rgba(0,0,0,.12)}[data-theme=light] .app-sidebar,[data-theme=light] .app-sidebar *,[data-theme=light] .app-topbar,[data-theme=light] .app-topbar *,[data-theme=light] .landing-page,[data-theme=light] .landing-page :not(.jf-mock-dark):not(.jf-mock-dark *),[data-theme=light] .main-content,[data-theme=light] .main-content *{color:#0f172a!important}[data-theme=light] .landing-page,[data-theme=light] .landing-page [style*="background: #000"],[data-theme=light] .landing-page [style*="background: rgb(0, 0, 0)"],[data-theme=light] .landing-page [style*="background:#000"]{background:#f0f2f7!important}[data-theme=light] .landing-page [style*="background: rgba(0, 0, 0"], [data-theme=light] .landing-page [style*="background:rgba(0,0,0"]{background:hsla(0,0%,100%,.92)!important}[data-theme=light] [style*="color: #00d4ff"],[data-theme=light] [style*="color: rgb(0, 212, 255)"],[data-theme=light] [style*="color:#00d4ff"]{color:#00d4ff!important}[data-theme=light] [style*="color: #7c3aed"],[data-theme=light] [style*="color: rgb(124, 58, 237)"],[data-theme=light] [style*="color:#7c3aed"]{color:#7c3aed!important}[data-theme=light] [style*="color: #22c55e"],[data-theme=light] [style*="color: rgb(34, 197, 94)"],[data-theme=light] [style*="color:#22c55e"]{color:#22c55e!important}[data-theme=light] [style*="color: #ef4444"],[data-theme=light] [style*="color: rgb(239, 68, 68)"],[data-theme=light] [style*="color:#ef4444"]{color:#ef4444!important}[data-theme=light] [style*="color: #f59e0b"],[data-theme=light] [style*="color: rgb(245, 158, 11)"],[data-theme=light] [style*="color:#f59e0b"]{color:#f59e0b!important}[data-theme=light] [style*="color: #a855f7"],[data-theme=light] [style*="color: rgb(168, 85, 247)"],[data-theme=light] [style*="color:#a855f7"]{color:#a855f7!important}[data-theme=light] [style*="color: #60a5fa"],[data-theme=light] [style*="color: rgb(96, 165, 250)"],[data-theme=light] [style*="color:#60a5fa"]{color:#60a5fa!important}[data-theme=light] [style*="color: #06b6d4"],[data-theme=light] [style*="color: rgb(6, 182, 212)"],[data-theme=light] [style*="color:#06b6d4"]{color:#06b6d4!important}[data-theme=light] [style*="color: #ec4899"],[data-theme=light] [style*="color: rgb(236, 72, 153)"],[data-theme=light] [style*="color:#ec4899"]{color:#ec4899!important}[data-theme=light] [style*="color: #0077b5"],[data-theme=light] [style*="color: rgb(0, 119, 181)"],[data-theme=light] [style*="color:#0077b5"]{color:#0077b5!important}[data-theme=light] [style*="color: #0a0a0e"],[data-theme=light] [style*="color: rgb(10, 10, 14)"],[data-theme=light] [style*="color:#0a0a0e"]{color:#0a0a0e!important}[data-theme=light] [style*="background: #0a0a0e"],[data-theme=light] [style*="background: rgb(10, 10, 14)"],[data-theme=light] [style*="background:#0a0a0e"]{background:#fff!important}[data-theme=light] [style*="background: #080810"],[data-theme=light] [style*="background: rgb(8, 8, 16)"],[data-theme=light] [style*="background:#080810"]{background:#f0f2f7!important}[data-theme=light] [style*="background: #0a0a10"],[data-theme=light] [style*="background: rgb(10, 10, 16)"],[data-theme=light] [style*="background:#0a0a10"]{background:#fff!important}[data-theme=light] [style*="background: #0f1923"],[data-theme=light] [style*="background: rgb(15, 25, 35)"],[data-theme=light] [style*="background:#0f1923"]{background:#f0f2f7!important}[data-theme=light] [style*="background: #111"],[data-theme=light] [style*="background: rgb(17, 17, 17)"],[data-theme=light] [style*="background:#111"]{background:#fff!important}[data-theme=light] [style*="background: rgba(255, 255, 255"], [data-theme=light] [style*="background:rgba(255,255,255"]{background:rgba(0,0,0,.03)!important}[data-theme=light] [style*="solid rgba(255, 255, 255"], [data-theme=light] [style*="solid rgba(255,255,255"]{border-color:rgba(0,0,0,.09)!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff!important;color:#0f172a!important;border-color:rgba(0,0,0,.14)!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#94a3b8!important}[data-theme=light] .recharts-tooltip-wrapper .recharts-default-tooltip{background:#fff!important;border-color:rgba(0,0,0,.1)!important;color:#0f172a!important}[data-theme=light] .recharts-cartesian-axis-tick text{fill:#64748b!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-layout,body{background:var(--bg-primary)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:var(--sidebar-width);padding-top:var(--topbar-height);min-height:100vh}.page-container{padding:28px 32px}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-card)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.14)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{margin-left:0}.page-container{padding:16px}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dashPulse{0%,to{box-shadow:0 0 24px rgba(0,212,255,.12)}50%{box-shadow:0 0 40px rgba(0,212,255,.28)}}@keyframes scanLine{0%{transform:translateY(-100%);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(300px);opacity:0}}.fade-in{animation:fadeUp .4s ease both}.fade-in-1{animation:fadeUp .4s ease .08s both}.fade-in-2{animation:fadeUp .4s ease .16s both}.fade-in-3{animation:fadeUp .4s ease .24s both}.spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.1);border-top:2px solid var(--accent-blue);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:#0a0a0e;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:0 0 60px rgba(0,0,0,.9);animation:fadeUp .2s ease}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-md);font-size:.86rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition);text-decoration:none;white-space:nowrap;font-family:Inter,sans-serif}.btn-primary{background:var(--gradient-primary);color:#000;box-shadow:var(--shadow-blue)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(0,212,255,.35)}.btn-secondary{background:hsla(0,0%,100%,.05);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:hsla(0,0%,100%,.08);color:var(--text-primary)}.toggle{position:relative;display:inline-block;width:40px;height:22px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:hsla(0,0%,100%,.12);border-radius:99px;transition:.2s}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider{background:var(--accent-blue)}.toggle input:checked+.toggle-slider:before{transform:translateX(18px)}.badge-connected{padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:600;background:rgba(34,197,94,.12);color:#22c55e;border:1px solid rgba(34,197,94,.25)}.badge-soon{padding:3px 8px;border-radius:4px;font-size:.62rem;font-weight:700;background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.1);letter-spacing:.06em}.jf-hamburger,.jf-sidebar-close{display:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;animation:fadeIn .2s ease}@media (max-width:767px){.app-topbar{left:0!important;padding:0 16px!important}.app-sidebar{transform:translateX(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);z-index:300!important}.app-sidebar.sidebar-open{transform:translateX(0);box-shadow:8px 0 60px rgba(0,0,0,.9)}.sidebar-overlay.sidebar-open{display:block!important}.jf-hamburger{width:36px;height:36px;border:1px solid hsla(0,0%,100%,.09);border-radius:8px;color:hsla(0,0%,100%,.75);margin-right:10px}.jf-hamburger,.jf-sidebar-close{display:flex!important;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);cursor:pointer;flex-shrink:0}.jf-sidebar-close{width:30px;height:30px;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:hsla(0,0%,100%,.55);margin-left:auto}.main-content{margin-left:0!important}.page-container{padding:16px 14px!important}.jf-topbar-username{display:none!important}}.recharts-surface,.recharts-wrapper{background:transparent!important}