.login-container[data-v-8ae7a4cf]{font-family:Arial,sans-serif;text-align:center;padding:20px;max-width:600px;margin:40px auto;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 10px #0000001a;background-color:#fff}@media (max-width: 768px){.login-container[data-v-8ae7a4cf]{max-width:95%;margin:20px auto;padding:15px}}h1[data-v-8ae7a4cf]{color:#333;margin-bottom:20px;font-size:2em}@media (max-width: 768px){h1[data-v-8ae7a4cf]{font-size:1.5em;margin-bottom:15px}}.loading-message[data-v-8ae7a4cf],.error-message[data-v-8ae7a4cf]{margin-top:20px;padding:10px;border-radius:4px}.loading-message[data-v-8ae7a4cf]{color:#555;background-color:#f0f0f0}.error-message[data-v-8ae7a4cf]{color:#d32f2f;background-color:#ffcdd2;border:1px solid #ef9a9a}p[data-v-8ae7a4cf]{color:#555;line-height:1.6;margin-bottom:10px}button[data-v-8ae7a4cf]{display:inline-block;background-color:#4285f4;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:1em;cursor:pointer;transition:background-color .3s ease,opacity .3s ease;margin-top:10px}button[data-v-8ae7a4cf]:hover:not(:disabled){background-color:#357ae8}button[data-v-8ae7a4cf]:disabled{background-color:#a0a0a0;cursor:not-allowed;opacity:.7}.user-info[data-v-8ae7a4cf]{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.user-info h2[data-v-8ae7a4cf]{color:#1a73e8;margin-bottom:15px}.user-info p[data-v-8ae7a4cf]{margin-bottom:8px;font-size:.95em}.user-avatar[data-v-8ae7a4cf]{width:100px;height:100px;border-radius:50%;border:3px solid #1a73e8;object-fit:cover;display:block;margin:15px auto}.new-user-message[data-v-8ae7a4cf]{font-weight:700;color:#34a853;margin-top:15px}.sign-out-button[data-v-8ae7a4cf]{background-color:#f4b400;margin-top:20px}.sign-out-button[data-v-8ae7a4cf]:hover:not(:disabled){background-color:#f09300}@media (max-width: 600px){h1[data-v-8ae7a4cf]{font-size:1.3em}button[data-v-8ae7a4cf]{padding:10px 15px;font-size:.95em}.user-info h2[data-v-8ae7a4cf]{font-size:1.2em}.user-info p[data-v-8ae7a4cf]{font-size:.9em}.user-avatar[data-v-8ae7a4cf]{width:80px;height:80px}}header[data-v-480c1001]{line-height:1.5;max-height:100vh}nav[data-v-480c1001]{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active[data-v-480c1001]{color:var(--color-text)}nav a.router-link-exact-active[data-v-480c1001]:hover{background-color:transparent}nav a[data-v-480c1001]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-480c1001]:first-of-type{border:0}@media (min-width: 1024px){header[data-v-480c1001]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-480c1001]{margin:0 2rem 0 0}header .wrapper[data-v-480c1001]{display:flex;place-items:flex-start;flex-wrap:wrap}nav[data-v-480c1001]{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}