@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080810;--bg2:#0d0d1a;--bg3:#12121f;--bg4:#1a1a2e;--border:#ffffff0f;--border2:#ffffff1a;--border3:#ffffff26;--text:#f0f0ff;--text2:#c8c8e699;--text3:#c8c8e64d;--accent:#7c3aed;--accent2:#6d28d9;--accent3:#8b5cf6;--glow:#7c3aed26;--glow2:#7c3aed4d;--green:#34d399;--green-glow:#34d39926;--red:#f87171;--red-glow:#f8717126;--blue:#60a5fa;--blue-glow:#60a5fa26;--gold:#fbbf24;--font:"Inter", sans-serif;--font-display:"Space Grotesk", sans-serif;--radius:12px;--radius-lg:16px;--radius-xl:20px}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(80% 50% at 50% -20%,#7c3aed14 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#60a5fa0a 0%,#0000 50%);position:fixed;inset:0}#root{z-index:1;position:relative}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font);outline:none}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{color:#dcdaebe6;background:#1a1a2e;padding:6px}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:2px}.btn-primary{color:#fff;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 0 20px #7c3aed4d,inset 0 1px #ffffff1a}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px #7c3aed80,inset 0 1px #ffffff1a}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text2);border:1px solid var(--border2);border-radius:var(--radius);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;padding:9px 18px;font-size:14px;font-weight:500;transition:all .2s}.btn-ghost:hover{color:var(--text);border-color:var(--border3);background:#ffffff14}.card{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;padding:20px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#7c3aed66,#0000);height:1px;position:absolute;top:0;left:0;right:0}.input{border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.input:focus{border-color:var(--accent3);background:#7c3aed0d;box-shadow:0 0 0 3px #7c3aed1a}.input::placeholder{color:var(--text3)}select.input{appearance:none;cursor:pointer}.badge-green{background:var(--green-glow);color:var(--green);border:1px solid #34d39933;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.badge-red{background:var(--red-glow);color:var(--red);border:1px solid #f8717133;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.badge-blue{background:var(--blue-glow);color:var(--blue);border:1px solid #60a5fa33;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.badge-accent{background:var(--glow);color:var(--accent3);border:1px solid #7c3aed33;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;padding:20px;transition:all .2s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border2);transform:translateY(-2px)}.stat-card:after{content:"";background:inherit;filter:blur(20px);opacity:.5;height:60px;position:absolute;bottom:0;left:0;right:0}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff08}.gradient-text{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed33}50%{box-shadow:0 0 40px #7c3aed66}}.animate-fade-up{animation:.4s forwards fadeUp}@keyframes skeleton{0%,to{opacity:.35}50%{opacity:.7}}.skeleton{background:#7c3aed1a;border-radius:8px;animation:1.4s ease-in-out infinite skeleton}.mobile-nav{display:none}@media (width<=768px){.sidebar{display:none!important}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;height:64px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom);background:#0d0d1af7;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.main-content{padding-bottom:72px!important}.page-wrapper{max-width:100%!important;padding:16px!important}.grid-charts{grid-template-columns:1fr!important}.grid-3col,.grid-4col{grid-template-columns:1fr 1fr!important}.hide-mobile{display:none!important}.mobile-full{justify-content:center!important;width:100%!important}.card{padding:14px!important}h1{font-size:18px!important}}.mobile-nav-link{color:#c8c8e666;letter-spacing:.04em;text-transform:uppercase;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;max-width:72px;padding:6px 10px;font-size:9px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.mobile-nav-link.active{color:#a78bfa;background:#7c3aed1f}.mobile-nav-link svg{width:20px;height:20px}.mobile-header{display:none}@media (width<=768px){.mobile-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:#080810f2;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}}