.events-page[data-v-9f8456b2]{background:#f8f9fa;min-height:100vh}.page-header[data-v-9f8456b2]{color:#fff;background:linear-gradient(135deg,#456cba,#6b8ce8);padding:60px 0 40px}.breadcrumb[data-v-9f8456b2]{align-items:center;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.breadcrumb a[data-v-9f8456b2]{color:#fffc;text-decoration:none;transition:color .3s}.breadcrumb a[data-v-9f8456b2]:hover{color:#fff}.separator[data-v-9f8456b2]{color:#fff9}.current[data-v-9f8456b2]{color:#fff;font-weight:500}.page-title[data-v-9f8456b2]{margin:0 0 16px;font-size:36px;font-weight:700}.page-description[data-v-9f8456b2]{opacity:.9;margin:0;font-size:18px;line-height:1.6}.filter-section[data-v-9f8456b2]{background:#fff;border-bottom:1px solid #e9ecef;padding:30px 0}.filter-row[data-v-9f8456b2]{flex-wrap:wrap;justify-content:space-between;gap:20px}.filter-row[data-v-9f8456b2],.search-box[data-v-9f8456b2]{align-items:center;display:flex}.search-box[data-v-9f8456b2]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:25px;flex:1;max-width:400px;padding:0 20px}.search-input[data-v-9f8456b2]{background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:14px}.search-btn[data-v-9f8456b2]{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .3s}.search-btn[data-v-9f8456b2]:hover{color:#456cba;background:#e9ecef}.filter-controls[data-v-9f8456b2]{flex-wrap:wrap;gap:12px;display:flex}.filter-select[data-v-9f8456b2]{background:#fff;border:1px solid #e9ecef;border-radius:8px;outline:none;padding:10px 16px;font-size:14px;transition:border-color .3s}.filter-select[data-v-9f8456b2]:focus{border-color:#456cba}.events-content[data-v-9f8456b2]{padding:40px 0}.events-stats[data-v-9f8456b2]{margin-bottom:30px}.stats-text[data-v-9f8456b2]{color:#6c757d;font-size:16px}.events-grid[data-v-9f8456b2]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:40px;display:grid}.event-card[data-v-9f8456b2]{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 2px 8px #00000014}.event-card[data-v-9f8456b2]:hover{border-color:#456cba;transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.event-header[data-v-9f8456b2]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.event-organizer-badge[data-v-9f8456b2]{color:#fff;background:linear-gradient(135deg,#456cba,#6b8ce8);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.event-time[data-v-9f8456b2]{color:#6c757d;font-size:14px}.event-title[data-v-9f8456b2]{color:#1a1a1a;margin:0 0 16px;font-size:20px;font-weight:600;line-height:1.4}.event-info[data-v-9f8456b2]{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.info-item[data-v-9f8456b2]{color:#6c757d;align-items:center;gap:8px;font-size:14px;display:flex}.info-item svg[data-v-9f8456b2]{color:#456cba}.event-content[data-v-9f8456b2]{color:#495057;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.event-requirements[data-v-9f8456b2]{margin-bottom:16px}.requirements-label[data-v-9f8456b2]{color:#6c757d;font-size:12px;font-weight:500}.requirements-text[data-v-9f8456b2]{color:#495057;font-size:13px;line-height:1.5}.event-footer[data-v-9f8456b2]{justify-content:space-between;align-items:center;display:flex}.event-contact[data-v-9f8456b2]{flex-direction:column;align-items:flex-start;display:flex}.contact-label[data-v-9f8456b2]{color:#6c757d;margin-bottom:4px;font-size:12px}.contact-phone[data-v-9f8456b2]{color:#456cba;font-size:14px;font-weight:600}.view-detail-btn[data-v-9f8456b2]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#456cba,#6b8ce8);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.view-detail-btn[data-v-9f8456b2]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #456cba4d}.pagination[data-v-9f8456b2]{justify-content:center;gap:16px;margin-top:40px}.pagination[data-v-9f8456b2],.pagination-btn[data-v-9f8456b2]{align-items:center;display:flex}.pagination-btn[data-v-9f8456b2]{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:8px;gap:6px;padding:10px 16px;font-size:14px;transition:all .3s}.pagination-btn[data-v-9f8456b2]:hover:not(:disabled){color:#456cba;border-color:#456cba}.pagination-btn[data-v-9f8456b2]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-9f8456b2]{gap:8px;display:flex}.page-number[data-v-9f8456b2]{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;transition:all .3s;display:flex}.page-number[data-v-9f8456b2]:hover{color:#456cba;border-color:#456cba}.page-number.active[data-v-9f8456b2]{color:#fff;background:#456cba;border-color:#456cba}@media (width<=768px){.page-header[data-v-9f8456b2]{padding:40px 0 30px}.page-title[data-v-9f8456b2]{font-size:28px}.page-description[data-v-9f8456b2]{font-size:16px}.filter-row[data-v-9f8456b2]{flex-direction:column;align-items:stretch}.search-box[data-v-9f8456b2]{max-width:none}.filter-controls[data-v-9f8456b2]{justify-content:center}.events-grid[data-v-9f8456b2]{grid-template-columns:1fr;gap:16px}.event-card[data-v-9f8456b2]{padding:20px}.event-title[data-v-9f8456b2]{font-size:18px}.event-footer[data-v-9f8456b2]{flex-direction:column;align-items:stretch;gap:12px}.view-detail-btn[data-v-9f8456b2]{justify-content:center}.pagination[data-v-9f8456b2]{flex-direction:column;gap:12px}.page-numbers[data-v-9f8456b2]{order:-1}}@media (width<=480px){.page-title[data-v-9f8456b2]{font-size:24px}.filter-controls[data-v-9f8456b2]{flex-direction:column}.filter-select[data-v-9f8456b2]{width:100%}.event-card[data-v-9f8456b2]{padding:16px}.event-title[data-v-9f8456b2]{font-size:16px}.event-content[data-v-9f8456b2]{font-size:13px}}