.user-list{background-color:#1e1e1e;border-radius:10px;box-shadow:0 2px 5px #00000080;margin:0 auto;max-width:500px;padding:20px;text-align:center;width:100%}.user-list h2{color:#ff9800;margin-bottom:15px}.user-list ul{list-style:none;padding:0}.user-list li{background-color:#2c2c2c;border-radius:5px;color:#fff;cursor:pointer;margin:10px 0;padding:15px;transition:background-color .2s}.user-list li:hover{background-color:#444}.flight-list{background-color:#1e1e1e;border-radius:10px;box-shadow:0 2px 5px #00000080;margin:0 auto;max-width:500px;padding:20px;text-align:center;width:100%}.flight-list h2{color:#ff9800;margin-bottom:15px}.flight-list ul{list-style:none;padding:0}.flight-list li{background-color:#2c2c2c;border-radius:5px;color:#fff;cursor:pointer;margin:10px 0;padding:15px;transition:background-color .2s}.flight-list li:hover{background-color:#444}.flight-details{background-color:#2c2c2c;color:#fff;display:flex;flex-direction:column}.flight-details,.stats-section{border-radius:10px;padding:20px}.stats-section{background-color:#1e1e1e;margin-top:20px}.stats-section ul{color:#fff;list-style-type:none;margin:0;padding:0}.stats-section ul li{font-size:14px;margin:5px 0}.stats-section h3{color:#ff9800;margin-bottom:10px}.progress-bar{align-items:center;display:flex;flex-direction:column;gap:5px;margin-bottom:20px;width:100%}.progress-bar-text{display:flex;justify-content:space-between;width:100%}.progress-line{background-color:#444;border-radius:6px;height:12px;overflow:hidden;position:relative;width:100%}.progress-line .ongoing{animation:progress-animation 2s infinite alternate;background-color:#ff9800;height:100%;position:absolute;width:50%}.progress-line .finished{background-color:#4caf50;height:100%;position:absolute;width:100%}.progress-line .crashed{background-color:red;color:#fff;font-weight:700;height:100%;line-height:12px;position:absolute;text-align:center;width:100%}.flight-time{color:#fff;font-size:16px;text-align:center}@keyframes progress-animation{0%{width:25%}to{width:75%}}.end-time,.start-time{color:#ff9800;font-size:18px;font-weight:700}.metrics{display:flex;flex-direction:column;font-size:1rem;gap:10px}.altitude-chart,.flight-path-visualizer{background-color:#1e1e1e;border-radius:10px;margin-top:20px;padding:10px;text-align:center}canvas{border-radius:10px;height:auto;max-width:100%}@media (max-width:768px){.flight-details{padding:10px}.progress-bar{flex-direction:column}.progress-line{margin:10px 0}.stats-section{padding:10px}.metrics{font-size:.9rem}}body,html{background-color:#1e1e1e;box-sizing:border-box;color:#fff;height:100%;margin:0;padding:0;width:100%}.app,body,html{font-family:Arial,sans-serif}.app{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}.back-button{background-color:#ff9800;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;left:10px;padding:10px 15px;position:fixed;top:10px;z-index:1000}.back-button:hover{background-color:#e68a00}.desktop-layout{grid-gap:20px;display:grid;grid-template-columns:300px 1fr;min-height:100vh;overflow:hidden}.sidebar{background-color:#1e1e1e;border-radius:10px;box-shadow:0 2px 5px #00000080;display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.sidebar>*{margin:0;padding:0}.flight-details-container{background-color:#2c2c2c;border-radius:10px;box-shadow:0 2px 5px #00000080;overflow-y:auto;padding:20px}.placeholder{color:#ff9800;font-size:1.2rem;margin-top:20px;text-align:center}.flight-list,.user-list{background-color:initial;box-shadow:none;padding:0}.flight-list ul,.user-list ul{list-style:none;padding:0}.flight-list li,.user-list li{background-color:#2c2c2c;border-radius:5px;color:#fff;cursor:pointer;margin:10px 0;padding:15px;transition:background-color .2s}.flight-list li:hover,.user-list li:hover{background-color:#444}@media (max-width:768px){.desktop-layout{display:none}}
/*# sourceMappingURL=main.d9da00c3.css.map*/