body{margin:0;overflow:hidden}.login-form{width:90%;max-width:400px;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px #0000001a;background-color:#fff}.login-form h2{text-align:center;margin-bottom:20px;color:#333}.login-form label{display:block;margin-bottom:5px;font-weight:700;color:#333}.login-form input{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.login-form button{width:100%;padding:10px;background-color:#4caf50;border:none;border-radius:5px;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s}.login-form button:hover{background-color:#45a049}@media (max-width: 768px){.login-form{margin:20px auto;padding:15px}.login-form h2{font-size:24px;margin-bottom:15px}.login-form input{padding:8px;margin-bottom:15px}.login-form button{padding:8px;font-size:14px}}@media (max-width: 480px){.login-form{margin:10px auto;padding:10px}.login-form h2{font-size:20px;margin-bottom:10px}.login-form input{padding:6px;margin-bottom:10px}.login-form button{padding:6px;font-size:12px}}.list-gpx{position:fixed;top:10px;left:10px;z-index:4}.input-upload{position:fixed;width:100%;top:10px;display:flex;justify-content:center;gap:10px;z-index:3}.upload-gpx{display:none}.custom-file-upload{height:42px;box-sizing:border-box;font-family:Inter,sans-serif;box-shadow:#00000059 0 5px 15px;font-weight:600;display:inline-block;padding:10px 20px;font-size:16px;cursor:pointer;background-color:#4caf50;color:#fff;border-radius:5px;border:1px solid #4CAF50;transition:background-color .3s,border-color .3s}.custom-file-upload:hover{background-color:#45a049;border-color:#45a049}.custom-file-upload:active{background-color:#3e8e41;border-color:#3e8e41}.btn-change-style{position:fixed;top:110px;right:10px;background-color:#fff;border:none;padding:5px;box-sizing:border-box;width:29px;height:29px;border-radius:5px;box-shadow:0 0 0 2px #0000001a;cursor:pointer}.maplibregl-ctrl-bottom-right{display:none}.create-gpx{height:42px;width:160px;border-radius:5px;font-family:Inter,sans-serif;border:none;box-shadow:#00000059 0 5px 15px;cursor:pointer;font-size:16px;font-weight:600}.create-gpx-group{display:flex;flex-direction:column;gap:10px}@media (max-width: 640px){.input-upload{top:calc(100vh - 110px);align-items:last baseline;height:94px}.create-gpx-group{flex-direction:column-reverse}.maplibregl-ctrl-top-right{top:calc(100vh - 120px)}.btn-change-style{top:calc(100vh - 150px)}}