:root{--bg:#000;--bg-mesh:radial-gradient(circle at top center, #0f172a 0%, #000 60%);--bg2:#09090b;--card:#0a0a0a99;--card2:#0f0f12cc;--border:#ffffff0f;--border-hi:#ffffff26;--font-data:"Inter", system-ui, sans-serif;--font-head:"Outfit", system-ui, sans-serif;--accent:#2563eb;--green:#10b981;--rose:#e11d48;--amber:#d97706;--purple:#7c3aed;--indigo:#4f46e5;--pink:#be185d;--blue:#3b82f6;--teal:#0f766e;--text:#f8fafc;--text2:#94a3b8;--muted:#1e293b;--radius:18px;--radius-sm:12px;--radius-xs:8px;--shadow-card:0 4px 20px #00000080, 0 1px 0 #ffffff0a inset;--shadow-glow-accent:0 0 12px #2563eb1a;--shadow-glow-green:0 0 12px #10b9811a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#000}body{font-family:var(--font-data);background:var(--bg);background-image:var(--bg-mesh);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}:focus,:focus-visible{outline:none!important}svg:focus,.recharts-wrapper:focus,.recharts-surface:focus{box-shadow:none!important;outline:none!important}.recharts-cartesian-axis-tick-value{font-family:var(--font-data)}h1,h2,h3,h4,h5,h6{font-family:var(--font-head)}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}body:after{content:"";z-index:0;filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#2563eb0d 0%,#0000 60%);width:50%;height:50%;position:fixed;top:-20%;left:-10%}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:28px 36px}.navbar{z-index:200;-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--border);background:#080d18cc;justify-content:space-between;align-items:center;height:60px;padding:0 36px;display:flex;position:sticky;top:0}.navbar:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--green), transparent);opacity:.4;height:1px;position:absolute;bottom:0;left:0;right:0}.navbar .logo{letter-spacing:-.5px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.navbar .logo img{filter:invert()brightness(1.2)sepia()saturate(3)hue-rotate(180deg)drop-shadow(0 0 8px #2563eb66);mix-blend-mode:screen;width:32px;height:32px;transition:filter .3s}.navbar .logo img:hover{filter:invert()brightness(1.4)sepia()saturate(3)hue-rotate(180deg)drop-shadow(0 0 12px #2563eb99)}.navbar .nav-links{align-items:center;gap:4px;display:flex}.navbar .nav-links a,.navbar .nav-links button{color:var(--text2);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.navbar .nav-links a:hover,.navbar .nav-links button:hover{color:var(--text);background:#ffffff0f}.navbar .nav-links .exit-btn{color:var(--rose);background:#f871710f;border:1px solid #f8717133}.navbar .nav-links .exit-btn:hover{background:#f8717126}.topbar{-webkit-backdrop-filter:blur(32px)saturate(200%);backdrop-filter:blur(32px)saturate(200%);z-index:100;background:linear-gradient(#050505cc 0%,#05050500 100%);border-bottom:1px solid #ffffff08;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:24px 36px 12px;display:flex;position:sticky;top:0}.topbar-brand h2{letter-spacing:-.3px;color:var(--text);font-size:18px;font-weight:700}.topbar-brand h2 span{color:var(--text)}.topbar-brand .sub{color:var(--text2);margin-top:2px;font-size:11px;line-height:1.8}.topbar-brand .tagline{color:var(--text2);opacity:.7;font-size:10px;font-style:italic}.topbar-nav{flex-wrap:wrap;gap:4px;display:flex}.topbar-nav button{color:var(--text2);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.topbar-nav button:hover{color:var(--text);background:#ffffff0d}.topbar-nav button.active{color:var(--accent);background:#38bdf81a;border:1px solid #38bdf833}.topbar-nav button.active:after{content:"";background:var(--accent);height:2px;box-shadow:0 0 8px var(--accent);border-radius:2px;position:absolute;bottom:-2px;left:20%;right:20%}.live-pill{color:var(--green);letter-spacing:.5px;background:#34d3991a;border:1px solid #34d39940;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;display:flex;box-shadow:0 0 16px #34d3991a}.live-pill .dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.card{background:var(--card);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--border);border-radius:var(--radius);border-top:1px solid #ffffff1a;padding:24px;transition:box-shadow .4s,transform .4s,border-color .4s;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff05}.card:before{content:"";border-radius:var(--radius);pointer-events:none;background:linear-gradient(#ffffff05 0%,#0000 50%);position:absolute;inset:0}.card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 48px #000c,inset 0 1px #ffffff0a}.clickable-card{transition:all .3s cubic-bezier(.2,.8,.2,1)}.clickable-card:active{transition-duration:.1s;transform:translateY(0)scale(.98);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff05}.card-green{border-top:2px solid var(--green)}.card-blue{border-top:2px solid var(--blue)}.card-purple{border-top:2px solid var(--purple)}.card-rose{border-top:2px solid var(--rose)}.card-amber{border-top:2px solid var(--amber)}.card-accent{border-top:2px solid var(--accent)}.mc{text-align:center;cursor:pointer;background:#ffffff04;border:1px solid #ffffff08;border-radius:16px;padding:24px 20px;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.mc:after{content:"";background:var(--mc-glow,#38bdf81a);filter:blur(20px);pointer-events:none;border-radius:50%;width:100px;height:100px;transition:background .4s;position:absolute;top:-30px;right:-30px}.mc:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateY(-4px)scale(1.02);box-shadow:0 16px 32px #0009}.mc:hover:after{background:var(--mc-glow,#38bdf840)}.mc:active{transition-duration:.1s;transform:translateY(-1px)scale(1.01)}.mc-label{font-size:11px;font-family:var(--font-data);color:var(--text2);text-transform:uppercase;letter-spacing:1.5px;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;display:flex}.mc-icon{background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.mc-val{letter-spacing:-1px;font-size:28px;font-weight:700;line-height:1;transition:color .3s}.mc-unit{color:var(--text2);margin-left:3px;font-size:14px;font-weight:400}.mc-sub{color:var(--text2);margin-top:8px;font-size:11px}.mc-sub.good{color:var(--green)}.mc-sub.warn{color:var(--amber)}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.mc-val.animate{background:linear-gradient(90deg,currentColor 40%,#ffffffe6 50%,currentColor 60%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.gauge-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.gauge-center{text-align:center;pointer-events:none;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.gauge-val{letter-spacing:-1px;font-size:36px;font-weight:700;line-height:1}.gauge-label{color:var(--text2);margin-top:4px;font-size:11px;font-weight:500}.gauge-sublabel{color:var(--text2);text-align:center;margin-top:-4px;font-size:12px}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-6{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.grid-13{grid-template-columns:1fr 2fr;gap:16px;display:grid}.grid-31{grid-template-columns:2fr 1fr;gap:16px;display:grid}.mb{margin-bottom:20px}@media (width<=1200px){.grid-6{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-13,.grid-31{grid-template-columns:1fr}.main-content{padding:16px 20px}.topbar{padding:12px 20px}.navbar{padding:0 20px}}@media (width<=600px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-6,.grid-4{grid-template-columns:repeat(2,1fr)}.topbar-nav{display:none}.mc-val{font-size:26px}}.page-title{letter-spacing:-1px;background:linear-gradient(#fff 40%,#fffc);-webkit-text-fill-color:transparent;font-size:28px;font-weight:600;font-family:var(--font-head);-webkit-background-clip:text;background-clip:text;margin-bottom:6px}.page-sub{color:var(--text2);letter-spacing:.2px;font-size:14px;font-family:var(--font-data);margin-bottom:28px}.chart-wrap{z-index:2;width:100%;height:280px;position:relative}.chart-wrap-sm{z-index:2;width:100%;height:200px;position:relative}.chart-title{font-size:13px;font-weight:700;font-family:var(--font-data);letter-spacing:1px;text-transform:uppercase;color:var(--text2);align-items:center;gap:8px;margin-bottom:20px;display:flex}.chart-title .dot{border-radius:50%;width:6px;height:6px}.recharts-tooltip-wrapper .recharts-default-tooltip{-webkit-backdrop-filter:blur(16px)saturate(180%)!important;font-family:var(--font-data)!important;background:#0a0a0cd9!important;border:1px solid #ffffff14!important;border-radius:12px!important;padding:12px!important;box-shadow:0 16px 32px #000c,inset 0 1px #ffffff0d!important}.recharts-rectangle.recharts-tooltip-cursor{fill:#ffffff08!important}.recharts-active-dot circle{filter:drop-shadow(0 0 8px)}.login-overlay{background:var(--bg);flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 200px);display:flex;position:relative;overflow:hidden}.login-overlay:before,.login-overlay:after{content:"";filter:blur(100px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite orb;position:absolute}.login-overlay:before{background:radial-gradient(circle,#38bdf81f,#0000);width:500px;height:500px;top:-100px;left:-100px}.login-overlay:after{background:radial-gradient(circle,#34d3991a,#0000);width:400px;height:400px;animation-delay:-4s;bottom:-100px;right:-100px}@keyframes orb{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,30px)scale(1.1)}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#111928e6;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:420px;padding:44px;animation:.4s slideUp;position:relative;box-shadow:0 30px 80px #000000b3,0 0 0 1px #38bdf814}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-brand{text-align:center;margin-bottom:10px}.login-brand .logo-img{animation:3s ease-in-out infinite logoBreathe}@keyframes logoBreathe{0%,to{filter:drop-shadow(0 0 12px #38bdf84d)contrast(1.1);transform:scale(1)}50%{filter:drop-shadow(0 0 24px #38bdf8b3)contrast(1.15);transform:scale(1.02)}}.login-brand h1{letter-spacing:-1px;font-size:32px;font-weight:900}.login-brand h1 span{color:var(--accent)}.login-sub{text-align:center;color:var(--text2);margin-bottom:28px;font-size:13px}.field{margin-bottom:16px}.field label{color:var(--text2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.field input,.field select{border-radius:var(--radius-xs);width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff14;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.field input:focus,.field select:focus{border-color:var(--accent);background:#38bdf80d;outline:none;box-shadow:0 0 0 3px #38bdf81f}.btn{border-radius:var(--radius-xs);cursor:pointer;letter-spacing:.3px;border:none;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:700;transition:all .25s}.btn-accent{background:linear-gradient(135deg, var(--accent), #0ea5e9);color:var(--bg);box-shadow:0 4px 20px #38bdf84d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 28px #38bdf880}.btn-accent:active{transform:translateY(0)}.btn-demo{color:var(--green);background:#34d3991a;border:1px solid #34d3994d}.btn-demo:hover{background:#34d39933;transform:translateY(-1px);box-shadow:0 4px 16px #34d39933}.error-msg{color:var(--rose);border-radius:var(--radius-xs);background:#f871711a;border:1px solid #f8717140;margin-bottom:16px;padding:10px 14px;font-size:13px}.progress-bar{background:#ffffff0f;border-radius:6px;height:8px;overflow:hidden}.progress-bar-fill{border-radius:6px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.hb-bubble{background:linear-gradient(135deg, var(--accent), #0ea5e9);width:64px;height:64px;color:var(--bg);cursor:pointer;z-index:900;border:3px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:28px;transition:transform .25s,box-shadow .25s;animation:3s infinite bubblePulse;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 32px #38bdf880,0 0 #38bdf84d}.hb-bubble:hover{animation:none;transform:scale(1.1);box-shadow:0 12px 40px #38bdf899,0 0 0 8px #38bdf81a}@keyframes bubblePulse{0%,to{box-shadow:0 4px 20px #2563eb4d,0 0 #2563eb33}50%{box-shadow:0 4px 20px #2563eb4d,0 0 0 8px #2563eb00}}.hb-window{width:400px;height:560px;box-shadow:0 24px 72px #000c, var(--shadow-glow-accent);z-index:899;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1425f7;border:1px solid #38bdf840;border-radius:20px;flex-direction:column;animation:.3s slideUp;display:flex;position:fixed;bottom:108px;right:28px;overflow:hidden}.hb-hdr{background:linear-gradient(135deg,#38bdf826,#34d39914);border-bottom:1px solid #38bdf826;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.hb-hdr h3{color:var(--text);font-size:15px;font-weight:700}.hb-hdr button{color:var(--text);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;transition:background .2s;display:flex}.hb-hdr button:hover{background:#ffffff26}.hb-msgs{background:var(--bg);scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.hb-msgs::-webkit-scrollbar{width:4px}.hb-msgs::-webkit-scrollbar-track{background:0 0}.hb-msgs::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}.hb-m{border-radius:14px;max-width:87%;padding:10px 14px;font-size:13px;line-height:1.55;animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hb-m.bot{background:var(--card2);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.hb-m.user{background:linear-gradient(135deg, var(--accent), #0ea5e9);color:var(--bg);border-bottom-right-radius:4px;align-self:flex-end;font-weight:600}.hb-bar{border-top:1px solid var(--border);background:var(--card);gap:8px;padding:12px;display:flex}.hb-bar input{border:1px solid var(--border);color:var(--text);background:#ffffff0d;border-radius:10px;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s}.hb-bar input:focus{border-color:var(--accent);outline:none}.hb-bar button{background:linear-gradient(135deg, var(--accent), #0ea5e9);color:var(--bg);cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;transition:opacity .2s,transform .2s}.hb-bar button:hover{opacity:.9;transform:scale(1.03)}.hb-bar button:disabled{background:var(--muted);cursor:not-allowed;transform:none}.fade-in{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.fade-in.visible{opacity:1;transform:translateY(0)}.badge{letter-spacing:.5px;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{color:var(--green);background:#34d39926;border:1px solid #34d39940}.badge-amber{color:var(--amber);background:#fbbf2426;border:1px solid #fbbf2440}.badge-rose{color:var(--rose);background:#f8717126;border:1px solid #f8717140}.badge-blue{color:var(--blue);background:#60a5fa26;border:1px solid #60a5fa40}.badge-purple{color:var(--purple);background:#a78bfa26;border:1px solid #a78bfa40}.footer{background:var(--bg2);border-top:1px solid var(--border);margin-top:auto;padding:36px}.footer-grid{grid-template-columns:repeat(4,1fr);gap:28px;max-width:1200px;margin:0 auto;display:grid}.footer-brand h4{letter-spacing:-.5px;color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.footer-brand h4 span{color:var(--text)}.footer-brand p{color:var(--text2);font-size:12px;line-height:1.7}.footer-col h5{text-transform:uppercase;letter-spacing:.8px;color:var(--text2);margin-bottom:12px;font-size:12px;font-weight:700}.footer-col a{color:var(--text2);margin-bottom:6px;font-size:13px;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--text)}.footer-bottom{text-align:center;border-top:1px solid var(--border);color:var(--text2);margin-top:28px;padding-top:20px;font-size:12px}@media (width<=768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}