.charts-container{margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:450px;align-items:start}.charts-container>div{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;min-width:0;overflow:visible;width:100%;height:auto;position:relative}.charts-container h4{color:#333;font-size:1.3rem;margin-bottom:15px;text-align:center;font-weight:600;border-bottom:2px solid #8884d8;padding-bottom:8px}.chart-container{position:relative;width:100%;height:100%;min-height:400px}.recharts-responsive-container{width:100%!important;height:100%!important;min-height:400px;position:relative!important}.recharts-wrapper{width:100%!important;height:100%!important}.recharts-surface{overflow:visible!important}@media (max-width: 1024px){.charts-container{grid-template-columns:1fr;gap:20px;min-height:auto}}@media (max-width: 768px){.charts-container{margin:25px 0;gap:20px;grid-template-columns:1fr!important;display:grid!important;padding:0 10px}.charts-container>div{padding:20px;min-height:350px;border-radius:12px;box-shadow:0 4px 6px #0000001a;background:#fff;overflow:visible!important}.charts-container h4{font-size:1.2rem;margin-bottom:15px;padding-bottom:8px;text-align:center;color:#333;font-weight:600;border-bottom:2px solid #8884d8}.charts-container,.charts-container>div,[data-testid*=chart]{visibility:visible!important;display:block!important;opacity:1!important}.recharts-responsive-container{min-width:300px!important;min-height:320px!important;width:100%!important;display:block!important;position:relative!important;overflow:visible!important}.recharts-surface{width:100%!important;height:100%!important;overflow:visible!important}.recharts-wrapper{display:block!important;width:100%!important;height:100%!important;position:relative!important}.recharts-legend-wrapper{position:relative!important;bottom:auto!important;margin-top:15px!important}.recharts-default-legend{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important}.recharts-text{font-size:11px!important;font-weight:500!important}.recharts-tooltip-wrapper{z-index:1000!important}.recharts-surface{touch-action:pan-x pan-y!important}}@media (width: 768px),(max-width: 768px) and (min-width: 768px){.charts-container{gap:22px!important}.charts-container>div{min-height:360px!important;padding:22px!important}.recharts-responsive-container{min-height:330px!important}}@media (min-width: 481px) and (max-width: 767px){.charts-container{display:grid!important;grid-template-columns:1fr!important;gap:20px}.charts-container>div{display:block!important;visibility:visible!important;opacity:1!important;min-height:350px}.recharts-responsive-container{display:block!important;width:100%!important;min-width:300px!important;min-height:320px!important}}@media (max-width: 480px){.charts-container{margin:15px 0;gap:15px;grid-template-columns:1fr!important;display:grid!important}.charts-container>div{padding:15px;min-height:300px}.recharts-responsive-container{min-width:250px!important;min-height:280px!important}.recharts-text{font-size:9px!important}.recharts-legend-item{margin:5px 8px!important}}@media (max-width: 400px){.charts-container>div{padding:10px;min-height:280px}.charts-container h4{font-size:1rem;margin-bottom:8px}}@media (max-width: 768px) and (orientation: landscape){.charts-container{grid-template-columns:1fr 1fr;gap:10px}.charts-container>div{min-height:250px;padding:10px}}@media (max-width: 320px){.charts-container>div{padding:8px;min-height:240px}.charts-container h4{font-size:1rem;margin-bottom:8px}}@media (hover: none) and (pointer: coarse){.recharts-tooltip-wrapper{pointer-events:none!important}.recharts-surface{touch-action:pan-x pan-y!important}.charts-container>div{touch-action:manipulation!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.recharts-wrapper{touch-action:pan-x pan-y!important}}.App{text-align:center;padding:2% 5%}.App *{box-sizing:border-box}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.error-boundary-content{max-width:500px;text-align:center;padding:40px 20px;border:1px solid #e1e5e9;border-radius:8px;background-color:#f8f9fa}.error-boundary-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-top:15px}.error-boundary-button:hover{background-color:#0056b3}ul{padding:0;list-style:none}p{margin:5px 0}.app-header{margin-bottom:30px;position:relative}.app-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.app-header p{color:#666;font-size:1.2rem}.auth-controls{position:absolute;top:0;right:0;display:flex;align-items:center;gap:15px}.auth-status{color:#28a745;font-weight:500;font-size:.9rem}.auth-button{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.auth-button.login{background-color:#4285f4;color:#fff}.auth-button.login:hover{background-color:#3367d6;transform:translateY(-1px)}.auth-button.logout{background-color:#dc3545;color:#fff}.auth-button.logout:hover{background-color:#c82333;transform:translateY(-1px)}.auth-button.install{background-color:#28a745;color:#fff;margin-right:10px}.auth-button.install:hover{background-color:#218838;transform:translateY(-1px)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-container p{color:#666;font-size:1.1rem}@media (max-width: 768px){.auth-controls{position:static;justify-content:center;margin-top:15px;flex-wrap:wrap;gap:10px}.app-header{text-align:center}.auth-button{font-size:.8rem;padding:6px 12px}}.app-controls{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.chart{margin:20px 0}.chart h2{color:#333;margin-bottom:15px}.event-charts{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:24px;margin:20px 0;box-shadow:0 2px 4px #0000001a}.event-charts h3{color:#333;font-size:1.5rem;margin-bottom:20px;text-align:center;border-bottom:2px solid #1e3a8a;padding-bottom:10px}.chart-container{margin:20px 0;padding:16px;background:#f8f9fa;border-radius:6px;border-left:4px solid #1e3a8a}.chart-container h4{color:#1e3a8a;font-size:1.2rem;margin-bottom:15px;font-weight:600;text-align:center}.simple-chart{display:flex;flex-direction:column;gap:8px}.chart-item{display:flex;align-items:center;padding:8px 12px;background:#fff;border-radius:4px;border:1px solid #dee2e6;transition:all .2s ease}.chart-item:hover{background:#e3f2fd;border-color:#1e3a8a;transform:translate(2px)}.chart-item span{font-size:14px;color:#495057;font-weight:500}.simple-chart p{margin:5px 0;padding:8px 12px;background:#fff;border-radius:4px;border:1px solid #dee2e6;color:#495057;font-weight:500}.recharts-wrapper{margin:0 auto}.recharts-responsive-container{min-width:0!important;min-height:200px!important}.recharts-tooltip-wrapper{background:#fff!important;border:1px solid #ccc!important;border-radius:4px!important;box-shadow:0 2px 4px #0000001a!important}.recharts-default-tooltip{background:#fff!important;border:none!important;border-radius:4px!important}@media (max-width: 768px){.event-charts{padding:16px;margin:10px 0}.chart-container{padding:12px;margin:15px 0}.chart-container h4{font-size:1.1rem}.charts-container>div{padding:15px}.charts-container h4{font-size:1.1rem}}.city{width:250px;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.suggestions{background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;width:250px;position:absolute;z-index:1000;max-height:200px;overflow-y:auto}.suggestions li{padding:8px 12px;cursor:pointer;border-bottom:1px solid #eee}.suggestions li:hover{background-color:#f5f5f5}.suggestions li:last-child{border-bottom:none}#city-search{position:relative;display:inline-block}#number-of-events{margin-left:20px}.number-of-events-input{width:250px;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}#event-list{margin-top:30px}.event{padding:20px;margin:20px 0;border:1px solid #ddd;border-radius:8px;background:#f9f9f9;text-align:left}.event h1{color:#1e3a8a;font-size:1.5rem;margin-bottom:10px}.event p{color:#666;margin:5px 0}.details-btn{background:#1e3a8a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:10px}.details-btn:hover{background:#1e40af}.event-details{margin-top:15px;padding-top:15px;border-top:1px solid #ddd}.event-description{color:#555;line-height:1.5}.event-link{color:#1e3a8a;text-decoration:none;font-weight:500}.event-link:hover{text-decoration:underline}.alerts-container{margin-bottom:20px}.Alert{margin:10px 0}.Alert p{margin:0;border-radius:7px;padding:10px;text-align:center;font-size:12px;font-weight:500}.chart-container{position:relative;min-height:320px;padding:15px}.no-data-message{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-style:italic;padding:20px;text-align:center}@media (max-width: 768px){.chart-container{min-height:280px}.recharts-legend-wrapper{position:relative!important;bottom:auto!important}.recharts-default-legend{display:flex;flex-wrap:wrap;justify-content:center!important}}