.events-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.nav-btn{background:var(--gray-100);border:none;padding:8px 20px;border-radius:40px;cursor:pointer;font-size:0.85rem;transition:all 0.2s}.nav-btn.active{background:var(--primary-color);color:white;box-shadow:0 2px 8px rgba(59,130,246,0.3)}.events-search{position:relative;margin-bottom:24px}.events-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-400)}.events-search input{width:100%;padding:12px 16px 12px 42px;border:1px solid var(--gray-300);border-radius:48px;font-size:0.9rem}.events-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-height:600px;overflow-y:auto}.event-card{background:white;border:1px solid var(--gray-200);border-radius:16px;transition:all 0.2s}.event-card:hover{border-color:var(--primary-light);box-shadow:0 4px 12px rgba(0,0,0,0.05)}.event-header{display:flex;align-items:center;gap:16px;padding:14px 20px;background:linear-gradient(135deg, var(--gray-50), #fff);cursor:pointer;border-bottom:1px solid var(--gray-200)}.event-name{font-family:'Fira Code',monospace;font-weight:600;font-size:1rem;color:var(--primary-color);min-width:140px}.event-category{background:var(--gray-200);padding:2px 10px;border-radius:20px;font-size:0.7rem;color:var(--gray-600)}.event-desc{flex:1;font-size:0.85rem;color:var(--gray-600)}.event-icon{color:var(--gray-400);transition:transform 0.2s}.event-icon.expanded{transform:rotate(180deg)}.event-detail{display:none;padding:20px;background:#1a1a2e;color:#e0e0e0;border-top:1px solid var(--gray-700)}.event-detail.show{display:block}.detail-section{margin-bottom:16px}.detail-section h4{font-size:0.85rem;color:var(--primary-color);margin-bottom:8px}.detail-section p{font-size:0.8rem;line-height:1.5;color:#cbd5e1}.code-block{background:#0f0f1a;padding:12px;border-radius:8px;font-family:'Fira Code',monospace;font-size:0.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.code-block pre{margin:0;color:#a5d6ff}.event-bubbles{display:inline-block;padding:2px 8px;border-radius:4px;font-size:0.7rem;margin-left:8px}.bubbles-yes{background:#d1fae5;color:#065f46}.bubbles-no{background:#fee2e2;color:#991b1b}.events-stats{display:flex;justify-content:center;gap:32px;padding:16px;background:var(--gray-50);border-radius:16px;font-size:0.85rem;color:var(--gray-600)}.events-stats strong{color:var(--primary-color);font-size:1.1rem}@media (max-width:768px){.event-header{flex-wrap:wrap;gap:8px}.event-name{min-width:auto}.event-desc{width:100%}}