body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f6f8fa;margin:0;padding:0;color:#333}.App{max-width:1200px;margin:0 auto;padding:30px 20px}.alerts-container{position:fixed;top:20px;left:20px;width:300px;z-index:1000}#search-number-container{display:flex;gap:50px;margin-bottom:20px;flex-wrap:wrap}.city-search-container{display:flex;align-items:center;gap:10px;flex:1;max-width:400px;position:relative}.city-search-container input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid #ccc;font-size:.95rem;transition:all .3s ease}.city-search-container input:focus{border-color:#0078d7;outline:none;box-shadow:0 0 5px #0078d780}.city-search-container .see-all-btn{padding:10px 14px;border-radius:8px;border:none;background-color:#0078d7;color:#fff;cursor:pointer;font-size:.95rem;transition:background .3s ease}.city-search-container .see-all-btn:hover{background-color:#005ea6}.city-search-container ul.suggestions{list-style:none;margin:5px 0 0;padding:0;border:1px solid #ccc;border-radius:8px;max-height:150px;overflow-y:auto;background-color:#fff;position:absolute;top:110%;left:0;width:100%;z-index:10}.city-search-container ul.suggestions li{padding:8px 12px;cursor:pointer;transition:background .2s}.city-search-container ul.suggestions li:hover{background-color:#f0f0f0}#number-of-events{flex-direction:column;flex:1;max-width:400px}#number-of-events label{margin-bottom:6px;font-weight:500}#number-of-events input{padding:10px 14px;border-radius:8px;margin:10px;border:1px solid #ccc;font-size:.95rem;transition:all .3s ease}#number-of-events input:focus{border-color:#0078d7;outline:none;box-shadow:0 0 5px #0078d780}#number-of-events input::placeholder{color:#aaa;font-style:italic}#event-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0;margin:0}@media (max-width: 1200px){#event-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){#event-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){#event-list{grid-template-columns:1fr}}.event-item{background-color:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.event-item:hover{transform:translateY(-3px);box-shadow:0 6px 14px #0000001f}.event-item h3{font-size:1.2rem;margin-bottom:8px;color:#222}.event-item p{margin:4px 0;color:#555;font-size:.95rem}.event-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}button.show-details-btn,button.load-more-btn{background-color:#0078d7;color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:500;transition:background .3s ease,transform .2s ease}button.show-details-btn:hover,button.load-more-btn:hover{background-color:#005ea6;transform:translateY(-1px)}.load-more-btn{display:block;margin:25px auto 0}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:40px 0;justify-items:center}.charts-container>div{background:#fff;border-radius:16px;box-shadow:0 3px 10px #0000001a;padding:20px;width:100%;max-width:350px;transition:transform .3s ease,box-shadow .3s ease}.charts-container>div:hover{transform:translateY(-3px);box-shadow:0 6px 14px #0000001f}.chart-title{text-align:center;font-weight:600;margin-bottom:12px;color:#333}.loading-text,.no-events-text{text-align:center;margin:20px 0;font-weight:500;color:#555}@media (max-width: 900px){#search-number-container{flex-direction:column;gap:15px}.city-search-container,#number-of-events{max-width:100%}}