.login-page {
	background: linear-gradient(135deg, #4e54c8, #8f94fb);
}
.card {
	border: none;
	border-radius: 15px;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
}
.card-header {
	border-radius: 15px 15px 0 0 !important;
	border-bottom: none;
	padding: 25px;
}
.nav-pills .nav-link {
	border-radius: 10px;
	padding: 12px 20px;
	font-weight: 500;
	transition: all 0.3s ease;
}
.nav-pills .nav-link.active {
	background-color: #4e54c8;
}
.nav-pills .nav-link:not(.active) {
	color: #6c757d;
}
.nav-pills .nav-link i {
	margin-right: 8px;
}
.input-group-text {
	border: none;
	background: #f8f9fa;
}
.form-control {
	border: 1px solid #e9ecef;
}
.btn-primary {
	background-color: #4e54c8;
	border-color: #4e54c8;
	padding: 10px 20px;
}
.btn-primary:hover {
	background-color: #3f44a0;
	border-color: #3f44a0;
}
.btn-outline-secondary {
	color: #6c757d;
	border: 1px solid #e9ecef;
	background: transparent;
	transition: all 0.3s ease;
	padding: 10px 20px;
}
.btn-outline-secondary:hover {
	color: #4e54c8;
	background: rgba(78, 84, 200, 0.1);
	border-color: #4e54c8;
}
.btn-outline-secondary i {
	color: #4e54c8;
}
.login-box {
	width: 420px;
}