:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#343232;background-color:#ebf2f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body{margin:0;padding:0;overflow-x:hidden;width:100%}.login-wrapper{display:flex;flex-direction:column;border:2px solid #6d706d;border-radius:8px;width:fit-content;padding:2rem;background-color:#f9f9f9;box-shadow:0 2px 6px #0000001a;margin:5rem auto}#form-wrapper{display:flex;flex-direction:column;width:300px}#form-wrapper label{margin-top:1rem;font-weight:600;color:#333}#form-wrapper input{padding:.5rem;margin-top:.25rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:1rem;color:#333}#form-wrapper input:focus{outline:none;border-color:#6d706d;box-shadow:0 0 0 2px #6d706d33}#login-button{margin-top:1.5rem;padding:.6rem 1rem;background-color:#6d706d;border:none;color:#fff;font-weight:600;border-radius:4px;cursor:pointer;transition:background-color .2s ease}#login-button:hover{background-color:#444}.navbar-wrapper{background-color:#4a6fa5;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:2px solid #ccc;box-shadow:0 2px 6px #0000000d}.navbar-wrapper h2{margin:0;color:#f1f1f1;font-weight:700}#navbar-ul-wrapper{list-style-type:none;display:flex;gap:1.5rem;font-size:1rem;padding:0;margin:0}.navbar-nav ul a{text-decoration:none;color:#f1f1f1;font-weight:600;padding:.5rem 1rem;border-radius:6px;transition:background-color .3s ease}.navbar-nav ul a:hover{background-color:#3a5c8a}.navbar-wrapper button{padding:.5rem 1rem;margin-top:-1rem;font-size:1rem;font-weight:700;color:#fff;background-color:#3a5c8a;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease-in-out}.navbar-wrapper button:hover{background-color:#2c466d}.form-container{min-height:calc(100vh - 60px);display:flex;justify-content:center;align-items:center}.form-wrapper{max-width:400px;width:100%;padding:25px;background:#f8f9fa;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center}.form-wrapper-proxy-gen h2{margin-bottom:20px;color:#333}.proxy-generate-form{display:flex;flex-direction:column;gap:15px}.proxy-generate-form label{font-weight:700;text-align:center;font-size:14px;color:#444}.proxy-generate-form input{padding:10px;font-size:14px;border:1px solid #ccc;background-color:#fff;border-radius:5px;color:#333}button{padding:10px;font-size:14px;border:none;border-radius:5px;cursor:pointer;margin-top:10px}#proxy-generate-submit-button{background-color:#4a6fa5;color:#fff}#proxy-generate-submit-button:hover{background-color:#4a6fa5}#proxy-download-button{background-color:#4a6fa5;color:#fff}#proxy-download-button:hover{background-color:#4a6fa5}.error{color:red;font-size:14px}