@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#f0f2f7;--bg-surface:#fff;--bg-elevated:#f8f9fc;--bg-hover:#f1f4f9;--border-subtle:#e8ecf2;--border-default:#d8dde8;--text-primary:#1a1f2e;--text-secondary:#4a5568;--text-muted:#8a94a6;--accent:#3b82f6;--accent-dim:#ebf3ff;--accent-hover:#2563eb;--green:#10b981;--green-dim:#ecfdf5;--amber:#f59e0b;--amber-dim:#fffbeb;--red:#ef4444;--red-dim:#fef2f2;--blue:#3b82f6;--blue-dim:#eff6ff;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-display:"Inter",sans-serif;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a,0 4px 8px #0000000a;--shadow-glow:0 0 0 3px #3b82f626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-purple{color:#6366f1;background:#f0eeff;border:1px solid #ddd6fe}.badge-green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-amber{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.badge-red{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.badge-blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.badge-gray{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 3px #3b82f64d}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 2px 8px #3b82f666}.btn-ghost{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-default)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-ghost.active{background:var(--accent-dim);color:var(--accent-hover);border-color:#bfdbfe;font-weight:600}.data-table{border-collapse:collapse;width:100%;font-family:var(--font-body)}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:12px 16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-elevated)}.input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);outline:none;width:100%;padding:9px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:var(--shadow-glow)}.input::placeholder{color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated)25%,var(--border-subtle)50%,var(--bg-elevated)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.4s both fadeUp}.divider{background:var(--border-subtle);height:1px;margin:40px 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-subtle)!important}.recharts-tooltip-wrapper{outline:none!important}.ad-slot{background:var(--bg-elevated);border:1.5px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);font-size:12px;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex}@media (max-width:768px){.container{padding:0 16px}.hide-mobile{display:none!important}}@media (max-width:480px){.hide-sm{display:none!important}}