:root{--background: #f6f7f8;--foreground: #101922;--card: #ffffff;--card-foreground: #101922;--primary: #137fec;--primary-foreground: #f0f7ff;--secondary: #dfeeff;--secondary-foreground: #0f172a;--muted: #e5ebf5;--muted-foreground: #4b5563;--accent: #0f172a;--accent-foreground: #ffffff;--destructive: #e11d48;--destructive-foreground: #ffffff;--border: #e5e7eb;--input: #cbd5f5;--ring: #137fec;--chart-1: #137fec;--chart-2: #22d3ee;--chart-3: #6366f1;--chart-4: #f97316;--chart-5: #10b981;--primary-05: rgba(19, 127, 236, .05);--primary-10: rgba(19, 127, 236, .1);--primary-20: rgba(19, 127, 236, .2);--accent-10: rgba(15, 23, 42, .1);--accent-20: rgba(15, 23, 42, .2);--shadow-soft: 0 25px 50px -12px rgba(15, 23, 42, .25)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--foreground);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(1000px 520px at -15% -10%,color-mix(in srgb,var(--chart-2) 20%,transparent),transparent 70%),radial-gradient(800px 440px at 120% 10%,color-mix(in srgb,var(--primary) 20%,transparent),transparent 65%),var(--background)}.insights-shell{position:relative;width:min(1200px,calc(100% - 2rem));margin:1.3rem auto 2.5rem;display:grid;gap:1rem}.grain{pointer-events:none;position:fixed;inset:0;opacity:.08;background-image:radial-gradient(var(--foreground) .35px,transparent .35px);background-size:3px 3px}.hero-card,.data-panel,.pages-card,.stat-card,.error-panel{border:1px solid var(--border);background:color-mix(in srgb,var(--card) 85%,#fff);box-shadow:var(--shadow-soft)}.hero-card{z-index:1;border-radius:30px;padding:1.2rem;display:flex;justify-content:space-between;gap:1rem;align-items:flex-end}.tag{margin:0;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--primary);font-size:.7rem}.hero-card h1{margin:.2rem 0 0;font-size:clamp(1.5rem,2.6vw,2.8rem);line-height:1.1}.lead{max-width:50ch;margin:.6rem 0 0;color:var(--muted-foreground)}.controls{display:grid;gap:.5rem;min-width:220px}.controls label{font-size:.8rem;color:var(--muted-foreground)}.controls select,.controls button{border-radius:12px;border:1px solid var(--input);font:inherit;padding:.62rem .75rem}.controls select{background:var(--card)}.controls button{border-color:var(--primary);background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--chart-2)));color:var(--primary-foreground);cursor:pointer}.controls button:disabled{opacity:.78;cursor:not-allowed}.status{margin:0;color:var(--muted-foreground)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}.stat-card{border-radius:18px;padding:.9rem;animation:rise .65s ease both}.stat-card p{margin:0;color:var(--muted-foreground);font-size:.84rem}.stat-card strong{margin-top:.45rem;display:block;font-size:1.45rem}.data-panel{border-radius:22px;padding:1rem}.panel-head{margin-bottom:.6rem;display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.panel-head--tight{align-items:flex-start}.subhead{margin:.24rem 0 0;color:var(--muted-foreground);font-size:.86rem}.pill-group{display:inline-flex;border:1px solid var(--border);border-radius:999px;background:var(--card);overflow:hidden}.pill{border:0;background:transparent;color:var(--muted-foreground);font:inherit;padding:.42rem .72rem;cursor:pointer}.pill--active{color:var(--primary-foreground);background:var(--primary)}.panel-head h2{margin:0}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.76rem;color:var(--muted-foreground)}.table-wrap{overflow-x:auto}.chart-stage{border:1px solid var(--muted);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 6%,var(--card)),var(--card));padding:.65rem}.trend-chart{width:100%;height:auto;max-height:300px;display:block}.axis{stroke:color-mix(in srgb,var(--foreground) 14%,transparent);stroke-width:1}.line{fill:none;stroke:var(--primary);stroke-width:3}.dot{fill:var(--card);stroke:var(--primary);stroke-width:2;transition:r .16s ease}.dot--active{fill:var(--primary)}.chart-foot{margin-top:.34rem;display:flex;justify-content:space-between}.insight-strip{margin-top:.7rem;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:.6rem}.insight-strip>div{border:1px solid var(--muted);border-radius:12px;padding:.55rem}.insight-strip p{margin:0;color:var(--muted-foreground);font-size:.78rem}.insight-strip strong{margin-top:.35rem;display:block}.focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem}.focus-card{border:1px solid var(--muted);border-radius:14px;background:color-mix(in srgb,var(--card) 75%,var(--secondary));padding:.7rem}.focus-card p{margin:0;color:var(--muted-foreground);font-size:.8rem}.focus-card strong{margin-top:.4rem;display:block;font-size:1.2rem}table{width:100%;min-width:540px;border-collapse:collapse}th,td{border-bottom:1px solid var(--muted);padding:.58rem .25rem;text-align:left}th{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.top-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem}.pages-card{border-radius:18px;padding:.92rem;animation:rise .65s ease both}.pages-card h3{margin:0}.pages-card ul{margin:.7rem 0 0;padding:0;list-style:none;display:grid;gap:.54rem}.pages-card li{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.mini-bar-track{margin-top:.36rem;width:100%;height:5px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent)}.mini-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--chart-2))}.pages-card p{margin:0}.pages-card strong{font-size:.95rem}.error-panel{border-radius:20px;padding:1rem;border-color:color-mix(in srgb,var(--destructive) 35%,var(--border));background:color-mix(in srgb,var(--destructive) 3%,var(--card))}.error-panel h2{margin:0}.error-panel p{margin:.45rem 0 0}.reveal-1,.reveal-2,.reveal-3{animation:fade-in .7s ease both}.reveal-2{animation-delay:.14s}.reveal-3{animation-delay:.24s}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.insights-shell{width:min(1200px,calc(100% - 1rem));margin-top:.8rem}.hero-card{flex-direction:column;align-items:flex-start;border-radius:20px}.controls{width:100%}.insight-strip{grid-template-columns:repeat(2,minmax(130px,1fr))}}