.events-container{width:100%;max-width:none;margin:0 auto}.events-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.view-toggle{display:flex;background-color:#f1f5f9;border-radius:8px;padding:4px;gap:2px}.view-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-toggle-btn.active{background-color:white;color:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.1)}.view-icon{width:16px;height:16px}.sort-controls{display:flex;align-items:center;gap:.5rem}.sort-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background-color:white;color:#1e293b;font-size:.875rem;cursor:pointer;transition:all .2s ease}.sort-select:hover{border-color:#cbd5e1}.sort-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%}.events-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.event-card{background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;border:1px solid #f1f5f9}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.event-image-container{position:relative;width:100%;height:200px;overflow:hidden}.event-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.event-card:hover .event-image{transform:scale(1.05)}.event-content{padding:1.5rem}.event-header{margin-bottom:1rem}.event-organizer{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.event-title{color:#1e293b;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0}.event-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.event-detail-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.detail-icon{width:16px;height:16px;color:#94a3b8;flex-shrink:0}.register-button{width:100%;background-color:#3b82f6;color:white;border:none;border-radius:8px;padding:12px 16px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.register-button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px rgba(59,130,246,.3)}.register-button:active{transform:translateY(0)}.event-list-item{display:flex;background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;border:1px solid #f1f5f9;min-height:180px}.event-list-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.event-list-image-container{position:relative;width:250px;height:180px;flex-shrink:0;overflow:hidden}.event-list-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.event-list-item:hover .event-list-image{transform:scale(1.05)}.event-list-content{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;flex:1;min-width:0}.event-list-header{flex:1}.event-list-organizer{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.event-list-title{color:#1e293b;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 1rem}.event-list-register-button{background-color:#64748b;color:white;border:none;border-radius:6px;padding:8px 20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start;text-transform:none;letter-spacing:normal}.event-list-register-button:hover{background-color:#475569;transform:translateY(-1px)}.event-list-details{display:flex;flex-direction:column;justify-content:center;padding:1.5rem;gap:1rem;min-width:200px;background-color:#fafafa;border-left:1px solid #f1f5f9}.event-list-detail-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.list-detail-icon{width:16px;height:16px;color:#94a3b8;flex-shrink:0}.loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;gap:1rem;color:#64748b}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid #f1f5f9;border-top-color:#3b82f6;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;text-align:center;padding:3rem 1rem;background:white;border-radius:12px;margin:0 1rem;border:2px dashed #e2e8f0}.empty-icon{width:48px;height:48px;color:#cbd5e1;margin-bottom:1rem}.empty-state h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#64748b;font-size:.875rem;margin:0}.error-container{display:flex;justify-content:center;align-items:center;min-height:300px;background-color:white;border-radius:12px;margin:0 1rem;border:1px solid #fee2e2}.error-message{text-align:center;padding:2rem}.error-message h3{color:#dc2626;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.error-message p{color:#64748b;font-size:.875rem}.pagination{display:flex;justify-content:space-between;align-items:center;padding:2rem 1rem;margin-top:2rem;gap:1rem}.pagination-info{color:#64748b;font-size:.875rem;white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background-color:white;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:40px;font-weight:500}.pagination-btn:hover:not(:disabled){background-color:#3b82f6;color:white;border-color:#3b82f6}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.pagination-btn.active{background-color:#3b82f6;color:white;border-color:#3b82f6}.page-size-selector{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem;white-space:nowrap}.page-size-select{padding:6px 8px;border:1px solid #e2e8f0;border-radius:4px;background-color:white;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.page-size-select:hover{border-color:#3b82f6}.page-size-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}@media (max-width:1024px){.events-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.events-list{gap:1.25rem}.event-content{padding:1.25rem}.event-list-title,.event-title{font-size:1.125rem}.event-list-image-container{width:220px}.event-list-details{min-width:180px}.events-controls{flex-direction:column;gap:1rem;align-items:stretch}.view-toggle{align-self:center}}@media (max-width:768px){.events-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.events-list{gap:1rem}.event-list-item{flex-direction:column;min-height:auto}.event-list-image-container{width:100%;height:200px}.event-list-content{padding:1rem}.event-list-title{font-size:1rem;margin-bottom:.75rem}.event-list-details{min-width:auto;background-color:#f8fafc;border-left:none;border-top:1px solid #f1f5f9;padding:1rem;gap:.75rem}.event-list-detail-item{font-size:.8rem}.event-list-register-button{padding:8px 16px;font-size:.8rem}.event-content{padding:1rem}.event-title{font-size:1rem}.event-details{gap:.5rem;margin-bottom:1rem}.event-detail-item{font-size:.8rem}.register-button{padding:10px 12px;font-size:.8rem}.pagination{flex-direction:column;gap:1rem;padding:1.5rem 1rem}.pagination-controls{gap:.25rem}.pagination-btn{padding:6px 10px;font-size:.8rem;min-width:36px}.events-controls{padding:0 .5rem}}@media (max-width:480px){.events-grid{grid-template-columns:1fr;gap:1rem}.events-list{gap:1rem}.event-list-item{flex-direction:column}.event-list-image-container{height:160px}.event-list-content{padding:.875rem}.event-list-title{font-size:.95rem;line-height:1.2;margin-bottom:.5rem}.event-list-organizer{font-size:.8rem}.event-list-details{padding:.875rem;gap:.5rem}.event-list-detail-item{font-size:.75rem}.list-detail-icon{width:14px;height:14px}.event-list-register-button{padding:6px 12px;font-size:.75rem}.event-image-container{height:160px}.event-content{padding:.875rem}.event-title{font-size:.95rem;line-height:1.2}.event-organizer{font-size:.8rem}.event-detail-item{font-size:.75rem}.detail-icon{width:14px;height:14px}.register-button{padding:8px 10px;font-size:.75rem}.pagination{padding:1rem .5rem}.page-size-selector,.pagination-btn,.pagination-info{font-size:.75rem}.pagination-btn{padding:5px 8px;min-width:32px}.events-controls{padding:0 .5rem;margin-bottom:1.5rem}.view-toggle-btn{padding:6px 12px;font-size:.8rem}.sort-select{padding:6px 8px;font-size:.8rem}.empty-state{margin:0 .5rem;padding:2rem 1rem;min-height:300px}.empty-state h3{font-size:1.125rem}.empty-state p{font-size:.8rem}}