.main-container{display:flex;max-width:1400px;margin:0 auto;gap:30px;padding:30px 20px}.sidebar{width:300px;flex-shrink:0}.filter-section{background:white;border-radius:8px;padding:25px;box-shadow:0 2px 8px #0000001a;position:sticky;top:20px}.filter-title{font-size:1.5rem;margin-bottom:20px;color:#333;border-bottom:3px solid #667eea;padding-bottom:10px}.filter-group{margin-bottom:20px}.filter-label{display:block;font-weight:600;margin-bottom:8px;color:#555;font-size:.95rem}.filter-input,.filter-select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-buttons{display:flex;gap:6px}.filter-button{padding:6px 10px;border:1px solid #667eea;background:white;color:#667eea;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.filter-button.active,.filter-button:hover{background:#667eea;color:#fff}.clear-button{display:block;width:100%;padding:8px 0;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;margin-top:10px}.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.event-card{background:white;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;height:100%}.event-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.event-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:#f5f5f5}.event-image{width:100%;height:100%;object-fit:cover}.event-type-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.event-type-badge.indoor{background:#e8f4f8;color:#06c}.event-type-badge.outdoor{background:#f0f8e8;color:#360}.event-type-badge.both{background:#fdf4e8;color:#c60}.price-tag{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:8px 14px;border-radius:8px;font-weight:700;font-size:1rem;box-shadow:0 2px 8px #667eea4d}.event-details{flex:1;padding:20px;display:flex;flex-direction:column;gap:15px}.event-name{font-size:1.3rem;font-weight:700;color:#222;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{display:flex;gap:8px;align-items:flex-start}.info-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.info-content{display:flex;flex-direction:column;gap:2px}.info-label{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{font-size:.95rem;color:#333;font-weight:500}.facilities-section{display:flex;flex-direction:column;gap:8px}.section-title{font-size:.9rem;font-weight:700;color:#555;margin:0;text-transform:uppercase;letter-spacing:.5px}.facilities-list{display:flex;flex-wrap:wrap;gap:6px}.facility-badge{background:#f0f4ff;color:#667eea;padding:5px 10px;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap;border:1px solid #e0e8ff}.categories-section{display:flex;flex-direction:column;gap:8px}.categories-list{display:flex;flex-wrap:wrap;gap:6px}.category-badge{background:#fff4e8;color:#d97706;padding:5px 10px;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap;border:1px solid #fde4c8}.organizer-section{padding-top:12px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:12px}.organizer-header{display:flex;gap:10px;align-items:flex-start}.organizer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#f5f5f5}.organizer-info{flex:1;display:flex;flex-direction:column;gap:4px}.organizer-name{font-size:.95rem;font-weight:700;color:#222;margin:0}.organizer-phone,.organizer-email{font-size:.8rem;color:#666;margin:0;display:flex;gap:4px}.view-profile-btn{width:100%;padding:8px 12px;background-color:#f5f5f5;color:#667eea;border:1px solid #667eea;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s ease}.view-profile-btn:hover{background-color:#667eea;color:#fff}.event-actions{display:flex;gap:10px;margin-top:15px}.btn-register,.btn-learn-more{flex:1;padding:10px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease}.btn-register{background-color:#667eea;color:#fff}.btn-register:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.btn-learn-more{background-color:#f5f5f5;color:#667eea;border:1px solid #ddd}.btn-learn-more:hover{background-color:#f0f0f0;border-color:#667eea}.no-results{text-align:center;padding:60px 20px;background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a}.no-results-icon{font-size:4rem;margin-bottom:20px}.no-results h3{font-size:1.5rem;color:#333;margin-bottom:10px}.no-results p{color:#999;font-size:1rem}@media (max-width: 1024px){.main-container{flex-direction:column;gap:20px}.sidebar{width:100%}.filter-section{position:static}.events-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-title{font-size:1.8rem}.app-subtitle{font-size:1rem}.events-grid,.event-info{grid-template-columns:1fr}.filter-buttons{flex-direction:row;gap:5px}.filter-button{flex:1;padding:8px;font-size:.85rem}.event-actions{flex-direction:column}.btn-register,.btn-learn-more{width:100%}.sidebar{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.filter-section{padding:0;background:transparent;box-shadow:none}}@media (max-width: 480px){.main-container{padding:15px}.app-title{font-size:1.5rem}.filter-section{margin-bottom:20px}.event-details{padding:15px}.event-name{font-size:1.1rem;margin-bottom:12px}}