.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f9fafb;padding:1.5rem}.login-card{width:100%;max-width:420px;background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;padding:2.5rem;box-shadow:0 4px 24px -4px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);animation:slideUpFade .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{font-size:1.75rem;font-weight:800;color:#111827;margin-bottom:.5rem;letter-spacing:-.03em}.login-subtitle{color:#6b7280;font-size:.9rem}.login-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:#16a34a;border-radius:14px;margin-bottom:1rem;box-shadow:0 4px 14px rgba(22,163,74,.3)}.login-icon svg{width:26px;height:26px;color:white}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;transition:color .15s ease}.form-input{width:100%;padding:.75rem 1rem;background:#ffffff;border:1.5px solid #d1d5db;border-radius:10px;color:#111827;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-sizing:border-box}.form-input::placeholder{color:#9ca3af}.form-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12)}.form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-group:focus-within .form-label{color:#16a34a}.login-button{width:100%;padding:.875rem 1rem;background:#16a34a;color:#ffffff;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;letter-spacing:.01em}.login-button:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 6px 18px rgba(22,163,74,.35)}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:none}.login-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#9ca3af;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.divider:after,.divider:before{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider span{padding:0 .875rem}.google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.8125rem 1rem;background:#ffffff;color:#374151;border:1.5px solid #d1d5db;border-radius:10px;font-weight:500;font-size:.95rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.google-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.07)}.google-button:active:not(:disabled){transform:translateY(0);box-shadow:none}.google-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.error-message{color:#dc2626;font-size:.85rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem;background:#fef2f2;padding:.625rem .875rem;border-radius:8px;border:1px solid #fecaca;animation:shake .4s ease-in-out}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:white;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}.spinner-dark{border:2px solid rgba(0,0,0,.15);border-top-color:#374151}@keyframes slideUpFade{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes spin{to{transform:rotate(1turn)}}