.tabs-row { display:flex; gap:4px; margin-bottom:20px; }
.tab { padding:7px 16px; border-radius:8px; font-size:12.5px; font-weight:500; cursor:pointer; color:var(--muted); transition:all 0.15s; }
.tab:hover  { background:rgba(75,142,240,0.07); color:var(--text); }
.tab.active { background:linear-gradient(135deg, rgba(37,99,200,0.18), rgba(75,142,240,0.09)); color:var(--primary2); }
.analytics-stats { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:18px; }
.an-stat { padding:16px 18px; }
.an-stat-val   { font-size:22px; font-weight:700; }
.an-stat-lbl   { font-size:11.5px; color:var(--muted); margin-top:3px; }
.an-stat-trend { font-size:11px; margin-top:5px; font-weight:600; }
.trend-up   { color:var(--green); }
.trend-down { color:var(--red); }
.analytics-charts-row  { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.analytics-bottom-row  { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.category-list { padding:14px 18px; }
.cat-row  { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.cat-name { font-size:12.5px; font-weight:500; width:110px; flex-shrink:0; }
.cat-bar-wrap { flex:1; height:8px; background:rgba(0,0,0,0.07); border-radius:99px; position:relative; }
.cat-bar  { height:100%; border-radius:99px; background:linear-gradient(90deg, var(--primary), var(--primary2)); position:relative; box-shadow:0 0 6px rgba(75,142,240,0.4); transition:width 0.4s cubic-bezier(.4,0,.2,1); }
.cat-bar::after { content:''; position:absolute; right:-4px; top:50%; transform:translateY(-50%); width:10px; height:10px; border-radius:50%; background:#fff; border:2.5px solid var(--primary2); box-shadow:0 0 6px rgba(75,142,240,0.55); }
.cat-val  { font-size:11px; color:var(--muted); width:50px; text-align:right; flex-shrink:0; }