.filter-group.svelte-1s21789{display:flex;gap:.5rem;background:#f3f4f6;padding:.25rem;border-radius:.5rem;flex-wrap:wrap}.filter-group.svelte-1s21789 button:where(.svelte-1s21789){border:none;background:transparent;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease}.filter-group.svelte-1s21789 button:where(.svelte-1s21789):hover{color:#111827;background:#e5e7eb}.filter-group.svelte-1s21789 button.active:where(.svelte-1s21789){background:#fff;color:#2563eb;box-shadow:0 1px 3px #0000001a}@media (max-width: 640px){.container.svelte-1s21789{padding:1rem}h1.svelte-1s21789{font-size:1.5rem}.header-content.svelte-1s21789{flex-direction:column;align-items:flex-start}.filter-group.svelte-1s21789{width:100%;justify-content:space-between}.filter-group.svelte-1s21789 button:where(.svelte-1s21789){flex:1;text-align:center;padding:.5rem .25rem;font-size:.75rem}}main.svelte-1s21789{width:100%;max-width:1200px;margin:0 auto;padding:20px}header.svelte-1s21789{margin-bottom:20px}.container.svelte-1s21789{max-width:1100px;margin:0 auto;padding:2rem 1rem}.page-header.svelte-1s21789{margin-bottom:2rem}.header-content.svelte-1s21789{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}h1.svelte-1s21789{font-size:2rem;margin:0;color:#111827}.subtitle.svelte-1s21789{color:#6b7280;margin:0;font-size:.875rem}.sales-list.svelte-1s21789{display:flex;flex-direction:column;gap:1rem}.empty-state.svelte-1s21789{text-align:center;padding:4rem 2rem;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.empty-state.svelte-1s21789 h3:where(.svelte-1s21789){margin:0 0 .5rem;color:#374151}.empty-state.svelte-1s21789 p:where(.svelte-1s21789){margin:0;color:#6b7280}@media (max-width: 640px){.container.svelte-1s21789{padding:1rem}h1.svelte-1s21789{font-size:1.5rem}.header-content.svelte-1s21789{flex-direction:column;align-items:flex-start}}