@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-main: #060a12;--bg-secondary: #0b1120;--bg-card: rgba(11, 17, 32, .8);--bg-card-hover: rgba(20, 30, 55, .9);--border-color: rgba(255, 255, 255, .07);--border-accent: rgba(56, 189, 248, .35);--accent-cyan: #38bdf8;--accent-cyan-dark: #0284c7;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--accent-violet: #8b5cf6;--accent-indigo: #6366f1;--text-primary: #f1f5f9;--text-muted: #94a3b8;--text-faint: #475569;--shadow-glow-cyan: 0 0 40px rgba(56, 189, 248, .25);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}.theme-light{--bg-main: #f0f4ff;--bg-secondary: #e8eef8;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .95);--border-color: rgba(0, 0, 0, .08);--border-accent: rgba(2, 132, 199, .3);--text-primary: #0f172a;--text-muted: #475569;--text-faint: #94a3b8;--shadow-card: 0 8px 32px rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{min-height:100vh;max-width:100vw;overflow-x:hidden;background-color:var(--bg-main);color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6,.font-heading{font-family:Outfit,sans-serif;overflow-wrap:break-word;word-break:break-word;line-height:1.15;letter-spacing:-.02em}.font-mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}input,select,textarea,button{font-family:inherit}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-3px);box-shadow:0 20px 60px #38bdf81a,var(--shadow-card)}.glass-panel-interactive{cursor:pointer}.glass-panel-interactive:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 12px 40px #38bdf81f,var(--shadow-card)}.glow-btn-cyan{background:linear-gradient(135deg,#0369a1,#0284c7,#0ea5e9);box-shadow:0 0 #38bdf800;color:#fff;border-radius:var(--radius-md);font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.glow-btn-cyan:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#fff0 50%);opacity:0;transition:opacity .2s}.glow-btn-cyan:hover{background:linear-gradient(135deg,#0284c7,#38bdf8);box-shadow:0 0 35px #38bdf88c,0 4px 20px #0000004d;transform:translateY(-2px) scale(1.01)}.glow-btn-cyan:hover:before{opacity:1}.glow-btn-cyan:active{transform:translateY(0) scale(.99)}.glow-btn-rose{background:linear-gradient(135deg,#be123c,#e11d48,#f43f5e);box-shadow:0 0 #f43f5e00;color:#fff;border-radius:var(--radius-md);font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.glow-btn-rose:hover{background:linear-gradient(135deg,#e11d48,#f43f5e);box-shadow:0 0 35px #f43f5e8c,0 4px 20px #0000004d;transform:translateY(-2px) scale(1.01)}.glow-btn-rose:active{transform:translateY(0) scale(.99)}.glow-btn-emerald{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 0 #10b98100;color:#fff;border-radius:var(--radius-md);font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.glow-btn-emerald:hover{box-shadow:0 0 35px #10b98180,0 4px 20px #0000004d;transform:translateY(-2px) scale(1.01)}.input-field{width:100%;background:#05080f99;border:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);outline:none}.input-field:focus{border-color:var(--border-accent);background:#05080fe6;box-shadow:0 0 0 3px #38bdf81f}.input-field::placeholder{color:var(--text-faint)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.status-pulse{display:inline-block;position:relative}.status-pulse:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:inherit;animation:ping 2s cubic-bezier(0,0,.2,1) infinite;opacity:.5}@keyframes ping{0%{transform:scale(1);opacity:.5}75%,to{transform:scale(2.2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-700px 0}to{background-position:700px 0}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #38bdf84d}50%{box-shadow:0 0 50px #38bdf8b3,0 0 80px #38bdf84d}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .5s ease forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow-pulse{animation:glowPulse 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:700px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm)}.skeleton-text{height:14px;border-radius:4px;margin-bottom:8px}.skeleton-text.sm{height:10px}.skeleton-text.lg{height:20px}.skeleton-text.xl{height:28px}.skeleton-circle{border-radius:50%}.skeleton-card{border-radius:var(--radius-lg);min-height:120px}.gradient-text-cyan{background:linear-gradient(135deg,#38bdf8,#818cf8 60%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-emerald{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animated-gradient{background:linear-gradient(-45deg,#060a12,#0b1729,#0a1a2e,#06111e);background-size:400% 400%;animation:gradientFlow 12s ease infinite}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:30px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-cyan{background:#38bdf81f;border:1px solid rgba(56,189,248,.25);color:#38bdf8}.badge-emerald{background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#34d399}.badge-rose{background:#f43f5e1f;border:1px solid rgba(244,63,94,.25);color:#fb7185}.badge-amber{background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);color:#fbbf24}.badge-violet{background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);color:#a78bfa}.stat-number{font-family:JetBrains Mono,monospace;font-weight:700;letter-spacing:-.03em;line-height:1.1}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:700;padding:10px 14px;border-bottom:1px solid var(--border-color);text-align:left}.data-table td{padding:12px 14px;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.03);transition:background var(--transition-fast)}.data-table tr:hover td{background:#ffffff06}.hero-grid-bg{background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px);background-size:50px 50px}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;will-change:transform}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-track{display:flex;animation:ticker 30s linear infinite;white-space:nowrap}.ticker-track:hover{animation-play-state:paused}.nav-link{position:relative;color:var(--text-muted);font-size:.88rem;font-weight:500;text-decoration:none;transition:color var(--transition-base)}.nav-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--accent-cyan);border-radius:2px;transition:width var(--transition-base)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.card-glow-cyan{box-shadow:0 0 0 1px #38bdf814,inset 0 1px #38bdf80d}.card-glow-violet{box-shadow:0 0 0 1px #8b5cf614,inset 0 1px #8b5cf60d}.card-glow-rose{box-shadow:0 0 0 1px #f43f5e14,inset 0 1px #f43f5e0d}@media (max-width: 768px){.mobile-hide{display:none!important}.mobile-show{display:flex!important}main{padding:16px!important}header{padding:0 16px!important}button,a{min-height:44px}h1{font-size:2rem!important;line-height:1.2!important}h2{font-size:1.5rem!important;line-height:1.3!important}h3{font-size:1.2rem!important}.desktop-sidebar{display:none!important}}@media (max-width: 480px){h1{font-size:1.7rem!important}}.theme-light{--bg-main: #f8fafc;--bg-card: rgba(255, 255, 255, .75);--bg-card-hover: rgba(255, 255, 255, .9);--border-color: rgba(0, 0, 0, .1);--border-accent: rgba(2, 132, 199, .3);--text-primary: #0f172a;--text-muted: #475569}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{max-width:100vw;overflow-x:hidden;background-color:var(--bg-main);color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,.font-heading{font-family:Outfit,sans-serif;overflow-wrap:break-word;word-break:break-word}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:all .25s ease}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 12px 40px #38bdf81f}.glow-btn-cyan{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 0 20px #38bdf859;color:#fff;border-radius:10px;font-weight:600;transition:all .2s ease}.glow-btn-cyan:hover{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:0 0 30px #38bdf899;transform:translateY(-1px)}.glow-btn-rose{background:linear-gradient(135deg,#e11d48,#be123c);box-shadow:0 0 20px #f43f5e59;color:#fff;border-radius:10px;font-weight:600;transition:all .2s ease}.glow-btn-rose:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 0 30px #f43f5e99;transform:translateY(-1px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#090d16}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.status-pulse{position:relative}.status-pulse:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.6)}}.mobile-hide{display:flex}.mobile-show{display:none!important}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.mobile-hide{display:none!important}.mobile-show{display:flex!important}main{padding:16px!important}header{padding:0 16px!important}button,a{min-height:40px}h1{font-size:1.8rem!important;line-height:1.25!important}h2{font-size:1.4rem!important;line-height:1.3!important}.desktop-sidebar{display:none!important}}
