:root{--primary:#37832f;--primary-dark:#42bb32;--accent:#e63946;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-container{background:linear-gradient(135deg,#3d7a36 20%,#5baa52 50%,#4c7248 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.background-decoration{pointer-events:none;background:#ffffff1a;border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-50%}.login-box{background:var(--white);z-index:1;border-radius:16px;flex-direction:column;width:100%;max-width:450px;padding:40px;display:flex;position:relative;transform:translateY(-70px);box-shadow:0 20px 60px #241919fa}.login-header{text-align:center;margin-bottom:40px}.logo-wrapper{justify-content:center;margin-bottom:20px;display:flex}.logo-svg{width:80px;height:80px;animation:.6s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.login-title{color:var(--gray-900);margin-bottom:8px;font-size:28px;font-weight:700}.login-subtitle{color:var(--gray-500);font-size:14px}.login-form{margin-bottom:20px}.form-content{flex-direction:column;gap:20px;display:flex}.form-description{text-align:center;color:var(--gray-700);margin-bottom:10px;font-size:14px}.error-box{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:8px;gap:12px;padding:12px;display:flex}.error-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.error-title{margin-bottom:2px;font-size:13px;font-weight:600}.error-message{font-size:12px;line-height:1.4}.google-button{background:var(--primary);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .3s;display:flex;position:relative}.google-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 25px #47aa3c}.google-button:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:20px;height:20px}.spinner-small{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:.8s linear infinite spin}.loading-text{text-align:center;color:var(--gray-700);margin:0;font-size:14px}@media (min-width:768px){.login-container{padding:40px}.login-box{max-width:500px;padding:60px}.logo-svg{width:100px;height:100px}.login-title{font-size:32px}.login-subtitle,.form-description{font-size:16px}.google-button{padding:14px 20px;font-size:16px}.info-icon{width:24px;height:24px}.google-icon{width:22px;height:22px}}@media (min-width:1024px){.login-container{padding:60px 20px}.login-box{max-width:550px;padding:80px}.logo-svg{width:120px;height:120px}.login-title{margin-bottom:12px;font-size:36px}.login-subtitle{font-size:18px}.login-header{margin-bottom:50px}.form-content{gap:24px}.form-description{margin-bottom:16px;font-size:17px}.google-button{padding:16px 24px;font-size:17px}.error-box{padding:16px}.info-box{padding:18px;font-size:15px}.login-footer{padding-top:30px}.login-footer p{font-size:13px}}@media (prefers-color-scheme:dark){.login-box{background:var(--gray-900)}.login-title{color:var(--white)}.login-subtitle,.form-description{color:var(--gray-500)}.error-box{color:#fcc;background-color:#332;border-color:#644}.info-box{background:var(--gray-800);color:var(--gray-300)}.login-footer{border-color:var(--gray-700)}.login-footer p{color:var(--gray-600)}}.toast{z-index:9999;background:#fff;border-left:4px solid #dc3545;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;max-width:360px;padding:16px 20px;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.toast.hide{animation:.3s ease-out forwards slideOut}.toast-error{color:#721c24;background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%);border-left-color:#dc3545}.toast-content{flex:1;align-items:center;gap:12px;display:flex}.toast-icon{min-width:24px;font-size:24px}.toast-text{flex:1}.toast-titulo{color:#721c24;margin:0;font-size:14px;font-weight:600;line-height:1.2}.toast-mensaje{color:#721c24;opacity:.9;margin:4px 0 0;font-size:13px;line-height:1.2}.toast-close{color:#721c24;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;transition:opacity .2s;display:flex}.toast-close:hover{opacity:1}@media (max-width:600px){.toast{max-width:none;bottom:16px;left:16px;right:16px}.toast-titulo{font-size:13px}.toast-mensaje{font-size:12px}}@media (min-width:1281px) and (max-width:1440px){.login-container{padding:50px 30px}.login-box{max-width:420px;padding:10px 60px;transform:translateY(-30px)}.logo-svg{width:110px;height:110px}.login-title{margin-bottom:10px;font-size:34px}.login-subtitle{font-size:17px}.login-header{margin-bottom:45px}.form-content{gap:22px}.form-description{margin-bottom:14px;font-size:16px}.google-button{border-radius:10px;padding:15px 22px;font-size:16px}.google-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #47aa3c4d}.error-box{padding:14px}.info-box{padding:16px;font-size:14px}.login-footer{padding-top:28px}.login-footer p{font-size:12px}.toast{max-width:380px;padding:14px 18px;bottom:24px;right:24px}.toast-titulo{font-size:14px}.toast-mensaje{font-size:13px}}