Iniciar Sesión

Accede a tu panel de control

@csrf
@error('email')
{{ $message }}
@enderror
@error('password')
{{ $message }}
@enderror
@if (Route::has('password.request')) ¿Olvidaste tu contraseña? @endif
.form-check-label { color: #7f8c8d; font-size: 0.9rem; margin-left: 8px; } .forgot-password { color: #3498db; text-decoration: none; font-size: 0.9rem; transition: color 0.3s ease; } .forgot-password:hover { color: #2980b9; } .company-info { text-align: center; padding: 20px; border-top: 1px solid rgba(0,0,0,0.1); background: rgba(52, 152, 219, 0.05); } .company-info small { color: #7f8c8d; font-size: 0.8rem; } /* Animaciones */ .login-container { animation: fadeInUp 0.6s ease-out; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .alert { border-radius: 10px; border: none; margin-bottom: 20px; } .alert-danger { background: rgba(231, 76, 60, 0.1); color: #e74c3c; } /* Responsive */ @media (max-width: 768px) { .login-container { margin: 20px; max-width: 100%; } .login-header { padding: 30px 30px 15px; } .login-form { padding: 30px; } }

Iniciar Sesión

Sistema de Gestión TPLink

@if ($errors->any())
{{ $errors->first() }}
@endif
@csrf
¿Olvidó su contraseña?
TPLink Bolivia - Sistema de Gestión
{{ date('d/m/Y H:i') }}
.login-left .content { position: relative; z-index: 2; } .login-right { padding: 60px; } .logo { font-size: 48px; margin-bottom: 20px; } .form-control { border-radius: 10px; border: 2px solid #e9ecef; padding: 12px 20px; font-size: 16px; } .form-control:focus { border-color: #667eea; box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25); } .btn-primary { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; border-radius: 10px; padding: 12px 30px; font-size: 16px; font-weight: 600; transition: all 0.3s ease; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.2); } .input-group { margin-bottom: 20px; } .input-group-text { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 10px 0 0 10px; } .alert { border-radius: 10px; border: none; } .form-check { margin: 20px 0; } .company-info { margin-top: 30px; opacity: 0.9; } .company-info h3 { margin-bottom: 15px; } .company-info p { margin-bottom: 10px; }