.admin-container{max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a}h2{text-align:center;color:#333}th,td{padding:10px;border:1px solid #ccc;text-align:left}th{background-color:#f2f2f2}button{padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#0056b3}.feedback-form-container{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:600px;margin:20px auto;text-align:center;font-family:Arial,sans-serif}.feedback-form-container h2{margin-bottom:20px;color:#004080;font-size:1.8em}.feedback-form-container .feedback-form-group{margin-bottom:20px;text-align:left}.feedback-form-container .feedback-form-group label{display:block;margin-bottom:8px;font-weight:700;color:#333}.feedback-form-container .feedback-form-group input,.feedback-form-container .feedback-form-group textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:16px;box-shadow:inset 0 1px 3px #0000001a;transition:border-color .3s,box-shadow .3s}.feedback-form-container .feedback-form-group input:focus,.feedback-form-container .feedback-form-group textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.feedback-form-container .feedback-form-group textarea{resize:vertical;height:120px}.feedback-form-container .feedback-form-submit-button{padding:12px 25px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.feedback-form-container .feedback-form-submit-button:hover{background-color:#0056b3}.feedback-form-container p{font-size:1em;color:#333}.fed-spinner{display:inline-block;width:50px;height:50px;border:3px solid rgba(0,64,128,.3);border-radius:50%;border-top-color:#0079ed;animation:spin 1s ease-in-out infinite;margin-top:20px}.home-container{font-family:Arial,sans-serif;color:#004080;text-align:center;padding:20px}.hero-section{background-color:#e6f2ff;padding:50px 20px;border-radius:5px;box-shadow:0 0 5px #0000001a}.hero-section h1{font-size:2.5em;margin-bottom:10px}.hero-section p{font-size:1.2em}.features-section{margin:40px 0}.features-section h2{font-size:2em;margin-bottom:20px}.features{display:flex;justify-content:space-around;flex-wrap:wrap}.feature{background-color:#f0f8ff;padding:20px;margin:10px;border-radius:5px;box-shadow:0 0 5px #0000001a;width:30%;min-width:250px}.feature h3{font-size:1.5em;margin-bottom:10px}.feature p{font-size:1em}.about-section{margin:40px 0}.about-section h2{font-size:2em;margin-bottom:20px}.about-section p{font-size:1.2em}td button,button{background-color:#004080;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin:5px}.pagination-info{font-weight:700;margin-left:10px;color:#004080}.visible-button{display:inline-block;margin:5px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center;text-decoration:none}#danger-button{background-color:#dc3545}#danger-button:disabled{background-color:#fcc;cursor:not-allowed}#danger-button:disabled:hover{background-color:#fcc}#danger-button:hover{background-color:#c82333}.visible-button:disabled{background-color:#ccc;cursor:not-allowed}table tbody tr{animation:fadeIn .5s ease-in-out}.controls input[type=text]{width:50%}.detailed-modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:#fefefe;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;box-shadow:0 5px 15px #0000004d;position:relative}.close{color:#aaa;position:absolute;top:10px;right:10px;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}table{width:100%;border-collapse:collapse;margin-top:20px}td{padding:10px;border:1px solid #ddd}td:first-child{font-weight:700;background-color:#f9f9f9}.edit-container{width:1000px;padding:20px;background-color:#e6f2ff;border-radius:5px;box-shadow:0 0 5px #0000001a;margin:auto}form{display:flex;flex-direction:column}.edit-pirep-save-button{background-color:#004080;color:#fff;border:none;cursor:pointer;margin-top:10px}.edit-pirep-save-button:hover{background-color:#036}.edit-pirep-delete-button{background-color:red;color:#fff;border:none;cursor:pointer;margin-top:10px}.edit-pirep-delete-button:hover{background-color:#c00}.file-container{position:relative;width:100%;max-width:1200px;margin:60px auto;padding:20px;background-color:#f9f9f9e6;border-radius:10px;box-shadow:0 0 10px #0000001a;animation:fadeIn .5s ease-in-out;z-index:2;overflow-y:auto;max-height:calc(100vh - 120px)}.file-container::-webkit-scrollbar{width:12px}.file-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.file-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.file-container::-webkit-scrollbar-thumb:hover{background:#555}.bg-img{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}h2{text-align:center;color:#004080;margin-bottom:20px}p{text-align:center;color:#004080}form{display:grid;grid-template-columns:1fr;gap:20px}fieldset{border:1px solid #ccc;width:70em;border-radius:5px;padding:20px;margin-bottom:20px}.button-container{display:flex;justify-content:center;margin-top:10px}legend{font-weight:700;color:#004080;padding:0 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,textarea,select,button{margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:5px}input,textarea,select{width:100%}input::placeholder,textarea::placeholder{color:#aaa}.file-pirep-button{background-color:#004080;color:#fff;border:none;cursor:pointer;padding:15px;font-size:16px;border-radius:5px;transition:background-color .3s ease}.file-pirep-button:hover{background-color:#036}label{font-weight:700;color:#004080}textarea{resize:vertical}.required{color:red}.sigCanvas{display:block;margin:0 auto;border:2px solid #004080;border-radius:5px;background-color:#fff}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:20px;z-index:1000!important}.modal h2{text-align:center;color:#004080;margin-bottom:20px}.modal button{display:block;width:100%;padding:10px;margin:10px 0;background-color:#004080;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.modal button:hover{background-color:#036}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.file-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}fieldset{border:1px solid #ccc;border-radius:5px;padding:20px;margin-bottom:20px}fieldset:nth-child(odd){grid-column:span 2}.back-arrow{display:inline-block;margin-right:10px;font-size:18px;color:#004080;text-decoration:none}.back-arrow:hover{color:#007bff}.loading-spinner{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overlay{background-color:#000000bf;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000!important}.modal{background:#656565;padding:20px;border-radius:4px;max-width:500px;width:100%;z-index:1000!important}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}.modal-message{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#fff}.modal-button{background-color:#007bff;font-size:.8rem;color:#fff;margin-top:.5rem}.auth-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#004080}.auth-label{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#004080}.forgot-text{font-size:.8rem;color:#004080;margin-top:.5rem}.submit-button:hover{background-color:#0056b3}.metar-container{display:flex;width:1200px;margin:0 auto;padding:20px;background-color:#e6f2ff;overflow:hidden;border-radius:5px;box-shadow:0 0 5px #0000001a;align-items:center!important;justify-content:center!important}h2{text-align:center;color:#004080}form{display:flex;flex-direction:column;align-items:center}input,button{margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:5px}.metar-input{width:50%}.metar-button{background-color:#004080;color:#fff;border:none;cursor:pointer}.metar-button:hover{background-color:#036}.errorMessage{color:red;text-align:center;margin-top:10px}.taf-display{background-color:#fefefe;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;box-shadow:0 5px 15px #0000004d;margin-top:20px}.taf-display h2{text-align:center;color:#004080}.taf-display pre{white-space:pre-wrap;word-wrap:break-word}.spinner{display:inline-block;width:50px;height:50px;border:3px solid rgba(0,64,128,.3);border-radius:50%;border-top-color:#004080;animation:spin 1s ease-in-out infinite;margin-top:20px}.profile-container{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9}.avatar{width:100px;height:100px;border-radius:50%;margin-bottom:20px}form div{margin-bottom:10px}form label{display:block;margin-bottom:5px}form input,form textarea{width:100%;padding:8px;box-sizing:border-box}.profile-button{background-color:#004080;color:#fff;border:none;cursor:pointer;margin-right:10px}.profile-button:hover{background-color:#036}.profile-form-button{background-color:#004080;color:#fff;border:none;cursor:pointer;margin-right:10px}.profile-form-button:hover{background-color:#036}.navbar{background-color:#007bff;color:#fff;padding:10px;text-align:center;height:50px;width:100vw}.navbar ul{list-style-type:none;margin:0;padding:0}.navbar li{float:left}.navbar li a{display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}.navbar li a:hover{background-color:#111;border-radius:8px;transition:.5s}.logout-button{background-color:#dc3545;color:#fff;border:none;cursor:pointer;padding:14px 16px;text-decoration:none}.logout-button:hover{background-color:#c82333}.navbar{display:flex;align-items:center;padding:10px 20px;background-color:#004080;color:#fff}.navbar-brand{display:flex;align-items:center}.hamburger{display:none;font-size:1.5em;background:none;border:none;color:#fff;cursor:pointer}.navbar-menu{display:flex;list-style:none;margin:0;padding:0}.navbar-menu li{margin-left:10px}.navbar-menu a,.logout-button{color:#fff;text-decoration:none;font-size:1em}@media (max-width: 768px){.hamburger{display:block}.navbar-menu{display:none;flex-direction:column;width:100%;background-color:#004080;position:absolute;top:60px;left:0;padding:10px 0}.navbar-menu.open{display:flex}.navbar-menu li{margin:10px 0;text-align:center}}#root{display:flex;flex-direction:column;min-height:100vh}.footer{background-color:#004080;padding:10px 0;margin-top:auto}.footer p{color:#fff}.tl-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:transparent}.calc-wrapper{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:100%;text-align:center}.tl-h1{color:#333;margin-bottom:20px}.tl-p{color:#666;margin-bottom:20px}.tl-label{display:block;margin:10px 0;font-weight:700;color:#555}.tl-input{margin:10px 0;padding:10px;width:calc(100% - 22px);max-width:300px;border:1px solid #ccc;border-radius:5px;font-size:16px}.tl-button{margin-top:20px;padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff!important;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.tl-button:hover{background-color:#0056b3!important}.result{margin-top:20px;padding:10px;background-color:#e9f7ef;border:1px solid #d4edda;border-radius:5px;color:#155724;font-weight:700}.error{margin-top:20px;padding:10px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;font-weight:700}.form-group{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.form-group label,.form-group input{width:100%;max-width:300px}.weather-forecast-container{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:1300px;margin:20px auto;text-align:center;font-family:Arial,sans-serif}.weather-forecast-container h2{margin-bottom:20px;color:#004080;font-size:1.8em}.weather-forecast-container .forecast-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.weather-forecast-container .forecast-day{background-color:#f9f9f9;padding:10px;border-radius:5px;box-shadow:0 2px 4px #0000001a;text-align:center;width:150px}.weather-forecast-container .forecast-day p{margin:5px 0}.weather-forecast-container .spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.weather-forecast-container .error-message{color:red;font-size:1em}.weather-forecast-page-container{font-family:Arial,sans-serif;color:#004080;text-align:center;padding:20px}.weather-forecast-page-container input{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;margin-bottom:20px;width:500px}.weather-forecast-page-container button{padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.weather-forecast-page-container button:hover{background-color:#0056b3}: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}h2{color:#004080}.pirep-container{width:1600px;margin:0 auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}.highlight{background-color:#ffeb3b}.controls div{flex:1;margin-right:10px}.controls div:last-child{margin-right:0}html,body{margin:0;padding:0;overflow-x:hidden;height:100%;display:flex;flex-direction:column}.highlight{background-color:#ff0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes successAnimation{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-message{animation:successAnimation 1s ease-in-out;color:green;font-size:1.5em;text-align:center;margin-top:20px}body{font-family:Arial,sans-serif;background-color:#f0f4f8;color:#333;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}.summary{display:flex;justify-content:space-between;margin-bottom:20px}.summary-item{background-color:#e6f2ff;padding:10px;border-radius:5px;box-shadow:0 0 5px #0000001a}.table-container{overflow-x:auto;max-width:100%;margin-top:20px}table{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden}th,td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:200px;padding:12px;border:1px solid #ddd}th{background-color:#004080;color:#fff;text-align:left}td{background-color:#e6f2ff}button{background-color:#004080;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin:5px}button:hover{background-color:#036}input,select,textarea{width:100%;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:5px}label{font-weight:700;margin-top:10px;display:block}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination button{background-color:#004080;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;margin:0 5px}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination button:hover:not(:disabled){background-color:#036}@media (max-width: 768px){.container{padding:10px}.summary{flex-direction:column}.summary-item{margin-bottom:10px}th,td{max-width:100px;padding:8px}button{padding:8px 16px;margin:3px}.pagination{flex-direction:column}.pagination button{margin:3px 0}}input{margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#fff!important;color:#000!important}input::placeholder{color:#888!important}