/* analytics — כללי CSS ייחודיים לעמוד. הבסיס המשותף נמצא ב-assets/css/site.css */
.pg /* ==== analytics dashboard mockup (additions only) ==== */
  .dash{position:relative; border-radius:24px; padding:22px; background:var(--glass-bg); border:1px solid var(--glass-border); box-shadow:var(--glass-shadow); backdrop-filter:blur(20px); overflow:hidden}
.pg .dash-head{display:flex; align-items:center; gap:12px; margin-bottom:18px}
.pg .dash-head .who{font-weight:700; font-size:15.5px}
.pg .dash-head .st{font-size:12.5px; color:var(--emerald); display:flex; align-items:center; gap:6px; margin-top:2px}
.pg .dash-head .st .d{width:7px; height:7px; border-radius:50%; background:var(--emerald); animation:pulse 2s infinite}
.pg .dash-head .rng{margin-inline-start:auto; font-family:var(--mono); font-size:12px; color:var(--muted); padding:5px 10px; border-radius:8px; border:1px solid var(--line); background:rgba(255,255,255,.04)}
.pg .kpis{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px}
.pg .kpi{padding:13px 14px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid var(--line)}
.pg .kpi .l{font-size:11px; color:var(--faint)}
.pg .kpi .v{font-size:21px; font-weight:800; margin-top:4px; font-variant-numeric:tabular-nums; background:var(--grad-heading); -webkit-background-clip:text; background-clip:text; color:transparent}
.pg .kpi .delta{font-size:11px; color:var(--emerald); margin-top:3px; font-variant-numeric:tabular-nums}
.pg .chart-lbl{display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--muted); margin-bottom:6px}
.pg .chart-lbl b{color:var(--text); font-weight:700}
.pg canvas#rev{display:block; width:100%; height:130px}
.pg .chan{margin-top:16px; padding-top:15px; border-top:1px solid var(--line)}
.pg .chan .chart-lbl{margin-bottom:12px}
.pg .bars{display:flex; align-items:flex-end; gap:14px; height:96px}
.pg .bar-col{flex:1; display:flex; flex-direction:column; align-items:center; gap:7px; height:100%; justify-content:flex-end}
.pg .bar-track{width:100%; display:flex; align-items:flex-end; justify-content:center; height:70px}
.pg .bar{width:60%; max-width:34px; border-radius:7px 7px 3px 3px; background:linear-gradient(180deg,#a855f7,#6366f1); height:0; transition:height 1.1s cubic-bezier(.22,1,.36,1); box-shadow:0 -6px 18px -8px rgba(168,85,247,.6)}
.pg .bar-col .bl{font-size:11px; color:var(--muted); text-align:center; line-height:1.2}
.pg .bar-col .bv{font-size:11px; font-weight:700; color:var(--text); font-variant-numeric:tabular-nums}
@media (max-width:900px){
  .pg .kpis{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .pg .bar{transition:none !important}
}
.pg /* match homepage header exactly (eliminate jump between pages) */
  nav{position:fixed; top:0; left:0; right:0; background:transparent; border-bottom:1px solid transparent; -webkit-backdrop-filter:none; backdrop-filter:none}
.pg /* nav links = plain text like the homepage (no pill padding -> no width/position jump) */
  .nav-links a{padding:0 !important; border-radius:0 !important; background:none !important; font-size:.9rem; font-weight:500; color:var(--muted); transition:color .15s}