.auth-page{background:linear-gradient(135deg,#f0fdf4 0%,#fff 50%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-container{background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;width:100%;max-width:1000px;display:grid;overflow:hidden;box-shadow:0 25px 80px #21734626}.auth-left{color:#fff;background:linear-gradient(135deg,#217346 0%,#185c37 100%);flex-direction:column;justify-content:center;padding:3rem;display:flex}.auth-branding{margin-bottom:3rem}.auth-logo{margin-bottom:1.5rem}.auth-logo svg{width:48px;height:48px}.auth-branding h1{margin:0 0 .5rem;font-size:2rem;font-weight:800}.auth-branding p{opacity:.9;margin:0;font-size:1rem}.auth-features{flex-direction:column;gap:1.5rem;display:flex}.auth-feature{align-items:flex-start;gap:1rem;display:flex}.feature-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-icon svg{stroke:#fff;fill:#fff}.auth-feature h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}.auth-feature p{opacity:.8;margin:0;font-size:.875rem}.auth-right{justify-content:center;align-items:center;padding:3rem;display:flex}.auth-form-container{width:100%;max-width:360px}.auth-form-container h2{color:#1a1a1a;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.auth-subtitle{color:#666;margin:0 0 1.5rem}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.google-signin-btn{color:#333;cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:52px;padding:.875rem 1rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.google-signin-btn:hover:not(:disabled){background:#f9f9f9;border-color:#ccc;box-shadow:0 2px 8px #0000001a}.google-signin-btn:disabled{opacity:.7;cursor:not-allowed}.google-signin-btn svg{flex-shrink:0}.auth-divider{align-items:center;margin:1.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e5e5e5;flex:1;height:1px}.auth-divider span{color:#999;padding:0 1rem;font-size:.875rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#333;font-size:.875rem;font-weight:500}.form-group input{border:2px solid #e5e5e5;border-radius:10px;outline:none;padding:.875rem 1rem;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:#217346;box-shadow:0 0 0 3px #2173461a}.form-group input::placeholder{color:#aaa}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#217346 0%,#185c37 100%);border:none;border-radius:10px;justify-content:center;align-items:center;min-height:52px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #21734659}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.btn-loading{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.google-signin-btn .btn-loading{border:2px solid #0000001a;border-top-color:#333}@keyframes spin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;color:#666;margin-top:1.5rem;font-size:.875rem}.auth-switch a{color:#217346;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-loading .loader{border:4px solid #e5e5e5;border-top-color:#217346;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@media (max-width:768px){.auth-page{padding:1rem}.auth-container{grid-template-columns:1fr}.auth-left{padding:2rem}.auth-features{display:none}.auth-right{padding:2rem}}