body { min-height:100vh; }
.analytics-shell { min-height:100vh; display:grid; grid-template-columns:220px minmax(0,1fr); }
.analytics-side { padding:22px 14px; background:#111920; border-right:1px solid var(--line); }
.analytics-brand { font-size:1.05rem; font-weight:700; padding:8px 10px 20px; display:flex; align-items:center; gap:9px; }
.analytics-brand img { width:34px; height:34px; object-fit:contain; }
.analytics-nav { display:grid; gap:6px; }
.analytics-nav a { padding:11px 12px; border-radius:8px; color:var(--muted); text-decoration:none; }
.analytics-nav a:hover,.analytics-nav a.active { color:var(--text); background:rgba(61,155,143,.18); }
.analytics-main { min-width:0; }
.analytics-head { min-height:70px; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); background:rgba(15,20,25,.88); position:sticky; top:0; z-index:5; }
.analytics-head h1 { font-size:1.2rem; margin:0; }
.analytics-actions { display:flex; align-items:center; gap:10px; }
.analytics-actions select { width:190px; }
.analytics-body { padding:20px 24px 30px; }
.admin-analytics-body { padding:0; }
.analytics-filter { display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px; padding:14px; }
.analytics-filter .field { margin:0; min-width:145px; flex:1; }
.analytics-filter .field.wide { min-width:210px; }
.view-tabs { display:flex; gap:6px; margin-bottom:14px; }
.chart-panel { margin-top:14px; padding:18px; height:390px; }
.chart-panel canvas { max-height:330px; }
.analytics-table { margin-top:14px; }
.analytics-table td,.analytics-table th { white-space:nowrap; }
.metric { font-weight:700; color:var(--accent-2); }
.empty { text-align:center; color:var(--muted); padding:34px!important; }
.detail-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin:12px 0; }
.detail-stat { background:rgba(255,255,255,.035); padding:12px; border-radius:7px; }
.detail-stat span { display:block; color:var(--muted); font-size:.78rem; margin-bottom:4px; }
@media(max-width:800px){
  .analytics-shell{grid-template-columns:1fr}.analytics-side{position:static;padding:12px}.analytics-brand{padding:4px 6px 10px}.analytics-nav{display:flex;overflow-x:auto}.analytics-nav a{white-space:nowrap}
  .analytics-head{position:static;padding:12px;align-items:flex-start;flex-direction:column}.analytics-actions{width:100%;flex-wrap:wrap}.analytics-actions select{flex:1;width:auto}.analytics-body{padding:12px}.analytics-filter .field{min-width:calc(50% - 8px)}.chart-panel{height:320px;padding:10px}.detail-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){.analytics-filter .field{min-width:100%}.analytics-actions .btn{flex:1}.view-tabs .btn{flex:1}.detail-grid{grid-template-columns:1fr}}