@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg: #06080f;--bg-elevated: #0c1018;--surface: rgba(14, 18, 30, .85);--surface2: rgba(20, 26, 42, .9);--surface3: rgba(30, 38, 58, .6);--surface4: rgba(40, 50, 72, .4);--border: rgba(0, 212, 255, .08);--border2: rgba(0, 212, 255, .18);--border3: rgba(0, 212, 255, .35);--accent: #00d4ff;--accent2: #8b5cf6;--accent3: #c084fc;--accent-glow: rgba(0, 212, 255, .4);--accent-glow2: rgba(139, 92, 246, .4);--success: #00e68a;--success2: #00cc7a;--warning: #ffb020;--warning2: #ff8c00;--danger: #ff3b5c;--danger2: #e6194b;--info: #3b82f6;--info2: #2563eb;--text: #f0f4ff;--text-secondary: #a8b8d8;--text-muted: #6b7fa0;--text-dark: #3d4f6a;--glass-bg: rgba(14, 18, 30, .7);--glass-bg-hover: rgba(20, 26, 42, .9);--glass-border: rgba(0, 212, 255, .1);--glass-border-hover: rgba(0, 212, 255, .25);--glass-blur: 16px;--glass-saturate: 200%;--gradient-accent: linear-gradient(135deg, #00d4ff, #8b5cf6);--gradient-accent2: linear-gradient(135deg, #8b5cf6, #c084fc);--gradient-success: linear-gradient(135deg, #00e68a, #00cc7a);--gradient-danger: linear-gradient(135deg, #ff3b5c, #e6194b);--gradient-warning: linear-gradient(135deg, #ffb020, #ff8c00);--gradient-info: linear-gradient(135deg, #3b82f6, #2563eb);--gradient-bg: radial-gradient(ellipse at 20% 0%, rgba(0, 212, 255, .06) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, rgba(139, 92, 246, .04) 0%, transparent 50%);--gradient-surface: linear-gradient(135deg, rgba(14, 18, 30, .8), rgba(20, 26, 42, .6));--gradient-hex: conic-gradient(from 60deg, #00d4ff, #8b5cf6, #c084fc, #00d4ff);--gradient-radial: radial-gradient(circle at center, rgba(0, 212, 255, .12) 0%, transparent 70%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px rgba(0, 212, 255, .35), 0 0 48px rgba(0, 212, 255, .15);--shadow-glow2: 0 0 24px rgba(139, 92, 246, .35), 0 0 48px rgba(139, 92, 246, .15);--shadow-glow-success: 0 0 24px rgba(0, 230, 138, .3);--shadow-glow-danger: 0 0 24px rgba(255, 59, 92, .3);--shadow-glow-warning: 0 0 24px rgba(255, 176, 32, .3);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 -1px 0 rgba(0, 0, 0, .2);--shadow-card: 0 2px 12px rgba(0, 0, 0, .2), var(--shadow-inner);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .12s cubic-bezier(.25, .46, .45, .94);--transition-normal: .25s cubic-bezier(.25, .46, .45, .94);--transition-slow: .4s cubic-bezier(.25, .46, .45, .94);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-spring: .6s cubic-bezier(.175, .885, .32, 1.275);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 42px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--z-base: 0;--z-card: 10;--z-sidebar: 100;--z-overlay: 99;--z-toast: 200;--z-tooltip: 150;--z-modal: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font);color:var(--text);background:var(--bg);background-image:var(--gradient-bg);line-height:1.55;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}::selection{background:#00d4ff40;color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent2)}code,.mono{font-family:var(--font-mono)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal);position:relative}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(0,212,255,.03) 0%,transparent 50%,rgba(139,92,246,.02) 100%);pointer-events:none}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg),var(--shadow-inner)}.glass-card-static{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative}.glass-row-hover:hover{background:#00d4ff0f!important}.fade-in{animation:fadeIn .35s ease-out both}.slide-up{animation:slideUp .3s ease-out both}.slide-down{animation:slideDown .3s ease-out both}.slide-in-right{animation:slideInRight .3s ease-out both}.stagger-1{animation-delay:60ms}.stagger-2{animation-delay:.12s}.stagger-3{animation-delay:.18s}.stagger-4{animation-delay:.24s}.stagger-5{animation-delay:.3s}.stagger-6{animation-delay:.36s}.skeleton-shimmer{background:linear-gradient(90deg,var(--surface3) 25%,rgba(0,212,255,.06) 50%,var(--surface3) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:#00d4ff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d4ff73}.hex-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gradient-accent);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);font-size:12px;color:#fff;font-weight:var(--font-weight-bold)}@media (max-width: 768px){html{font-size:var(--font-size-sm)}:root{--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-lg: 12px;--glass-blur: 12px}}@media (max-width: 480px){html{font-size:12px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #00d4ff26}50%{box-shadow:0 0 28px #00d4ff80,0 0 56px #00d4ff33}}@keyframes glowPulseGreen{0%,to{box-shadow:0 0 8px #00e68a26}50%{box-shadow:0 0 28px #00e68a66}}@keyframes glowPulseViolet{0%,to{box-shadow:0 0 8px #8b5cf626}50%{box-shadow:0 0 28px #8b5cf666}}@keyframes glowPulseRed{0%,to{box-shadow:0 0 8px #ff3b5c26}50%{box-shadow:0 0 28px #ff3b5c66}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes pulseFast{0%,to{opacity:1}50%{opacity:.2}}@keyframes bounceIn{0%{transform:scale(.2);opacity:0}50%{transform:scale(1.08)}70%{transform:scale(.92)}to{transform:scale(1);opacity:1}}@keyframes scaleIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes highlightNew{0%{background-color:#00d4ff40}to{background-color:transparent}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:#00d4ff14}50%{border-color:#00d4ff59}}@keyframes hexSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hexPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.3)}}@keyframes flowPulse{0%{stroke-dashoffset:20;opacity:.4}50%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-20;opacity:.4}}@keyframes dataStream{0%{opacity:0;transform:translateY(-4px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(4px)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(-20px) scale(.5);opacity:0}}