.event-list-component[data-v-75a0c69b]{width:100%}.view-mode-toggle[data-v-75a0c69b]{display:flex;gap:8px;justify-content:flex-end;margin-bottom:24px}.view-mode-button[data-v-75a0c69b]{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.view-mode-button[data-v-75a0c69b]:hover{background:#f9fafb;border-color:#d1d5db}.view-mode-button.active[data-v-75a0c69b]{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.loading[data-v-75a0c69b]{padding:60px 20px;text-align:center}.loading-spinner[data-v-75a0c69b]{animation:spin-75a0c69b .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;margin:0 auto 16px;width:48px}@keyframes spin-75a0c69b{to{transform:rotate(1turn)}}.no-events[data-v-75a0c69b]{padding:80px 20px;text-align:center}.no-events-icon[data-v-75a0c69b]{font-size:64px;margin-bottom:16px}.no-events h3[data-v-75a0c69b]{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:8px}.no-events p[data-v-75a0c69b]{color:#6b7280}.events-grid[data-v-75a0c69b]{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:100%}@media(min-width:1400px){.events-grid[data-v-75a0c69b]{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px)and (max-width:1399px){.events-grid[data-v-75a0c69b]{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px)and (max-width:1023px){.events-grid[data-v-75a0c69b]{grid-template-columns:repeat(2,1fr)}}.events-list-view[data-v-75a0c69b]{display:flex;flex-direction:column;gap:16px}.event-list-item[data-v-75a0c69b]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.event-list-item[data-v-75a0c69b]:hover{box-shadow:0 4px 12px #0000001a;transform:translate(4px)}.event-list-image[data-v-75a0c69b]{align-self:flex-start;background:#f3f4f6;border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:120px}.event-list-image img[data-v-75a0c69b]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.no-image-container[data-v-75a0c69b]{height:100%;overflow:hidden;position:relative;width:100%}.random-image[data-v-75a0c69b]{filter:brightness(.7);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.no-image-overlay[data-v-75a0c69b]{align-items:center;background:#0000004d;display:flex;justify-content:center;inset:0;pointer-events:none;position:absolute}.no-image-text[data-v-75a0c69b]{color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.5)}.event-list-content[data-v-75a0c69b]{flex:1;min-width:0}.event-list-header[data-v-75a0c69b]{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.event-list-title[data-v-75a0c69b]{color:#1f2937;flex:1;font-size:1rem;font-weight:700}.favorite-button-list[data-v-75a0c69b]{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.favorite-button-list[data-v-75a0c69b]:hover{background:#e5e7eb;transform:scale(1.1)}.event-list-meta[data-v-75a0c69b]{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.875rem;gap:12px;margin-bottom:8px}.event-list-description[data-v-75a0c69b]{color:#6b7280;display:-webkit-box;font-size:.875rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.events-grid[data-v-75a0c69b]{grid-template-columns:1fr}.view-mode-toggle[data-v-75a0c69b]{margin-bottom:16px}.view-mode-button span[data-v-75a0c69b]{display:none}.event-list-item[data-v-75a0c69b]{flex-direction:column}.event-list-image[data-v-75a0c69b]{height:160px;width:100%}}