.navbar[data-v-d2010ab6]{background-size:cover;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:.5rem 0}.navbar[data-v-d2010ab6]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);z-index:-1}.navbar .container[data-v-d2010ab6]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.img_logo[data-v-d2010ab6]{width:100%;height:80px;-o-object-fit:cover;object-fit:cover;margin-right:3px}.nav-brand[data-v-d2010ab6]{font-size:1.2rem;font-weight:500;color:#2c3e50;display:flex}.nav-menu[data-v-d2010ab6]{display:flex;gap:2rem}.nav-link[data-v-d2010ab6]{text-decoration:none;color:#333;font-weight:500;transition:color .3s;padding:.5rem 0}.nav-link.active[data-v-d2010ab6],.nav-link[data-v-d2010ab6]:hover{color:#3498db}.auth-buttons[data-v-d2010ab6]{display:flex;gap:1rem}.btn-login[data-v-d2010ab6],.btn-register[data-v-d2010ab6]{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.btn-login[data-v-d2010ab6]{background:#fff;color:#3498db;border:1px solid #3498db}.btn-register[data-v-d2010ab6]{background:#3498db;color:#fff}.mobile-menu-btn[data-v-d2010ab6]{display:none;flex-direction:column;background:none;border:none;cursor:pointer}.mobile-menu-btn span[data-v-d2010ab6]{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s}.mobile-menu[data-v-d2010ab6]{display:none;background:#fff;padding:1rem 20px;box-shadow:0 2px 10px rgba(0,0,0,.1);position:absolute;top:100%;left:0;right:0;z-index:999}.mobile-nav-link[data-v-d2010ab6]{display:block;padding:.8rem 0;text-decoration:none;color:#333;border-bottom:1px solid #eee}.mobile-nav-link[data-v-d2010ab6]:last-child{border-bottom:none}@media (max-width:768px){.auth-buttons[data-v-d2010ab6],.nav-menu[data-v-d2010ab6]{display:none}.mobile-menu-btn[data-v-d2010ab6]{display:flex}.mobile-menu[data-v-d2010ab6]{display:block}}@media (max-width:480px){.navbar .container[data-v-d2010ab6]{padding:0 15px}.mobile-menu[data-v-d2010ab6]{padding:1rem 15px}}.footer[data-v-441f5106]{background:#2c3e50;color:#fff;padding:2rem 0}.footer .container[data-v-441f5106]{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content[data-v-441f5106]{display:flex;justify-content:space-between;align-items:center}.footer-links a[data-v-441f5106]{color:#fff;text-decoration:none;margin-left:1rem;transition:color .3s}.footer-links a[data-v-441f5106]:hover{color:#3498db}@media (max-width:768px){.footer-content[data-v-441f5106]{flex-direction:column;gap:1rem;text-align:center}.footer-links a[data-v-441f5106]{margin:0 .5rem}}@media (max-width:480px){.footer .container[data-v-441f5106]{padding:0 15px}}.container[data-v-685a482a]{max-width:1200px;margin:0 auto;padding:0 20px}.hero-banner[data-v-685a482a]{position:relative;height:200px;overflow:hidden}.banner-bg[data-v-685a482a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.8)}.breadcrumb[data-v-685a482a]{position:absolute;bottom:20px;left:350px;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.breadcrumb a[data-v-685a482a]{color:#fff;text-decoration:none;transition:all .3s ease;padding:2px 4px;border-radius:3px}.breadcrumb a[data-v-685a482a]:hover{color:#3498db;background:hsla(0,0%,100%,.2)}.main-content[data-v-685a482a]{padding:3rem 0;min-height:calc(100vh - 400px);background:#f8fafc}.layout-wrapper[data-v-685a482a]{display:flex;gap:2rem}.sidebar[data-v-685a482a]{width:200px;flex-shrink:0}.sidebar-menu[data-v-685a482a]{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);overflow:hidden}.sidebar-item[data-v-685a482a]{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;cursor:pointer;transition:all .3s ease;color:#4a5568;font-weight:500}.sidebar-item[data-v-685a482a]:hover{background:#f7fafc;color:#3498db}.sidebar-item.active[data-v-685a482a]{background:#3498db;color:#fff}.content-wrapper[data-v-685a482a]{flex:1}.filter-bar[data-v-685a482a]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.filter-group[data-v-685a482a]{display:flex;align-items:center;gap:.8rem}.filter-group label[data-v-685a482a]{font-weight:500;color:#4a5568;white-space:nowrap}.category-tabs[data-v-685a482a]{display:flex;gap:.5rem}.category-tab[data-v-685a482a]{padding:.5rem 1.2rem;border:1px solid #e2e8f0;border-radius:20px;background:#fff;color:#4a5568;cursor:pointer;transition:all .3s ease;font-size:.9rem}.category-tab[data-v-685a482a]:hover{border-color:#3498db;color:#3498db}.category-tab.active[data-v-685a482a]{background:#3498db;color:#fff;border-color:#3498db}.events-grid[data-v-685a482a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.event-card[data-v-685a482a]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease;display:flex;flex-direction:column}.event-card[data-v-685a482a]:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.event-image[data-v-685a482a]{position:relative;height:200px;overflow:hidden}.event-image img[data-v-685a482a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.event-card:hover .event-image img[data-v-685a482a]{transform:scale(1.05)}.event-tag[data-v-685a482a]{position:absolute;top:12px;right:12px;padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;color:#fff}.event-tag.ready[data-v-685a482a]{background:#3498db}.event-tag.ongoing[data-v-685a482a]{background:#2ecc71}.event-tag.ended[data-v-685a482a]{background:#95a5a6}.event-tag.practice[data-v-685a482a]{background:#9b59b6}.event-content[data-v-685a482a]{padding:1.5rem;flex:1;display:flex;flex-direction:column}.event-title[data-v-685a482a]{font-size:1.2rem;font-weight:600;color:#1a202c;margin-bottom:1rem;line-height:1.4}.event-meta[data-v-685a482a]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;font-size:.9rem;color:#718096}.event-meta i[data-v-685a482a]{margin-right:.4rem;color:#3498db}.event-desc[data-v-685a482a]{color:#4a5568;line-height:1.6;margin-bottom:1.5rem;flex:1;font-size:.95rem}.btn-enroll[data-v-685a482a]{padding:.7rem 1.5rem;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;align-self:flex-end}.btn-enroll.ready[data-v-685a482a]{background:#3498db}.btn-enroll.ongoing[data-v-685a482a]{background:#2ecc71}.btn-enroll.ended[data-v-685a482a]{background:#95a5a6}.btn-enroll.practice[data-v-685a482a]{background:#9b59b6}.btn-enroll[data-v-685a482a]:hover{opacity:.9;transform:translateY(-2px)}.empty-state[data-v-685a482a]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05)}.empty-icon[data-v-685a482a]{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-text[data-v-685a482a]{font-size:1.2rem;font-weight:500;color:#4a5568;margin-bottom:.5rem}.empty-subtext[data-v-685a482a]{color:#a0aec0;font-size:.95rem}.float-buttons[data-v-685a482a]{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.8rem;z-index:999}.float-btn[data-v-685a482a]{writing-mode:vertical-rl;text-orientation:mixed;padding:1rem .6rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.float-btn[data-v-685a482a]:hover{background:#3498db;color:#fff;transform:translateX(-4px)}.float-btn-top[data-v-685a482a]{background:#3498db;color:#fff}@media (max-width:768px){.layout-wrapper[data-v-685a482a]{flex-direction:column}.sidebar[data-v-685a482a]{width:100%}.sidebar-menu[data-v-685a482a]{display:flex}.sidebar-item[data-v-685a482a]{flex:1;justify-content:center}.breadcrumb[data-v-685a482a]{left:15px}.events-grid[data-v-685a482a]{grid-template-columns:1fr}}