:root{--header-height:80px;--footer-height:60px}.auth-container{width:100%;max-width:1100px;min-height:calc(100vh - var(--header-height,0px) - var(--footer-height,0px));box-sizing:border-box;grid-template-columns:1fr;gap:30px;margin:0 auto;padding:20px;display:grid}.image-section,.form-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-image{clip-path:circle(50%);object-fit:cover;width:100%;max-width:300px;height:auto}@media (min-width:768px){.auth-container{grid-template-columns:repeat(2,1fr);gap:40px;padding:40px}.form-section{text-align:left;align-items:flex-start}}
.google-btn{color:#3c4043;cursor:pointer;background-color:#fff;border:1px solid #dadce0;border-radius:8px;justify-content:center;align-items:center;gap:15px;width:100%;max-width:320px;padding:12px 16px;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;transition:background-color .3s,box-shadow .3s;display:inline-flex;box-shadow:0 1px 2px #3c40434d}.google-btn:hover{background-color:#f8f9fa;box-shadow:0 2px 6px #3c40434d}.google-btn .google-icon{width:20px;height:20px}
.login-page-wrapper{background-color:#f3f4f6;justify-content:center;align-items:center;padding:10px 20px;display:flex}.dashboard-container{text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:450px;padding:40px;animation:.5s ease-in-out fadeIn;box-shadow:0 10px 25px #00000014}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-container h2{color:#1a202c;margin-bottom:15px;font-size:26px;font-weight:700}.dashboard-container .profile-image{border:4px solid #fff;border-radius:50%;margin:0 auto 15px;box-shadow:0 0 10px #0000001a}.dashboard-container .user-email{color:#718096;margin-bottom:30px;font-size:16px}.logout-button{color:#fff;cursor:pointer;background-color:#e53e3e;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .3s,transform .2s}.logout-button:hover{background-color:#c53030;transform:translateY(-2px)}.auth-container{background-color:#fff;border-radius:16px;animation:.5s ease-in-out fadeIn;overflow:hidden;box-shadow:0 20px 40px #0000001a}.form-section{padding:40px}.form-section h1{color:#1a202c;margin-bottom:12px;font-size:32px;font-weight:800}.form-section .login-subtitle{color:#718096;max-width:300px;margin-bottom:30px;font-size:16px}[data-theme=dark] .login-page-wrapper{background-color:#0d1117}[data-theme=dark] .auth-container{background-color:#161b22;box-shadow:0 20px 40px #0006}[data-theme=dark] .dashboard-container{background-color:#161b22;border-color:#2d3545;box-shadow:0 10px 25px #0006}[data-theme=dark] .form-section h1,[data-theme=dark] .dashboard-container h2{color:#e0e6f0}[data-theme=dark] .form-section .login-subtitle,[data-theme=dark] .dashboard-container .user-email{color:#8b949e}