@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-primary:#060810;--bg-secondary:#0d0f1a;--bg-card:#111320;--bg-card-hover:#161929;--bg-glass:#ffffff08;--bg-glass-strong:#ffffff0f;--bg-surface:#0a0c15;--text-primary:#f0f2ff;--text-secondary:#8f93b0;--text-muted:#42465e;--text-label:#5e627a;--brand:#5b8dee;--brand-dim:#5b8dee26;--brand-glow:#5b8dee4d;--accent-violet:#7c5cfc;--accent-violet-dim:#7c5cfc1f;--accent-violet-glow:#7c5cfc40;--accent-teal:#00d4aa;--accent-teal-dim:#00d4aa1a;--accent-teal-glow:#00d4aa33;--accent-rose:#f43f5e;--accent-rose-dim:#f43f5e1a;--accent-rose-glow:#f43f5e40;--accent-amber:#f59e0b;--accent-amber-dim:#f59e0b1a;--accent-emerald:#10b981;--accent-emerald-dim:#10b9811a;--accent-emerald-glow:#10b98133;--accent-sky:#38bdf8;--accent-sky-dim:#38bdf81a;--danger:#f43f5e;--success:#10b981;--warning:#f59e0b;--border:#ffffff0f;--border-strong:#ffffff1f;--border-brand:#5b8dee4d;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-brand:0 0 24px #5b8dee33;--shadow-violet:0 0 24px #7c5cfc33;--shadow-danger:0 0 24px #f43f5e40;--shadow-teal:0 0 24px #00d4aa33;--nav-width:260px;--header-h:68px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 60% at 50% -20%,#5b8dee0f 0%,#0000 60%),radial-gradient(50% 40% at 80% 100%,#7c5cfc0a 0%,#0000 50%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-family:Outfit,sans-serif;font-weight:600}button{font-family:Inter,sans-serif}#root{width:100vw;min-height:100vh;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,background .2s}.card:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.card-glass{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 12px var(--brand-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--brand-glow);background:#6b9af0;transform:translateY(-1px)}.btn-ghost{background:var(--bg-glass-strong);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-strong);background:#ffffff14}.btn-danger{background:var(--accent-rose-dim);color:var(--danger);border:1px solid #f43f5e33}.btn-danger:hover{background:#f43f5e33}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.text-brand{color:var(--brand)}.text-muted{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.gradient-text-brand{background:linear-gradient(135deg, var(--brand) 0%, var(--accent-violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-teal{background:linear-gradient(135deg, var(--accent-teal) 0%, var(--brand) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.stat-row{flex-direction:column;gap:2px;display:flex}.stat-row .value{letter-spacing:-.04em;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;line-height:1}.stat-row .label{color:var(--text-secondary);font-size:.8rem;font-weight:400}.tooltip-wrapper{position:relative}.tooltip{background:var(--bg-card-hover);border:1px solid var(--border-strong);border-radius:var(--radius-md);pointer-events:none;z-index:200;width:220px;box-shadow:var(--shadow-md);padding:10px 14px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip:after{content:"";background:var(--bg-card-hover);border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip-title{color:var(--text-primary);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600}.tooltip-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.45}.nav-tooltip{background:var(--bg-card-hover);border:1px solid var(--border-strong);border-radius:var(--radius-md);pointer-events:none;z-index:300;width:200px;box-shadow:var(--shadow-md);padding:10px 14px;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)}.nav-tooltip:before{content:"";background:var(--bg-card-hover);border-left:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);width:10px;height:10px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}@keyframes pulseRed{0%{box-shadow:0 0 #f43f5e80}70%{box-shadow:0 0 0 14px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.pulse-red{animation:1.8s infinite pulseRed}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float{animation:3s ease-in-out infinite float}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.divider{background:var(--border);height:1px;margin:16px 0}body:before{content:"";opacity:.018;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}