.moderator-dashboard.svelte-10zncn8{flex-direction:column;gap:20px;width:min(1120px,100%);margin:0 auto;display:flex}.dashboard-header.svelte-10zncn8{justify-content:space-between;align-items:flex-end;gap:18px;padding:8px 0 4px;display:flex}.eyebrow.svelte-10zncn8,.section-label.svelte-10zncn8{color:#64748b;margin:0 0 4px;font-size:13px}h1.svelte-10zncn8,h2.svelte-10zncn8{color:#0f172a;letter-spacing:0;margin:0;font-weight:600}h1.svelte-10zncn8{font-size:32px;line-height:1.12}h2.svelte-10zncn8{font-size:22px;line-height:1.2}.period-form.svelte-10zncn8{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.preset-group.svelte-10zncn8{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-height:38px;display:inline-flex;overflow:hidden}.preset-group.svelte-10zncn8 button:where(.svelte-10zncn8){color:#334155;cursor:pointer;background:0 0;border:0;border-right:1px solid #e2e8f0;padding:0 12px}.preset-group.svelte-10zncn8 button:where(.svelte-10zncn8):last-child{border-right:0}.period-form.svelte-10zncn8 label:where(.svelte-10zncn8){color:#475569;gap:4px;font-size:12px;display:grid}.period-form.svelte-10zncn8 input:where(.svelte-10zncn8){color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:38px;padding:0 10px}.primary-button.svelte-10zncn8{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;height:38px;padding:0 16px}.primary-button.svelte-10zncn8:disabled{opacity:.65;cursor:default}.metrics-grid.svelte-10zncn8{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-card.svelte-10zncn8{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:14px;min-height:118px;padding:18px;display:flex}.metric-card.svelte-10zncn8 p:where(.svelte-10zncn8){color:#475569;margin:0 0 10px;font-size:14px}.metric-card.svelte-10zncn8 strong:where(.svelte-10zncn8){color:#0f172a;font-size:34px;font-weight:650;line-height:1;display:block}.metric-icon.svelte-10zncn8{color:#2563eb;background:#eff6ff;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.analytics-section.svelte-10zncn8{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;gap:18px;padding:18px;display:flex}.summary-row.svelte-10zncn8{color:#475569;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:14px;display:flex}.summary-row.svelte-10zncn8 span:where(.svelte-10zncn8){background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px}.notice.svelte-10zncn8{border-radius:8px;padding:12px 14px;font-size:14px}.notice.error.svelte-10zncn8{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.skeleton.svelte-10zncn8{background:linear-gradient(90deg,#f1f5f9,#fff,#f1f5f9) 0 0/200% 100%;animation:1.2s ease-in-out infinite svelte-10zncn8-pulse}@keyframes svelte-10zncn8-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .eyebrow.svelte-10zncn8,.dark .section-label.svelte-10zncn8,.dark .metric-card.svelte-10zncn8 p:where(.svelte-10zncn8),.dark .summary-row.svelte-10zncn8,.dark .period-form.svelte-10zncn8 label:where(.svelte-10zncn8){color:#a1a1aa}.dark h1.svelte-10zncn8,.dark h2.svelte-10zncn8,.dark .metric-card.svelte-10zncn8 strong:where(.svelte-10zncn8),.dark .period-form.svelte-10zncn8 input:where(.svelte-10zncn8){color:#fff}.dark .metric-card.svelte-10zncn8,.dark .analytics-section.svelte-10zncn8,.dark .preset-group.svelte-10zncn8,.dark .period-form.svelte-10zncn8 input:where(.svelte-10zncn8){background:#18181b;border-color:#3f3f46}.dark .preset-group.svelte-10zncn8 button:where(.svelte-10zncn8){color:#e4e4e7;border-color:#3f3f46}.dark .metric-icon.svelte-10zncn8{color:#93c5fd;background:#1e3a8a59}.dark .summary-row.svelte-10zncn8 span:where(.svelte-10zncn8){background:#27272a;border-color:#3f3f46}.dark .skeleton.svelte-10zncn8{background:linear-gradient(90deg,#27272a,#18181b,#27272a) 0 0/200% 100%}@media (width<=900px){.dashboard-header.svelte-10zncn8,.analytics-section.svelte-10zncn8{flex-direction:column;align-items:stretch}.period-form.svelte-10zncn8,.summary-row.svelte-10zncn8{justify-content:flex-start}.metrics-grid.svelte-10zncn8{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){h1.svelte-10zncn8{font-size:27px}.period-form.svelte-10zncn8{grid-template-columns:1fr 1fr;display:grid}.preset-group.svelte-10zncn8,.primary-button.svelte-10zncn8{grid-column:1/-1}.metrics-grid.svelte-10zncn8{grid-template-columns:1fr}}
