:root{--sidebar-collapsed-w:80px;--sidebar-expanded-w:232px;--topbar-h:80px;--sidebar-bg:#ffffff;--sidebar-border:rgba(0,0,0,0.1);--sidebar-hover-bg:rgba(0,0,0,0.05);--highlight-bg:#7c3aed;--highlight-hover:#6d28d9;--topbar-bg:#ffffff;--topbar-border:rgba(139,92,246,0.2);--purple-text:#5b21b6;--purple-muted:#7c3aed;--transition:0.22s cubic-bezier(0.4,0,0.2,1)}.events-shell,.events-sidebar{display:flex;height:100vh;overflow:hidden}.events-sidebar{position:relative;flex-shrink:0;width:var(--sidebar-collapsed-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;align-items:flex-start;padding:24px 15px;transition:width var(--transition);z-index:40}.events-sidebar[data-expanded=true]{width:var(--sidebar-expanded-w)}.sidebar-grid-icon{display:flex;align-items:center;justify-content:center;width:100%;height:48px;flex-shrink:0;color:#000000;margin-bottom:24px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;width:100%;padding:0 8px}.sidebar-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.6;padding:12px 18px 4px}.sidebar-group-label,.sidebar-nav-item{color:#000000;white-space:nowrap;overflow:hidden}.sidebar-nav-item{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:42px;padding:0;border-radius:10px;font-size:14px;font-weight:500;letter-spacing:-.025em;text-decoration:none;transition:background var(--transition),color var(--transition);cursor:pointer}.sidebar-nav-item:hover{background:var(--sidebar-hover-bg);color:#000000}.sidebar-nav-item--active{background:rgba(0,0,0,.06);color:#000000}.sidebar-nav-item--highlight{background:var(--highlight-bg);color:#ffffff;font-weight:600;margin-bottom:6px}.sidebar-nav-item--highlight:hover{background:var(--highlight-hover);color:#ffffff}.sidebar-nav-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.events-sidebar[data-expanded=true] .sidebar-nav-item{justify-content:flex-start;gap:12px;padding:0 14px}.sidebar-nav-label{flex:1;overflow:hidden;opacity:0;width:0;transform:translateX(-6px);transition:opacity var(--transition),transform var(--transition);pointer-events:none}.events-sidebar[data-expanded=true] .sidebar-nav-label{opacity:1;width:auto;transform:translateX(0);pointer-events:auto}.events-sidebar[data-expanded=true] .sidebar-group-label{opacity:.6}.events-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;padding-bottom:4rem}@media (min-width:1024px){.events-content-area{padding-bottom:0;margin-left:5rem}}.events-topbar{height:var(--topbar-h);background:var(--topbar-bg);border-bottom:1px solid #000000;padding:0 24px;gap:16px;backdrop-filter:blur(12px)}.events-topbar,.topbar-brand{flex-shrink:0;display:flex;align-items:center}.topbar-brand{gap:8px;text-decoration:none;min-width:160px}.topbar-logo{width:60px;height:60px;object-fit:contain}.topbar-brand-name{font-size:28px;font-weight:500;color:#000000;letter-spacing:-.025em}.topbar-search-form{flex:1;display:flex;align-items:center;max-width:480px;margin:0 auto;position:relative}.topbar-search-icon{position:absolute;left:14px;color:#000000;display:flex;align-items:center;pointer-events:none}.topbar-search-input{width:100%;height:40px;background:rgba(255,255,255,.7);border:1px solid #000000;border-radius:12px;padding:0 16px 0 42px;font-size:14px;font-weight:400;color:#1a1a1a;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);font-family:var(--font-inter,inherit)}.topbar-search-input::placeholder{color:rgba(0,0,0,.45)}.topbar-search-input:focus{border-color:var(--purple-muted);background:rgba(255,255,255,.95);box-shadow:0 0 0 3px rgba(124,58,237,.12)}.topbar-profile-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#E8EBFE;border:1px solid #000000;display:flex;align-items:center;justify-content:center;color:#000000;cursor:pointer;transition:background var(--transition),box-shadow var(--transition);margin-left:auto}.topbar-profile-btn:hover{background:rgba(124,58,237,.18);box-shadow:0 0 0 3px rgba(124,58,237,.1)}.events-main{flex:1;overflow-y:auto;padding:28px 32px;background:linear-gradient(135deg,#E8EBFE,#ECE7FE);scrollbar-width:none}.events-main::-webkit-scrollbar{display:none}.events-grid-page{width:100%;max-width:1400px;margin:0 auto}.events-page-header{margin-bottom:12px}.events-page-title{font-size:32px;font-weight:400;color:#1a1a1a;letter-spacing:-.04em;margin:0 0 6px}.events-page-subtitle{font-size:16px;color:rgba(26,26,26,.6);margin:0}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:1024px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.events-main{padding:16px 12px}.events-grid{grid-template-columns:1fr;gap:16px}.events-page-title{font-size:24px}.event-card{min-height:auto;padding-bottom:8px}.event-card-image-wrap{width:100px;margin:12px}}.events-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 32px;color:var(--purple-muted);opacity:.6;font-size:15px;font-weight:500}.event-card{background:#ffffff;border-radius:16px;overflow:hidden;border:1px solid #000000;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:row;align-items:center;min-height:220px}.event-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(124,58,237,.14)}.event-card-image-wrap{position:relative;width:clamp(120px,12vw,140px);aspect-ratio:1/1.414;height:auto;overflow:hidden;flex-shrink:0;margin:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#f9f9fb}.event-card-image-wrap:after{content:"";position:absolute;inset:0;border:1px solid #000000;border-radius:4px;pointer-events:none;z-index:10}.event-card-image{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.event-badge{position:absolute;top:10px;left:10px;font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 10px;border-radius:99px}.event-badge--live{background:#ef4444;color:#fff;animation:pulse-badge 1.5s ease-in-out infinite}.event-badge--past{background:rgba(0,0,0,.45);color:#fff}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.event-save-btn{width:32px;height:32px;border-radius:50%;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(91,33,182,.5);transition:background .2s,color .2s,transform .2s}.event-save-btn:hover{background:#fff;transform:scale(1.1)}.event-save-btn--saved{color:var(--highlight-bg);background:rgba(124,58,237,.1)}.event-card-body{padding:16px 16px 16px 4px;flex:1;display:flex;flex-direction:column;gap:6px;justify-content:center}.event-category{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--purple-muted);background:rgba(124,58,237,.08);padding:2px 8px;border-radius:6px;align-self:flex-start}.event-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.35}.event-meta{display:flex;flex-direction:column;gap:4px;margin-top:2px}.event-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:rgba(0,0,0,.5)}.event-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border-top:1px solid #000000;padding-top:12px}.event-footer-left{display:flex;flex-direction:column;gap:2px}.event-date{font-size:12px;font-weight:600;color:var(--purple-muted)}.event-price{font-size:14px;font-weight:700;color:#1a1a1a}.event-register-btn{font-size:12px;font-weight:700;padding:6px 14px;border-radius:8px;background:var(--highlight-bg);color:#fff;border:1px solid #000000;cursor:pointer;transition:background .2s,transform .15s}.event-register-btn:hover{background:var(--highlight-hover);transform:scale(1.03)}@media (max-width:768px){.event-card-footer{flex-wrap:wrap;gap:8px}.event-register-btn{padding:6px 10px;font-size:11px;white-space:nowrap;flex-shrink:0}}.react-datepicker-wrapper{width:100%}.react-datepicker{font-family:inherit!important;border:2px solid #e5e7eb!important;border-radius:20px!important;box-shadow:0 10px 40px rgba(0,0,0,.08)!important;background:#ffffff!important;padding:12px!important}.react-datepicker__header{background:#ffffff!important;border-bottom:1px solid #f3f4f6!important;padding-top:8px!important;border-top-left-radius:20px!important;border-top-right-radius:20px!important}.react-datepicker__current-month{font-weight:800!important;font-size:16px!important;color:#000000!important;margin-bottom:8px!important}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{width:2.2rem!important;line-height:2.2rem!important;margin:.166rem!important}.react-datepicker__day-name{color:#9ca3af!important;font-weight:700!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em}.react-datepicker__day{color:#1f2937!important;font-weight:600!important;font-size:14px!important;border-radius:12px!important;transition:all .2s ease!important}.react-datepicker__day:hover{background-color:#f3f4f6!important;color:#000000!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#000000!important;color:#ffffff!important;font-weight:800!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.react-datepicker__day--selected:hover{background-color:#1f2937!important}.react-datepicker__navigation{top:16px!important}.react-datepicker__navigation-icon:before{border-color:#000000!important;border-width:2px 2px 0 0!important;transition:border-color .2s ease!important}.react-datepicker__navigation:hover :before{border-color:#6b7280!important}.react-datepicker__triangle{display:none!important}.react-datepicker-popper{z-index:50!important}