*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;min-width:320px;margin:0;font-family:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20px}.App{width:1400px;margin:20px auto;padding:20px;background-color:#f9f9f9;border-radius:12px;box-shadow:0 3px 10px #0000000d}.App h1{text-align:center;font-size:2rem;color:#2c3e50;margin-bottom:10px}p{font-size:1rem;color:#444;margin-bottom:10px}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}.events-container{display:grid;grid-template-columns:1fr;gap:20px}.events-container,[data-testid=event-list]{list-style:none;padding:0;margin:0}@media (min-width: 768px){.events-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.events-container{grid-template-columns:repeat(3,1fr)}}.event{background:#fff;border-radius:12px;box-shadow:0 3px 8px #00000014;padding:20px;transition:transform .2s ease;margin-bottom:1rem}.event:hover{transform:translateY(-2px)}.event h3{color:#007bff;font-size:1.2rem;margin-bottom:10px}.event p{font-size:.95rem;margin:5px 0}.event-description{margin-top:10px;color:#444}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#646cff;background-color:#0056b3}input[type=text],input[type=number]{padding:10px;width:100%;max-width:300px;margin-bottom:10px;border-radius:8px;border:1px solid #ccc;transition:border-color .3s}input:focus{border-color:#007bff;outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#000}}.subtitle{text-align:center;color:#555;margin-bottom:20px;font-size:1rem}.controls{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;align-items:center}@media (min-width: 768px){.controls{flex-direction:row;justify-content:center}}.loading,.no-events{text-align:center;font-size:1.1rem;color:#666;margin-top:20px}.input{padding:10px;width:100%;max-width:250px;margin-top:5px;margin-bottom:10px;border-radius:8px;border:1px solid #ccc;font-family:inherit;font-size:1rem;transition:border-color .3s;color:#333;background-color:#fff}.input:focus{border-color:#48ff00;outline:none}.suggestions{list-style:none;padding:0;margin:5px 0 0;border:1px solid #ccc;border-radius:8px;max-width:250px;background-color:#fff;box-shadow:0 2px 5px #0000001a;z-index:100;position:absolute}.suggestions li{padding:8px 12px;cursor:pointer;background-color:#fff!important;transition:background-color .2s}.suggestions li:hover{background-color:#f0f2f5;color:#333}@media (prefers-color-scheme: dark){.suggestions{background-color:#2b2b2b;border:1px solid #555;box-shadow:0 2px 5px #00000080;position:absolute}.suggestions li{color:#fff;background:#000;background-color:#2b2b2b!important}.suggestions li:hover{background-color:#444}}.alerts-container{position:fixed;top:0;left:20px;width:250px;z-index:1000}.charts-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}@media (max-width: 768px){.charts-container{grid-template-columns:1fr}}.chart-wrapper{width:100%;height:100%}