.login-container{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-background{z-index:0;position:absolute;inset:0}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:absolute;inset:0}.pattern-overlay{opacity:.1;background-image:url(/assets/patterns/pattern-28a18a55de90abd4.svg);position:absolute;inset:0}.back-to-home{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fff3;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s;display:flex;position:absolute;top:2rem;left:2rem}.back-to-home:hover{background:#ffffff4d;transform:translate(-5px)}.login-card{z-index:1;background:#fff;border-radius:24px;width:100%;max-width:400px;padding:3rem;position:relative;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:2rem}.logo{margin-bottom:1rem;display:inline-flex}.login-header h1{color:#1d1d1f;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-header p{color:#86868b}.error-message{color:#c00;background:#fee;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.login-form{flex-direction:column;gap:1rem;display:flex}.input-group{position:relative}.input-icon{color:#86868b;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-group input{border:1px solid #e5e5e7;border-radius:12px;width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;transition:all .2s}.input-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;height:48px;padding:.875rem;font-size:1rem;font-weight:600;transition:transform .2s;display:flex}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.login-footer{text-align:center;color:#86868b;margin-top:2rem;font-size:.875rem}.test-credentials{background:#f5f5f7;border-radius:8px;margin-top:1rem;padding:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.login-container{width:calc(100% - 40px);max-width:none;margin:20px;padding:20px}.login-form{gap:15px}.form-group input,.btn-primary{padding:12px;font-size:16px}}