.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0;flex-wrap:wrap}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md, 10px);background:#ffffff0a;color:var(--text-secondary, #94a3b8);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:40px;height:40px}.pagination-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:var(--text-primary, #e2e8f0)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-btn.pagination-page.active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff;font-weight:600;box-shadow:0 0 16px #6366f14d}.pagination-nav{padding:8px 14px}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:32px;height:40px;color:var(--text-secondary, #94a3b8);font-size:16px;user-select:none}@media(max-width:480px){.pagination-nav-text{display:none}.pagination-nav{padding:8px 10px;min-width:36px}.pagination-btn.pagination-page{min-width:36px;height:36px;padding:6px 8px;font-size:13px}.pagination-ellipsis{width:24px;height:36px}}.peh-container{width:100%;max-width:900px;margin:0 auto}.peh-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}.peh-header-left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.peh-header-right{display:flex;align-items:center}.peh-title{font-size:22px;font-weight:700;color:var(--text-primary, #e2e8f0);margin:0;text-align:center;flex:1;min-width:180px}.peh-count{font-size:13px;color:var(--text-secondary, #94a3b8);background:#ffffff0a;padding:6px 12px;border-radius:var(--radius-sm, 8px);border:1px solid rgba(255,255,255,.06);white-space:nowrap}.peh-current-event-btn{background:linear-gradient(135deg,#6366f126,#a855f726)!important;border-color:#6366f14d!important}.peh-current-event-btn:hover{background:linear-gradient(135deg,#6366f140,#a855f740)!important}.peh-grid{display:flex;flex-direction:column;gap:10px}.peh-card{display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md, 10px);text-decoration:none;color:inherit;transition:all .25s ease;cursor:pointer;position:relative;overflow:hidden}.peh-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-primary, #6366f1);opacity:0;transition:opacity .25s ease}.peh-card:hover{background:#ffffff0f;border-color:#6366f140;transform:translate(4px)}.peh-card:hover:before{opacity:1}.peh-card-latest{border-color:#6366f133;background:linear-gradient(135deg,#6366f10f,#a855f70a)}.peh-card-latest:before{opacity:1;background:linear-gradient(to bottom,var(--accent-primary, #6366f1),#a855f7)}.peh-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.peh-card-name{font-size:17px;font-weight:600;color:var(--text-primary, #e2e8f0)}.peh-badge-latest{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:20px;background:linear-gradient(135deg,#6366f133,#a855f733);color:#a78bfa;border:1px solid rgba(167,139,250,.25);white-space:nowrap}.peh-card-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.peh-card-date,.peh-card-duration{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary, #94a3b8)}.peh-card-action{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--accent-primary, #6366f1);opacity:0;transition:opacity .2s ease;margin-top:2px}.peh-card:hover .peh-card-action{opacity:1}.peh-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-secondary, #94a3b8)}.peh-error,.peh-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-secondary, #94a3b8);text-align:center}@media(max-width:600px){.peh-header{flex-direction:column;align-items:stretch;text-align:center}.peh-header-left,.peh-header-right{justify-content:center}.peh-title{font-size:18px}.peh-card{padding:14px 16px}.peh-card-name{font-size:15px}.peh-card-meta{gap:12px}.peh-card-action{opacity:1}}
